body { background:radial-gradient(ellipse at 50% 0,#fff9e5,transparent 65%),#e4ebd7; color:#254b37; }
.game-shell { max-width:820px; gap:14px; }
.top-bar { border-bottom:1px solid #8aa27c40; padding-bottom:15px; }
.top-bar a { color:#3d624c; }
.game-shell > h1 { color:#2c583e; background:none; -webkit-text-fill-color:initial; font-size:48px; letter-spacing:-.055em; margin:4px 0 0; }
.garden-eyebrow { font:10px monospace; letter-spacing:.2em; color:#7b7446; text-transform:uppercase; margin-top:10px; }
.garden-subtitle { color:#667b4f; font-size:14px; margin:-8px 0 0; }
.stats { background:#fffaf0; border:1px solid #c4d0ae; border-radius:12px; box-shadow:none; padding:10px 24px; gap:32px; }
.stats .l { color:#677b56; font-size:10px; }.stats .v { color:#346845; font-size:25px; }
.stage-wrap { width:fit-content; max-width:100%; padding:16px; border:1px solid #839266; border-radius:26px; background:repeating-linear-gradient(0deg,#9884500b 0 1px,transparent 1px 5px),#b6c492; box-shadow:inset 0 2px #ffffff80,0 12px 32px #55623926; position:relative; }
#gameCanvas { border-radius:12px; background:#cddca5; box-shadow:0 0 0 2px #76965366; touch-action:none; }
.garden-start { position:absolute; z-index:2; inset:16px; border:0; border-radius:12px; background:linear-gradient(#ebf1c633,#e9f0c9dc); color:#2a5638; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; cursor:pointer; font:600 26px 'Inter',sans-serif; }
.garden-start span { background:#2f6748; color:#fff7dd; padding:14px 25px; border-radius:30px; box-shadow:0 6px 0 #1b4433; }
.garden-start small { font:12px 'Inter',sans-serif; margin-top:10px; color:#3f6743; }
.controls .action { background:#35684a; color:#fffae7; box-shadow:none; border-radius:30px; }
.controls .action.ghost { background:transparent; color:#456847; border-color:#9bb185; }
.hint { color:#557344; max-width:500px; line-height:1.6; }
@media(max-width:520px){ .game-shell > h1 { font-size:38px; }.stage-wrap{padding:10px;}.garden-start{inset:10px;}.garden-subtitle{font-size:13px;} }
.stage-wrap { align-self:center; }
.garden-start[hidden] { display:none; }
#gameCanvas { max-width:none; flex:0 0 auto; width:400px; height:400px; }
/* Short laptop screens: a slimmer header leaves room for the board and the Restart button. */
@media (max-height:760px) and (min-width:521px) {
  .garden-eyebrow, .garden-subtitle { display:none; }
  .game-shell > h1 { font-size:34px; }
}