P or Escape to resume
","title":"bug: the pause card tells phone players to press P or Escape"},{"citation":"resolved","description":"Now: .pond-surface has a fixed `min-block-size: max(538px, 33.625rem)` at every viewport height. At 844x390 (an iPhone in landscape) the Start button sits at y 635, below the fold, and once the page is scrolled so the frog (78% down the pond) is visible, the pond's top is at -212px: score, time, lives, pause and sound are all off-screen while the round runs.\nChange to: add `@media (max-height: 540px) { .pond-surface { min-block-size: 0; block-size: calc(100svh - 24px); } .intro { margin-block: 2rem 1.5rem; } }` so the pond fits the short viewport and the intro still fits inside it; game.resize already rescales positions when the canvas changes size.\nWhy: the brief says \"responsive drag on phones\" and the manifest declares mobile: true; a phone turned sideways is still a phone, and the pause button the brief requires must stay reachable during play.","line":67,"path":"src/style.css","reproduction":"Width 844x390 with touch. Open dist/index.html: #start bounding box y 635-688 with innerHeight 390. Click it (Playwright scrolls to 467 first): .pond-surface top is -212, height 538, so the frog's row is at y 207 while the .hud (top 0-80 of the pond) and #pause are above the viewport. Screenshot landscape-playing shows water, the frog and the control bar with no score, timer or pause button.","severity":"low","snippet":".pond-surface { position: relative; min-block-size: max(538px, 33.625rem); display: flow-root; isolation: isolate; background: var(--color-surface); }","title":"bug: on a landscape phone the playfield is taller than the screen, so the HUD and pause button scroll out of view"},{"citation":"resolved","description":"Now: besides the hero, the page carries \"Small games. Good times.\" (.brand-note), \"Always free to play\" at the header's right edge (.free-label), \"A one-minute pond escape\" with a moon icon (.round-tag), \"Follow the fireflies. Mind the logs.\" (.control-note), \"Made for a moment of play.\" (.below-game), \"Somewhere, after moonrise ☾\" (.scene-caption, over the scene at 1440) and \"No downloads. Just drift.\" (.site-footer). Each is a slogan; none tells the visitor anything the hero and rules do not.\nChange to: delete .brand-note and .brand-divider, .free-label, .round-tag, .control-note, .scene-caption, the first p in .below-game and the footer's last span. The header keeps the Pepe2Pepe mark alone at the left; \"Personal best 0 pts\" moves to the left of .below-game (justify-content: flex-start); the footer keeps \"Pond Dash / A Pepe2Pepe game\"; the title row keeps its left column and the control bar keeps the two hints. If one line must stay, keep \"Always free to play\" but move it under the H1 as part of the sentence: \"Surf a lily pad through a moonlit pond. Free to play.\"\nWhy: \"the name or logo at the left edge, utilities (help, sound, wallet, saved) at the right edge\"; \"Cut the stack, not the best line: four or more slogans\". The scene caption also competes with the illustration, which is the one visual idea the page has.","line":27,"path":"src/main.ts","reproduction":"Width 1440x900 and 390x844, dist/index.html at load. Probe texts1440 lists all seven lines (sizes 13px); at 390 \"Always free to play\" (y 25-44) sits in the header's right slot and \"Made for a moment of play.\" (y 811-830) is still on the first screen. Screenshot test/scratch/taste/shots/1440.png shows all seven; 390.png shows three.","severity":"low","snippet":"