:root{--ink:#28372c;--muted:#637062;--paper:#f4f0e5;--green:#385240;--accent:#bf642c;--line:#c9c9b7;--radius:10px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#e9e4d6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b65627;outline-offset:5px}button{color:inherit}button,.primary{min-height:44px}button:hover{filter:brightness(.94)}[hidden]{display:none!important}#game{height:100svh;min-height:620px;position:relative;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,236,222,.97),rgba(240,236,222,.6) 31%,transparent 60%)}.topbar{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:26px 4.8%;gap:20px}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:800;letter-spacing:2px;line-height:1.2}.wordmark small{font-size:9px;letter-spacing:2.1px}.wordmark svg{width:39px;height:39px;fill:var(--green)}.wordmark .face{fill:none;stroke:var(--paper);stroke-width:2}.build-tag{margin-right:auto;margin-left:32px;color:var(--muted);font-size:12px}.quiet{border:1px solid #7b87737a;border-radius:40px;padding:9px 20px;background:#f4f0e5bc;font-size:13px}.menu{position:absolute;inset:0;pointer-events:none}.menu button{pointer-events:auto}.intro{position:absolute;top:20%;left:8%;max-width:540px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.04em;color:#8b572e;margin:0 0 16px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,5.2vw,80px);line-height:.98;letter-spacing:-2.7px;margin:0 0 24px;font-weight:700}p{line-height:1.55}.lead{font-size:20px;line-height:1.5;margin:0 0 13px}.description{color:#5b6658;font-size:14px;line-height:1.65;margin:0 0 28px}.primary{display:block;border:0;background:var(--green);color:#fff9e8;border-radius:var(--radius);padding:16px 28px;font-size:16px;font-weight:700;box-shadow:0 4px 0 #253e30;min-width:224px}.primary:hover{background:#2d4836}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #253e30}.menu-links{display:flex;align-items:center;gap:14px;margin-top:12px;color:var(--muted)}.text-button{border:0;padding:0;background:none;font-size:13px;text-decoration:underline;text-decoration-color:#8f99897a;text-underline-offset:4px}.season-summary{position:absolute;right:5%;bottom:12%;width:278px;background:rgba(244,240,229,.91);border:1px solid #ffffff9c;border-radius:var(--radius);padding:20px 22px;backdrop-filter:blur(8px)}.season-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700}.season-top span:last-child{color:#6b715f}progress{appearance:none;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;background:#d8dbc9;margin:14px 0 0}progress::-webkit-progress-bar{background:#d8dbc9}progress::-webkit-progress-value{background:#879b58}progress::-moz-progress-bar{background:#879b58}.season-summary p{font-size:12px;color:#67715f;margin:10px 0 16px}.records{display:flex;justify-content:space-between;border-top:1px solid #cfd1bf;padding-top:14px;font-size:11px}.records strong{display:block;margin-top:5px;font-size:17px;font-weight:500}.landscape-note{position:absolute;right:5%;top:24%;font-size:13px;line-height:1.65}.landscape-note small{color:#5b685a;font-size:11px}.note-line{display:block;width:34px;border-top:2px solid #7e8d74;margin-bottom:10px}footer{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 4.8%;font-size:11px;color:#5d6957;background:linear-gradient(transparent,#e9e4d699)}footer .text-button{font-size:11px;min-height:30px}
.hud{position:absolute;inset:0;pointer-events:none}.hud button{pointer-events:auto}.run-stats{display:flex;gap:32px;position:absolute;top:max(25px,env(safe-area-inset-top));left:5%;padding:15px 23px;background:#f4f0e5ee;border-radius:var(--radius);box-shadow:0 2px 8px #2c38201a}.run-stats span{display:block;color:#5f6b5c;font-size:11px;margin-bottom:4px}.run-stats strong{font-family:Georgia,serif;font-size:28px}.run-stats small{font:14px Arial}.square{position:absolute;right:5%;top:max(25px,env(safe-area-inset-top));width:52px;height:52px;background:var(--paper);border:0;border-radius:var(--radius);font-size:22px;font-weight:800}.boost{position:absolute;top:128px;left:5%;color:#273d27;font-size:13px;background:#f4f0e5db;border-radius:6px;padding:8px 12px}.boost:empty{display:none}.keyboard-hint{position:absolute;bottom:20px;width:100%;text-align:center;font-size:12px;color:#fff;background:#28372caa;padding:9px;margin:0}.keyboard-hint span{margin:0 18px}.touch-controls{position:absolute;bottom:max(40px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:9px}.touch-controls button{height:49px;width:52px;border:1px solid #f4f0e5a0;background:#f4f0e5dd;border-radius:10px;font-size:23px;color:var(--ink)}.tutorial{position:absolute;top:26%;left:50%;transform:translateX(-50%);width:min(400px,90%);background:var(--paper);padding:22px 26px;border-radius:var(--radius);box-shadow:0 8px 30px #293b3330;text-align:center}.tutorial>span{font-size:12px;color:#7d623c}.tutorial h2{font-size:26px;margin:10px 0}.tutorial p{font-size:14px}.tutorial .primary{margin:auto}.toast{position:absolute;top:140px;left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--green);color:var(--paper);border-radius:8px;max-width:90%;font-size:14px;z-index:4}.save-warning{position:absolute;bottom:52px;left:4%;right:4%;background:#fff2cb;padding:10px 16px;font-size:13px;border:1px solid #ae8c41;border-radius:8px;z-index:4}.fatal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--paper);padding:32px;border-radius:12px;width:min(90%,470px);z-index:8}
dialog{border:1px solid #d3d3bd;background:var(--paper);color:var(--ink);border-radius:16px;padding:32px;width:min(440px,calc(100% - 28px));max-height:90svh;box-shadow:0 20px 100px #17271c55}dialog::backdrop{background:#25352cc4;backdrop-filter:blur(5px)}h2{font-family:Georgia,serif;font-size:31px;letter-spacing:-.5px;line-height:1.1;margin:0 0 18px}dialog p{font-size:14px;color:#5c6656}dialog .primary{width:100%;margin-top:22px}.secondary{width:100%;background:transparent;border:1px solid #acb39c;border-radius:var(--radius);margin-top:13px;padding:13px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.close{border:0;background:none;font-size:27px;min-width:44px;line-height:1;flex:none;margin-top:-8px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.result-grid strong{display:block;font-family:Georgia,serif;font-size:31px}.result-grid span{font-size:12px;color:#626b5e}.setting{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #cfd1bf;font-size:14px}.setting input{accent-color:var(--green);width:22px;height:22px}.setting select{padding:9px 6px;background:#ebeadd;border:1px solid #a8b095;border-radius:5px;max-width:145px}.fine{font-size:12px!important}.playing .vignette{display:none}.playing #topbar,.playing footer{display:none}
@media(min-width:1000px) and (min-height:800px){.intro{top:22%}.season-summary{bottom:15%}}
@media(max-width:800px){#game{min-height:720px}.topbar{padding:20px 24px}.build-tag{display:none}.intro{top:19%;left:6%;max-width:380px}h1{font-size:58px}.lead{font-size:18px}.landscape-note{display:none}.season-summary{right:5%;bottom:10%;width:240px}.description{max-width:285px}.desktop-break{display:none}}
@media(max-width:800px){#game{min-height:640px;height:100svh}.topbar{padding:15px 20px}.wordmark{font-size:11px}.wordmark svg{width:32px}.quiet{padding:8px 14px;font-size:12px}.vignette{background:linear-gradient(0deg,#e9e4d6 5%,#e9e4d6ef 36%,transparent 62%)}.intro{top:auto;left:24px;right:24px;bottom:164px;max-width:none}.eyebrow{font-size:11px;margin-bottom:8px}h1{font-size:48px;letter-spacing:-1.6px;line-height:.96;margin-bottom:15px}h1 br{display:none}.lead{font-size:15px;line-height:1.4;margin-bottom:10px}.lead br{display:none}.description{display:none}.primary{width:100%;font-size:15px;padding:14px 20px;min-height:49px}.menu-links{margin-top:7px;justify-content:center;gap:20px}.text-button{font-size:12px}.season-summary{left:24px;right:24px;bottom:49px;width:auto;padding:13px 16px;background:#f4f0e5b8}.season-summary p{display:none}.records{padding-top:9px;margin-top:9px;font-size:10px}.records strong{display:inline;margin-left:8px;font-size:13px}.season-top{font-size:11px}progress{margin-top:9px;height:5px}footer{padding:10px 24px;font-size:10px}footer>span{max-width:135px}footer .text-button{font-size:10px;max-width:125px;text-align:right}.run-stats{top:18px;left:16px;padding:12px 15px;gap:22px}.run-stats strong{font-size:25px}.run-stats span{font-size:10px}.square{top:18px;right:16px;width:46px;height:46px}.boost{top:111px;left:16px}.keyboard-hint{display:none}.touch-controls{bottom:max(22px,env(safe-area-inset-bottom))}.toast{top:115px;width:max-content;text-align:center}.tutorial{top:23%;padding:20px}.save-warning{bottom:8px;font-size:11px}dialog{padding:25px}h2{font-size:29px}}
@media(max-height:620px) and (min-width:541px){#game{min-height:480px}.intro{top:19%}h1{font-size:46px;margin-bottom:12px}.eyebrow{margin-bottom:10px}.lead{font-size:16px;margin-bottom:10px}.description{display:none}.season-summary{bottom:12%;padding:14px 18px}.landscape-note{display:none}.primary{padding:12px 20px}.topbar{padding-top:14px}.touch-controls{bottom:36px}.tutorial{top:23%;padding:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.playing#game{min-height:0;height:100svh}
.preview-open{display:block;width:100%;margin-top:8px;min-height:34px;text-align:left;color:var(--green)}
.season-preview{position:absolute;right:5%;top:105px;width:278px;padding:15px 18px;border:1px solid #c9c9b7;border-radius:10px;background:#f4f0e5f5;pointer-events:auto;z-index:2}
.season-preview p{font-size:13px;font-weight:700;margin:0 0 9px}.season-choices{display:flex;gap:6px}.season-choices button{flex:1;background:transparent;border:1px solid #aab19c;border-radius:7px;min-height:40px;font-size:13px}.season-choices button[aria-pressed="true"]{color:#fff9e8;background:var(--green);border-color:var(--green)}.season-preview small{display:block;font-size:11px;color:#67715f;margin:10px 0 0}.season-preview .text-button{min-height:30px;font-size:11px}.menu:has(.season-preview:not([hidden])) .landscape-note{display:none}
@media(max-width:800px){.intro{bottom:205px}.preview-open{font-size:11px;min-height:29px;margin-top:5px}.season-preview{top:74px;right:24px;left:24px;width:auto;padding:10px 13px}.season-preview p{font-size:11px;margin-bottom:6px}.season-choices{max-width:270px}.season-choices button{min-height:36px;font-size:12px}.season-preview small{display:inline-block;margin:8px 10px 0 0;font-size:10px}.season-preview .text-button{font-size:10px;min-height:25px}.menu:has(.season-preview:not([hidden])) .intro{visibility:hidden}}
@media(min-width:541px) and (max-width:800px){.intro{bottom:174px;max-width:580px}.intro h1{font-size:54px}.season-summary{bottom:53px}.lead{max-width:500px}.intro .primary{max-width:360px}.menu-links{justify-content:flex-start}.season-summary{max-width:580px}}
.menu:has(.season-preview:not([hidden])) .intro{visibility:hidden}
#game:has(.season-preview:not([hidden])) .vignette{opacity:0}
#game:has(#wildlife-preview:not([hidden])) .season-summary{visibility:hidden}
.wildlife-list .text-button{justify-self:start;min-height:36px;font-size:12px}

/* Warm trail palette and substantial, thumb-sized game controls. */
.route-choices{display:grid;gap:12px;margin-top:21px}.route-choices button{padding:15px 18px;text-align:left;border:2px solid #c2cbaa;background:#e9ebd2;border-radius:13px;box-shadow:0 3px 0 #bbc5a2}.route-choices button[aria-pressed="true"]{border-color:#307352;background:#d5e2af}.route-choices strong{display:block;font-size:16px}.route-choices span{display:block;font-size:12px;line-height:1.5;margin-top:6px;color:#52644a}.route-choices button:nth-child(2){border-left:7px solid #d4a32d}.route-choices button:nth-child(3){border-left:7px solid #bb6e47}
.route-label{position:absolute;top:124px;left:5%;color:#fff9df;background:#315f4ddd;border:1px solid #b8cc8e;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700}
.run-goal{position:absolute;left:5%;bottom:95px;width:198px;padding:12px 15px;background:#fff6dff2;border:2px solid #fffbe6;border-radius:14px;color:#304b3a;box-shadow:0 3px 0 #345c4a44}
.goal-caption{display:block;font-size:10px;color:#61744d;margin-bottom:5px}.run-goal strong{display:block;font-size:12px;line-height:1.4}.run-goal #goal-count{display:block;margin-top:5px;font-size:12px;font-weight:700}.run-goal progress{margin-top:8px;height:6px}
.pickup-feedback{position:absolute;left:50%;bottom:35%;color:#ffe070;text-shadow:0 2px 0 #62441d,1px 0 #62441d,-1px 0 #62441d;font-size:25px;font-weight:900;pointer-events:none}
.hud .boost{top:124px;right:5%;left:auto;max-width:210px;font-size:12px;line-height:1.5}
.run-stats strong{display:inline-block;transform-origin:center}
.result-goals-title{font-size:13px;margin:22px 0 10px}.result-goals{list-style:none;padding:0;margin:0}.result-goals li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.result-goals strong{white-space:nowrap;color:#697358}.result-goals .complete strong{color:#337342}
@media(max-width:800px){.route-label{top:109px;left:14px;font-size:10px;padding:6px 9px}.hud .boost{top:109px;right:14px;left:auto;max-width:143px;font-size:10px;padding:6px 8px}.run-goal{top:149px;bottom:auto;left:14px;right:14px;width:auto;padding:6px 10px;display:grid;grid-template-columns:1fr auto;gap:3px 8px;border-radius:9px}.run-goal strong{font-size:11px}.goal-caption{display:none}.run-goal #goal-count{font-size:10px;margin:0}.run-goal progress{grid-column:1/-1;height:3px;margin:0}.pickup-feedback{font-size:22px;bottom:39%}.result-goals li{font-size:11px}}
@media(max-height:620px) and (min-width:541px){.run-goal{top:auto;bottom:58px;left:4%;right:auto;width:165px;padding:8px 11px}.goal-caption{display:none}.run-goal strong,.run-goal #goal-count{font-size:10px}.route-label{top:106px}.hud .boost{top:106px}}
:root{--ink:#263f37;--muted:#617164;--paper:#fff6df;--green:#296859;--accent:#e89b32;--line:#d5cfad;--radius:16px;background:#afc69a}
.vignette{background:linear-gradient(90deg,#e8ecd0df,#e9eac580 28%,transparent 57%)}
.wordmark{color:#244e45}.wordmark svg{fill:#2a6253}.build-tag{color:#3d6156;font-size:11px}
.quiet{border:2px solid #fff5d6;border-radius:14px;background:#fff6dfe8;box-shadow:0 3px 0 #43664e38;font-weight:700}
.intro{top:21%;left:7%}.eyebrow{color:#795223;font-weight:800}
h1{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(48px,5.4vw,82px);line-height:.98;letter-spacing:-3px;font-weight:950;color:#fff1c2;filter:drop-shadow(0 6px 0 #874523)}
h1 span{display:block;-webkit-text-stroke:5px #744726;paint-order:stroke fill}h1 span:last-child{color:#ffc251;font-size:.94em}
.lead{font-size:19px;font-weight:700;line-height:1.45;color:#2f5145}.description{color:#476052}
.primary{border:2px solid #fff0af;background:#ffc24b;color:#503719;border-radius:16px;padding:16px 29px;font-size:17px;font-weight:900;box-shadow:0 5px 0 #a96529,0 9px 17px #51402526;min-width:244px;transition:filter .15s,transform .15s}
.primary:hover{background:#ffcd61;filter:none}.primary:active{box-shadow:0 2px 0 #a96529}.menu-links{margin-top:15px;color:#466052}
.season-summary{background:var(--paper);border:3px solid #fffcef;border-radius:18px;padding:19px 20px;box-shadow:0 5px 0 #60765140,0 12px 30px #344c3625;backdrop-filter:none}
.season-top{font-weight:800}progress{height:11px;background:#e0dfba}progress::-webkit-progress-bar{background:#e0dfba;box-shadow:inset 0 2px 2px #5063441c}progress::-webkit-progress-value{background:#78a847;border-radius:20px}progress::-moz-progress-bar{background:#78a847}
.records strong{font-size:20px;font-weight:800}.landscape-note{font-size:15px;font-weight:700;color:#335c50;text-shadow:0 1px 6px #eff5d7}.landscape-note small{font-weight:400;color:#335c50}
footer{color:#344e38;background:linear-gradient(transparent,#d5d2a6a3)}
.run-stats{background:#fff6dff5;border:2px solid #fffce8;border-radius:17px;box-shadow:0 4px 0 #345c4a55}.run-stats span{font-weight:700}.run-stats strong{font-family:Arial,sans-serif;font-weight:900;font-variant-numeric:tabular-nums}.run-stats>div:nth-child(2) strong{color:#91611e}.run-stats>div:nth-child(3) strong{color:#517d30}
.square{border:2px solid #fffce8;border-radius:16px;box-shadow:0 4px 0 #345c4a55}.boost{color:#fff9d9;font-weight:700;background:#2c6759f0;border:1px solid #a2cf9f;border-radius:10px}
.touch-controls{gap:11px;bottom:max(47px,env(safe-area-inset-bottom))}.touch-controls button{height:50px;width:56px;border:2px solid #fff6dd;background:#fff3d8e8;border-radius:15px;box-shadow:0 4px 0 #3a614c70;font-weight:700}
.tutorial{border:3px solid #fff9e9;border-radius:20px;box-shadow:0 6px 0 #315e4d40}.toast{background:#2c6759;border:2px solid #bcd896;border-radius:12px}
dialog{border:3px solid #fffbed;border-radius:22px;box-shadow:0 9px 0 #31564670,0 25px 80px #17271c44}dialog::backdrop{background:#193f35a8;backdrop-filter:blur(4px)}
h2{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.7px}.secondary{background:#e6e8ca;border:1px solid #bfc8a6;border-radius:13px;margin-top:16px;font-weight:700}.result-grid strong{font-family:Arial,sans-serif;font-weight:900}
.season-preview{border:3px solid #fffbed;border-radius:16px;background:var(--paper)}.season-choices button{background:#e6e8ca;border:1px solid #bdcaa4;border-radius:9px;font-weight:700}
@media(max-width:800px){
  #game{min-height:700px}.vignette{background:linear-gradient(0deg,#eeebc9 8%,#ece8c6eb 35%,transparent 62%)}.intro{top:auto;left:24px;right:24px;bottom:221px}
  h1{font-size:49px;letter-spacing:-2px;line-height:.98;margin-bottom:17px;filter:drop-shadow(0 4px 0 #874523)}h1 span{-webkit-text-stroke:4px #744726}
  .lead{font-size:14px;line-height:1.4;margin-bottom:14px}.primary{font-size:16px;padding:13px 18px;min-height:51px}.menu-links{margin-top:10px}
  .season-summary{bottom:53px;padding:13px 16px}.records strong{font-size:14px}progress{height:8px}.touch-controls{bottom:max(25px,env(safe-area-inset-bottom))}.run-stats{left:14px;padding:11px 14px;gap:20px}.run-stats strong{font-size:23px}.run-stats span{font-size:9px}.square{right:14px}.toast{font-size:12px}
}
@media(min-width:541px) and (max-width:800px){.intro{bottom:208px} .intro h1{font-size:64px}.lead{max-width:420px}}
@media(max-height:620px) and (min-width:541px){#game{min-height:460px}.intro{top:22%;bottom:auto;left:6%;max-width:46%}h1,.intro h1{font-size:44px;margin-bottom:13px}.eyebrow{display:none}.lead{font-size:14px}.season-summary{left:auto;right:4%;bottom:14%;width:245px}.primary{padding:11px 18px}}


.audio-controls{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:12px 16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.audio-controls input{width:100%;accent-color:var(--green);min-height:24px}.audio-controls button,.audio-controls p{grid-column:1/-1;margin:0}.audio-controls p{text-align:center}@media(max-width:400px){.audio-controls{grid-template-columns:1fr 100px;gap:12px}}
.menu-links{gap:16px;flex-wrap:wrap}.result-goals li{flex-wrap:wrap}.result-goals progress{width:100%;height:4px;margin:5px 0 0}.mission-list li{padding:16px 0;font-size:14px;gap:8px}.mission-list strong{font-size:12px}.primary:disabled{cursor:default;box-shadow:none;background:#78856c}.score-readout{position:absolute;right:calc(5% + 72px);top:29px;color:#305640;background:#fff6dfee;padding:9px 13px;border-radius:12px;font-size:11px}.score-readout strong{display:block;font-size:18px;margin-top:3px}@media(max-width:800px){.score-readout{right:14px;top:71px;font-size:9px;padding:3px 8px}.score-readout strong{display:inline;font-size:12px;margin-left:5px}.menu-links{gap:13px}.menu-links .text-button{font-size:11px}}
.bank-button{border:0;background:transparent;padding:0;color:inherit;font-size:inherit;text-align:right;min-height:32px;text-decoration:underline;text-underline-offset:3px}.bank-button small{display:block;font-size:10px;margin-top:4px;color:var(--green)}.upgrade-row{padding:15px 0;border-top:1px solid var(--line)}.upgrade-row h3{margin:0;font-size:17px}.upgrade-row p{font-size:12px;margin:7px 0}.upgrade-row button{margin-top:8px}.upgrade-row small{display:block;margin-top:8px;color:#795531}.wildlife-list{padding:0;list-style:none}.wildlife-list li{border-top:1px solid var(--line);padding:12px 0;display:grid;gap:5px}.wildlife-list span{font-size:12px;color:var(--muted)}.wildlife-list .discovered strong{color:#27705b}#album-count{font-size:12px;font-weight:normal}#share-preview{display:block;width:100%;max-height:38vh;object-fit:contain;background:#b9d1a7;border-radius:8px}#share-dialog label{font-size:12px}#share-caption{width:100%;resize:vertical;min-height:80px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffbef;color:var(--ink);font:13px Arial;line-height:1.45}#share-download{text-align:center;text-decoration:none;box-sizing:border-box}#share-status{font-size:12px}.upgrade-row button:disabled{cursor:default}@media(max-width:800px){.bank-button{min-height:30px}.bank-button small{font-size:9px;margin-top:3px}.season-summary .records{align-items:center}}
.dash-control{position:absolute;right:5%;bottom:95px;width:228px;padding:9px 12px;background:#fff4d9ef;border:2px solid #fffbe8;border-radius:14px;box-shadow:0 4px 0 #345c4a55}.dash-control button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;background:transparent;font-weight:800;font-size:14px;min-height:38px}.dash-control button:disabled{opacity:1;cursor:default;color:#65735a}.dash-control svg{width:21px;height:25px;fill:#b09151}.dash-control progress{height:5px;margin:2px 0 4px}.dash-control>span{display:block;font-size:10px;line-height:1.35;text-align:center;color:#526344}.dash-control.ready{background:#ffcb55;border-color:#fff0b6}.dash-control.ready button,.dash-control.active button{color:#523c1a}.dash-control.ready svg,.dash-control.active svg{fill:#95501d}.dash-control.active{background:#ffde86}.dash-control.ready progress::-webkit-progress-value,.dash-control.active progress::-webkit-progress-value{background:#bc7630}
@media(max-width:800px){.dash-control{width:206px;bottom:91px;left:50%;right:auto;transform:translateX(-50%);padding:5px 10px}.dash-control button{font-size:12px;min-height:32px}.dash-control>span{font-size:9px}.dash-control svg{width:17px;height:20px}.dash-control progress{height:4px;margin:0 0 2px}}
@media(max-height:620px) and (min-width:541px){.dash-control{left:auto;right:4%;bottom:69px;transform:none;width:182px}.dash-control>span{display:none}}
@media(max-width:800px){.dash-control{width:112px;left:auto;right:14px;bottom:91px;transform:none;padding:5px 8px}.dash-control button{font-size:11px;gap:4px;min-height:44px}.dash-control svg{flex-shrink:0;width:15px}.dash-control>span{display:none}}
/* Natural materials and quieter framing keep the scene and animal prominent. */
:root{--ink:#233e36;--muted:#697361;--paper:#faf3e2;--green:#356753;--line:#d5d6c2;--radius:12px}
.vignette{background:linear-gradient(90deg,#e9e9d9ee 0%,#e9e9d9b0 25%,#e9e9d921 49%,transparent 63%)}
h1{font-size:clamp(48px,5vw,72px);letter-spacing:-3px;line-height:1.04;color:#274c3e;filter:none}h1 span{-webkit-text-stroke:0;text-shadow:none}h1 span:last-child{color:#936735;font-size:1em}
.lead{font-weight:600;color:#334c40}.eyebrow{color:#6c7653}.primary{border:1px solid #ffe3a3;border-radius:12px;background:#eeb752;box-shadow:0 3px 0 #a47432,0 8px 22px #3b443c1a;font-size:16px}.primary:hover{background:#fac565}.quiet{border:1px solid #e9e8d4;border-radius:10px;box-shadow:0 3px 12px #354b3512;background:#faf5e8ed}.season-summary{border:1px solid #fffced;border-radius:14px;box-shadow:0 10px 28px #344c3620;background:#faf4e5f5}.season-top{font-weight:700}.run-stats{border:1px solid #fffbe9;border-radius:12px;box-shadow:0 4px 18px #30443720}.square{border:1px solid #fffbe9;border-radius:12px;box-shadow:0 4px 18px #30443720}.touch-controls button{border:1px solid #fff7e4;border-radius:12px;box-shadow:0 3px 0 #47614d66}.dash-control{border:1px solid #fff7e5;box-shadow:0 4px 18px #30443720}.score-readout{border-radius:8px}dialog{border:1px solid #fffbed;border-radius:16px;box-shadow:0 18px 70px #17271c55}.secondary{border-radius:10px}.tutorial{border:1px solid #fff9e9;border-radius:16px;box-shadow:0 8px 26px #315e4d30}
@media(max-width:800px){.vignette{background:linear-gradient(0deg,#ecebdc 8%,#e9e9d9ee 30%,transparent 62%)}h1,.intro h1{font-size:49px;line-height:1.02;letter-spacing:-2px;filter:none}h1 span{-webkit-text-stroke:0}.primary{font-size:16px}.season-summary{border-width:1px}}
@media(min-width:541px) and (max-width:800px){.intro h1{font-size:61px}}
@media(max-height:620px) and (min-width:541px){h1,.intro h1{font-size:44px}}
.landscape-note{background:#faf4e5e8;border:1px solid #fff9e9;padding:11px 15px;border-radius:10px;text-shadow:none}.landscape-note .note-line{display:none}
.view-choices{margin-top:8px}.view-choices button{font-size:11px;min-height:34px}

/* Keep the complete outcome readable before the replay action receives focus. */
.ending-caption{position:absolute;z-index:5;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translateX(-50%);text-align:center;max-width:calc(100% - 32px);width:310px;padding:14px 20px;background:#faf4e5f2;border:1px solid #fffbed;border-radius:14px;box-shadow:0 7px 24px #233e3626}
.ending-caption p{margin:0 0 10px;font-size:16px;font-weight:700}.ending-caption button{min-height:44px;padding:10px 22px;font-size:14px;width:100%}
.hud.ending .touch-controls,.hud.ending .keyboard-hint,.hud.ending .dash-control,.hud.ending .run-goal,.hud.ending .boost,.hud.ending #pause{visibility:hidden}
.result-season-progress{padding:14px 16px;background:#e7ead6;border-radius:10px;margin:18px 0}.result-season-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.result-season-progress progress{margin:10px 0 6px}.result-season-progress small{display:block;font-size:12px;line-height:1.5;color:#526347}.result-tip{padding-left:12px;border-left:3px solid #b9914b;font-size:13px!important}.milestone .result-season-progress{background:#eee0b6}.milestone #result-label{color:#865b20}
#result-title:focus{outline:none}.save-note{padding:10px 12px;border-left:3px solid var(--green);background:#e5e9d5;border-radius:3px}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions .primary{grid-column:1/-1;width:100%;margin:0!important}.result-actions .secondary{margin:0!important;min-width:0;min-height:44px;padding:10px!important}.result-actions+.result-season-progress{margin-top:22px}#result-details{border-top:1px solid var(--line);padding-top:8px}#result-details summary{cursor:pointer;min-height:44px;align-content:center;font-size:13px;font-weight:700}#result-details summary:focus-visible{outline:3px solid #b9914b;outline-offset:3px}#result-dialog .save-note{font-size:12px;margin:12px 0 18px;padding:0;border:0;background:transparent;color:#4f6654;line-height:1.5}
@media(max-width:600px){#result-dialog{padding:22px}#result-dialog h2{font-size:26px;margin-bottom:12px}#result-dialog .result-grid{margin:16px 0}#result-dialog .primary{margin-top:16px}#result-dialog .secondary{margin-top:9px;padding:11px}}

.arrival-caption{position:absolute;z-index:12;top:18%;left:50%;transform:translateX(-50%);width:min(90%,430px);text-align:center;pointer-events:none;color:#293c32}
.arrival-caption p{background:#fff6dfed;padding:12px 18px;border-radius:12px;box-shadow:0 4px 20px #293c3218;line-height:1.45}
.arrival-caption button{pointer-events:auto;background:#fff6df}
#daily-open{color:#425c2d;font-weight:700}
#daily-dialog .setting{margin-top:18px}
@media(max-width:800px){.arrival-caption{top:20%}.menu-links{gap:4px 16px;flex-wrap:wrap}}

#game:not(.playing) .arrival-caption{top:76px;font-size:13px}
@media(max-width:800px){#game:not(.playing) .arrival-caption{top:auto;bottom:12%;width:85%}}

.touch-controls button:disabled{opacity:.4;cursor:default}
@media(max-width:800px){#game:not(.playing) .arrival-caption{top:76px;bottom:auto}.arrival-caption p{padding:8px 12px}.arrival-caption button{font-size:12px;min-height:36px;padding:8px 12px}}

/* Browser zoom by double tap is disabled; pinch zoom remains available outside the playfield. */
html,body,#game,dialog,button,a,summary{touch-action:manipulation}
#scene{touch-action:none}
/* Text and animal have separate grid cells, including short phone screens. */
#menu{inset:92px 5% 60px;display:grid;grid-template-columns:43% minmax(0,1fr);grid-template-rows:minmax(190px,1fr) auto;gap:22px 5%}
#hero-stage{grid-column:2;grid-row:1;min-height:190px}
#menu .intro{position:static;grid-column:1;grid-row:1/3;align-self:center;max-width:none;min-width:0}
#menu .season-summary{position:static;grid-column:2;grid-row:2;align-self:end;justify-self:stretch;width:auto;max-width:none;padding:16px 20px}
#menu .season-summary p{margin:8px 0 12px}
#menu .landscape-note{display:none}
#menu h1{font-size:clamp(38px,4.5vw,65px)}
#menu .menu-links{column-gap:16px;row-gap:0}
#menu .menu-links button{min-height:44px}
#menu .season-preview{top:0;right:0}
#game:has(.season-preview:not([hidden])) #hero-stage{visibility:hidden}
.result-quests{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
#result-quest-note{font-size:12px;line-height:1.55;margin-bottom:0}
.result-quests button{margin-top:8px;font-size:13px}
.quest-track{border:0;background:none;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:36px;padding:4px 0;text-align:left;flex-basis:100%}
.quest-track[aria-pressed="true"]{text-decoration:none;font-weight:700}
@media(max-width:800px){
 #game:not(.playing){min-height:800px}
 #menu{inset:72px 22px 56px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(185px,1fr) auto auto;gap:12px}
 #hero-stage{grid-column:1;grid-row:1;min-height:185px}
 #menu .intro{grid-column:1;grid-row:2;align-self:end}
 #menu .season-summary{grid-column:1;grid-row:3;padding:12px 16px}
 #menu h1,#menu .intro h1{font-size:clamp(36px,8.8vw,52px);margin:0 0 10px;line-height:1.03}
 #menu .eyebrow{display:none}
 #menu .lead{font-size:13px;line-height:1.4;margin:0 0 12px;max-width:none}
 #menu .intro .primary{max-width:none}
 #menu .menu-links{justify-content:flex-start;gap:0 15px;margin-top:8px}
 #menu .menu-links button{font-size:12px}
 #menu .season-preview{top:76px;right:22px;left:22px;width:auto}
 #game:not(.playing) .arrival-caption{top:75px;font-size:12px}
}
@media(min-width:801px) and (max-height:650px){
 #game:not(.playing){min-height:610px}
 #menu{inset:78px 5% 50px;gap:12px 4%}
 #menu h1{font-size:40px}
 #menu .lead{font-size:16px}
}

.touch-controls button:active{background:#f5c363;transform:translateY(2px)}
.difficulty-picker{display:flex;gap:6px;margin:14px 0 0;max-width:355px}
.difficulty-picker button{flex:1;min-height:44px;border:1px solid #aebda5;border-radius:9px;background:#f4efdf;color:var(--ink);font:700 13px Arial;cursor:pointer}
.difficulty-picker button[aria-pressed="true"]{background:#355d46;color:#fff8df;border-color:#355d46}
.difficulty-picker button[data-difficulty="wild"][aria-pressed="true"]{background:#974b29;border-color:#974b29}
.difficulty-note{font-size:12px;line-height:1.45;margin:7px 0 14px;max-width:350px;min-height:18px}
.meme-moment{position:absolute;pointer-events:none;left:50%;top:22%;transform:translateX(-50%);max-width:min(520px,86%);padding:3px 5px;font:800 clamp(14px,1.4vw,18px)/1.4 Arial;text-align:center;overflow-wrap:anywhere}
.token-chain{position:absolute;right:5%;top:132px;width:156px;color:#364830;background:#fff4dceb;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:700}
.token-chain progress{height:4px;margin:6px 0 0}
.result-moment{font-size:17px;font-weight:700;color:#82502e;border-left:3px solid #bb8238;padding:8px 12px;background:#f3e7ce}
.hud.ending .meme-moment,.hud.ending .token-chain{visibility:hidden}
@media(max-width:800px){.difficulty-picker{max-width:none;margin-top:6px}.difficulty-note{font-size:11px;margin-bottom:10px}.meme-moment{top:27%;font-size:15px;width:max-content;max-width:85%;padding:8px 12px}.token-chain{top:auto;bottom:157px;right:14px;width:125px;font-size:11px}}
@media(max-width:800px){
 #game:not(.playing){height:auto;min-height:800px}
 #menu{position:relative;inset:auto;padding:72px 22px 56px;min-height:max(800px,100svh)}
}
/* A warm arcade treatment, with the portrait kept clear of controls. */
:root{--ink:#253e2f;--green:#315e42;--accent:#b6572d;--paper:#fff3d8;--line:#d2c8a6}
#hero-stage{display:grid;grid-template-rows:minmax(150px,1fr) 68px;gap:8px;min-height:236px}
#hero-portrait{min-height:150px;pointer-events:none}
.manul-interaction{align-self:end;justify-self:center;text-align:center;max-width:100%;pointer-events:none}
.manul-call{display:inline-flex;align-items:center;justify-content:center;gap:9px;pointer-events:auto;border:2px solid #31533b;border-radius:12px;padding:8px 15px;background:#fff2cd;box-shadow:0 3px 0 #31533b;font-size:13px;font-weight:800;min-height:42px}
.manul-call svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.manul-call kbd{border:1px solid #829273;border-radius:4px;padding:1px 4px;font:10px Arial}
.manul-call:disabled{opacity:.8;cursor:default}
#manul-response{font-size:11px;line-height:1.4;margin:7px 0 0;min-height:16px;max-width:340px;color:#263e2e;text-shadow:0 1px 2px #fff8da}
#menu h1{font-weight:950;letter-spacing:-2px;line-height:1.02;paint-order:stroke fill;-webkit-text-stroke:2px #fff4d5;text-shadow:0 4px 0 #b7a777}
#menu h1 span:last-child{color:#a44d29;-webkit-text-stroke:2px #fff4d5;text-shadow:0 4px 0 #d8b77b}
#menu .eyebrow{font-weight:800;color:#3e5940;letter-spacing:.07em;margin-bottom:12px}
#menu .description{font-size:13px;line-height:1.5;max-width:355px}
.primary{background:#efb84b;color:#293b26;border:2px solid #39482c;border-radius:13px;box-shadow:0 5px 0 #435336,0 9px 16px #273e2326;font-weight:900;transition:background .12s,transform .12s,box-shadow .12s}
.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #435336}
.primary:disabled{transform:none}
#menu .season-summary{background:#fff2d9f5;border:2px solid #5e704e;border-radius:16px;box-shadow:0 5px 0 #63734c,0 12px 28px #26392324;border-top:7px solid #688750}
.season-top{font-size:14px;color:#284a32}.season-summary progress{height:11px;border:1px solid #819266}
#menu .records{border-top:1px dashed #aeb696;padding-top:12px}.records strong{font-weight:900}
.difficulty-picker{border:2px solid #778667;border-radius:12px;padding:3px;background:#fff4d8;gap:4px}
.difficulty-picker button{border:0;border-radius:7px;background:transparent}
.difficulty-picker button[aria-pressed="true"]{box-shadow:inset 0 -3px 0 #102d252c}
#menu .menu-links{margin-top:16px;column-gap:18px;row-gap:0}
#menu .menu-links button{font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px}
#menu #daily-open{color:#335f32;text-decoration:underline}
#menu #missions-open{color:#965027}
.quiet,.secondary{border:1px solid #9da783;background:#fff3d9}
.run-stats{border:2px solid #415e3c;border-bottom-width:5px;background:#fff3dcef}
.run-stats strong{color:#35522f}.run-stats>div:nth-child(2) strong{color:#a76717}.run-stats>div:nth-child(3) strong{color:#517b2f}
.square,.touch-controls button{border:2px solid #49683e;box-shadow:0 4px 0 #405336;background:#fff0cf}
.run-goal{border-left:4px solid #d5a439}
.dialog-head h2{color:#315339}dialog{border:3px solid #5c704d;background:#fff4dd;box-shadow:0 7px 0 #394c34,0 22px 65px #17271c55}
.result-grid{background:#f1e5c6;border:0;border-radius:12px;padding:18px 12px}.result-grid strong{color:#315339}
#game:not(.playing)>#scene{touch-action:pan-y pinch-zoom;cursor:pointer}
@media(hover:hover){.primary:not(:disabled):hover{background:#ffca65;filter:none}.manul-call:not(:disabled):hover{background:#ffdf99}}
@media(max-width:800px){
 #hero-stage{grid-template-rows:minmax(150px,1fr) 68px;min-height:236px}
 #menu{gap:14px}
 .manul-call{font-size:12px;padding:7px 12px}.manul-call kbd{display:none}
 #manul-response{font-size:10px;max-width:290px}
 #menu h1,#menu .intro h1{font-size:clamp(34px,8.8vw,52px);margin-bottom:10px}
 #menu .menu-links{margin-top:10px;gap:0 14px}
 #menu .season-summary{padding:12px 14px}.season-top{font-size:11px}
 .difficulty-picker button{font-size:12px}.difficulty-note{margin-bottom:11px}
}
@media(min-width:801px) and (max-height:760px){#menu .description{display:none}#menu .lead{font-size:18px}#menu h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}
/* Keep the portrait large enough to read facial reactions on a phone. */
#hero-stage{grid-template-rows:minmax(190px,1fr) 68px;min-height:276px}
#hero-portrait{min-height:190px}
@media(max-width:800px){#hero-stage{grid-template-rows:minmax(190px,1fr) 68px;min-height:276px}}

/* Shared alignment rules keep content inside its own column at every width. */
dialog{padding:clamp(18px,4vw,32px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100svh - 32px)}
dialog .primary,.tutorial .primary,.fatal .primary{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.dialog-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;align-items:start}
.dialog-head h2{min-width:0;overflow-wrap:anywhere;margin:0 0 18px}
.dialog-head .close{width:44px;height:44px;margin:-7px 0 0;padding:0}
#result-dialog{padding:clamp(18px,4vw,32px)}
#result-dialog .result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 12px;text-align:center;align-items:start}
.result-grid>div{min-width:0;display:grid;gap:6px}
.result-grid strong{font-size:clamp(22px,5.8vw,31px);line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.result-grid span{display:block;line-height:1.4}
.result-season-progress>div,.season-top{align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.result-season-progress>div>span,.season-top>span:last-child{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.setting>span{min-width:0;overflow-wrap:anywhere}.setting input{flex:0 0 22px}.setting select{flex:0 1 145px;min-width:0}
.audio-controls{grid-template-columns:minmax(0,1fr) minmax(80px,130px)}
.audio-controls>*{min-width:0}.result-goals li>span{min-width:0;overflow-wrap:anywhere}.result-goals li>strong{margin-left:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums}
.records{gap:16px;align-items:start}.records>*{min-width:0;flex:1}.records strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#hero-stage{grid-template-rows:minmax(190px,1fr) auto}.manul-interaction{width:100%;padding-bottom:4px}#manul-response{margin:8px auto 0;min-height:30px}
.difficulty-picker button{min-width:0;padding:8px}.season-choices button{min-width:0;overflow-wrap:anywhere}
.toast{top:auto;bottom:180px;width:max-content;text-align:center;max-width:calc(100% - 32px)}
@media(max-width:800px){#menu .records strong{display:block;margin:5px 0 0}}
@media(max-width:360px){.result-actions{grid-template-columns:minmax(0,1fr)}.setting{gap:10px}.setting select{flex-basis:116px}.audio-controls{grid-template-columns:minmax(0,1fr) 90px}}
@media(max-height:500px){.hud-top{gap:5px 10px}.hud-top>.run-goal,.hud-top>.token-chain{display:none}.hud-top>.meme-moment{font-size:12px;padding:5px 8px}.touch-controls{bottom:max(12px,env(safe-area-inset-bottom))}.keyboard-hint{display:none}.toast{bottom:145px}.tutorial{top:100px;max-height:calc(100svh - 170px);overflow:auto}}

body:has(dialog[open]){overflow:hidden}

/* Outline follows the letters so brief run messages leave the track visible. */
.meme-moment,#game.playing .toast{background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff8e7;-webkit-text-stroke:2px #243128;paint-order:stroke fill;text-shadow:1px 0 #243128,-1px 0 #243128,0 1px #243128,0 -1px #243128,0 2px 2px #101c18b3}
#game.playing .toast{font-size:13px;font-weight:700;line-height:1.45;padding:4px 8px;pointer-events:none;overflow-wrap:anywhere}
.meme-moment[data-kind="dash"]{color:#ffe3a0}

.result-goals li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}
.result-goals li>strong{max-width:100px}.result-goals progress,.result-goals .quest-track{grid-column:1/-1;width:100%;margin:0}
@media(max-width:400px){dialog h2,#result-dialog h2{font-size:24px;line-height:1.15;letter-spacing:-.5px}.dialog-head{gap:8px}}

@media(max-width:800px){.run-stats strong.wide-count{font-size:12px;line-height:1.6}}

@media(min-width:801px) and (min-height:501px){.touch-controls{bottom:78px}}

:root{--host-top:var(--safe-area-inset-top,0px);--host-right:var(--safe-area-inset-right,0px);--host-bottom:var(--safe-area-inset-bottom,0px);--host-left:var(--safe-area-inset-left,0px);--safe-top:max(env(safe-area-inset-top,0px),var(--host-top));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--host-bottom))}
.topbar{padding-top:calc(18px + var(--safe-top))}.hud-top{top:calc(18px + var(--safe-top));left:max(5%,var(--host-left));right:max(5%,var(--host-right))}
.playing#game{height:var(--tg-viewport-stable-height,100svh)}
.touch-controls{margin-bottom:var(--safe-bottom)}
@media(max-width:800px){#menu{padding-top:calc(72px + var(--safe-top));padding-bottom:calc(66px + var(--safe-bottom))}footer{padding-bottom:calc(10px + var(--safe-bottom))}.dash-control{bottom:calc(91px + var(--safe-bottom))}}

@media(max-width:800px){.hud-top{left:max(14px,var(--host-left));right:max(14px,var(--host-right))}}

.age-rating{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:2px solid currentColor;border-radius:8px;font-size:22px;font-weight:800;background:#fff4dc;color:#285440}

/* Run information sits at the edges; outlined text stays readable over terrain. */
#game{--hud-edge:max(12px,env(safe-area-inset-left),var(--host-left));--hud-right:max(12px,env(safe-area-inset-right),var(--host-right));--hud-outline:#25382b}
.hud-top{position:absolute;display:grid;align-items:start;top:calc(12px + var(--safe-top));left:var(--hud-edge);right:var(--hud-right);grid-template-columns:44px minmax(0,1fr);gap:8px 12px}
.hud-top>.run-stats,.hud-top>.square,.hud-top>.score-readout,.hud-top>.route-label,.hud-top>.token-chain,.hud-top>.meme-moment{position:static;inset:auto;transform:none;margin:0;min-width:0}
.hud-top>.square{grid-area:1/1;width:44px;height:44px;border-radius:12px;font-size:23px;box-shadow:0 2px 0 #405336}
.hud-top>.run-stats{grid-area:1/2;justify-self:end;align-self:center;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;padding:0;border:0;background:none;box-shadow:none;border-radius:0;max-width:100%}
.hud .run-stats>div{display:flex;align-items:center;gap:5px;min-width:0}
.hud .stat-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}
.hud .stat-icon{flex:none;width:22px;height:22px;stroke:#fff2d4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 1px 1px #203429)}
.hud .token-icon{fill:#f9c548;stroke:#775014}.hud .token-icon path,.hud .token-icon ellipse{fill:#a96b1e;stroke:none}
.hud .food-icon{fill:#e5e0c9;stroke:#394936}.hud .distance-icon{stroke-width:1.8}
.hud .run-stats strong{font:900 23px/1.1 Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal;color:#fff8df;paint-order:stroke fill;-webkit-text-stroke:3px var(--hud-outline);text-shadow:0 2px 2px #182b25;transform-origin:right center}
.hud .run-stats>div:nth-child(2) strong{color:#ffdb6e}.hud .run-stats>div:nth-child(3) strong{color:#e3efc4}
.hud .run-stats strong.wide-count{font-size:17px}
.hud-top>.route-label{grid-area:2/1/3/3;justify-self:start;max-width:calc(100% - 112px);padding:0;background:none;border:0;border-radius:0;color:#fff8df;font-size:11px;line-height:1.4}
.hud-top>.score-readout{grid-area:2/2;justify-self:end;max-width:110px;padding:0;background:none;border:0;border-radius:0;color:#fff8df;font-size:10px;line-height:1.4;box-shadow:none}
.hud-top>.score-readout strong{font-size:11px;display:inline;margin:0 0 0 3px}
.hud-top>.token-chain{grid-area:3/2;justify-self:end;width:auto;max-width:150px;background:none;padding:0;color:#ffdf8f;font-size:10px;border:0;box-shadow:none}
.hud-top>.token-chain progress{height:3px;margin-top:3px}
.hud-top>.meme-moment{grid-area:4/1/5/3;font-size:14px;max-width:min(430px,100%);padding:0}
.hud-bottom{position:absolute;left:var(--hud-edge);bottom:calc(113px + var(--safe-bottom));width:min(235px,44%);display:grid;gap:10px}
.hud-bottom .boost{position:static;inset:auto;margin:0;padding:0;max-width:100%;white-space:pre-line;border:0;background:none;box-shadow:none;color:#e1f2d5;font-size:12px;line-height:1.55}
.hud .run-goal{display:block;position:static;inset:auto;margin:0;padding:0;width:auto;min-width:0;background:none;border:0;border-radius:0;box-shadow:none;color:#fff6dc}
.hud .goal-caption{display:none}.hud .run-goal strong{font-size:12px;line-height:1.4}.hud .run-goal #goal-count{display:block;margin:3px 0 0;font-size:11px}.hud .run-goal progress{height:4px;margin-top:5px;background:#243b2b80;border:1px solid #fff4d650;box-shadow:0 1px 2px #26362a}
.hud .boost,.hud .run-goal strong,.hud #goal-count,.hud .route-label,.hud .score-readout,.hud .token-chain{paint-order:stroke fill;-webkit-text-stroke:2.5px var(--hud-outline);text-shadow:0 1px 2px #1d2d20;font-weight:700}
.hud .dash-control{right:var(--hud-right);bottom:calc(113px + var(--safe-bottom));width:132px;padding:5px 8px;border-radius:11px;border-width:1px;box-shadow:0 2px 0 #345c4a55;background:#fff4d9c7}
.hud .dash-control button{font-size:12px;min-height:36px;gap:5px}.hud .dash-control svg{width:16px;height:20px}.hud .dash-control.ready{background:#ffce62}.hud .dash-control.active{background:#ffe294}.hud .dash-control>span{display:none}.hud .dash-control progress{margin:2px 0;height:4px}
.hud .touch-controls{bottom:calc(45px + var(--safe-bottom));margin-bottom:0;gap:8px}.hud .touch-controls button{width:48px;height:46px;border-radius:12px;border-width:1px;box-shadow:0 2px 0 #405336;font-size:24px;background:#fff0cfd9}
.hud .keyboard-hint{background:none;padding:0;color:#fff8df;font-size:10px;bottom:calc(12px + var(--safe-bottom));text-shadow:0 1px 2px #142f25}.hud .keyboard-hint span{margin:0 7px}
#game.playing .toast{top:calc(120px + var(--safe-top));bottom:auto;padding:3px 5px;max-width:min(440px,88%);font-size:12px;line-height:1.4}
@media(max-width:420px){.hud-top{gap:6px 9px}.hud-top>.run-stats{gap:8px 10px}.hud .run-stats strong{font-size:19px}.hud .run-stats strong.wide-count{font-size:14px}.hud .stat-icon{width:19px;height:19px}.hud .run-stats>div{gap:3px}.hud-bottom{width:44%;gap:7px}.hud .run-goal strong,.hud-bottom .boost{font-size:11px}.hud .dash-control{width:116px}.hud .keyboard-hint{display:none}.hud .touch-controls{bottom:calc(22px + var(--safe-bottom))}.hud-bottom,.hud .dash-control{bottom:calc(86px + var(--safe-bottom))}}
@media(max-height:500px){.hud-bottom{bottom:calc(78px + var(--safe-bottom));width:min(215px,34%);gap:5px}.hud .run-goal strong{font-size:10px}.hud .dash-control{bottom:calc(19px + var(--safe-bottom));width:116px}.hud .touch-controls{bottom:calc(19px + var(--safe-bottom))}.hud-top>.token-chain{display:none}.hud-top>.meme-moment{font-size:12px;max-width:50%;justify-self:end}.hud .keyboard-hint{display:none}#game.playing .toast{top:calc(92px + var(--safe-top));left:auto;right:var(--hud-right);transform:none;max-width:40%;font-size:11px}}
.legal-links{display:flex;flex-wrap:wrap;gap:12px 18px;margin:18px 0}.legal-links a,dialog a{color:#285440;text-underline-offset:3px;overflow-wrap:anywhere}
.setting input[type=checkbox]{flex:0 0 22px}
@media(max-width:800px){.topbar{gap:10px}.age-rating{min-width:38px;min-height:38px;font-size:20px}.topbar .wordmark{margin-right:auto}}

#native-document-dialog{width:min(720px,calc(100vw - 24px));max-width:720px}#native-document-frame{display:block;width:100%;height:60vh;height:60svh;border:0;background:#fff8e7;border-radius:8px}
#cloud-dialog{width:min(540px,calc(100vw - 32px));max-width:540px}
html[data-embedded=true],html[data-embedded=true] body{height:100%;overflow:hidden;overscroll-behavior:none}
html[data-embedded=true] #game{min-height:0;height:100svh;height:var(--tg-viewport-stable-height,100svh)}
html[data-embedded=true] #game{user-select:none;-webkit-user-select:none}
html[data-embedded=true] #menu{position:absolute;height:auto;min-height:0;padding:0 0 12px;pointer-events:auto;touch-action:pan-y;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scroll-padding-block:12px;grid-template-rows:minmax(236px,1fr) auto}
html[data-embedded=true] #menu .intro{align-self:safe center}
html[data-embedded=true] #menu input{touch-action:manipulation}
.cloud-profile-id{font:700 14px/1.5 monospace;color:#315339;overflow-wrap:anywhere}
#cloud-enter{margin:18px 0}#cloud-enter summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700}#cloud-enter summary:focus-visible{outline:3px solid #b65627;outline-offset:3px}
html[data-embedded=true] textarea,html[data-embedded=true] input{user-select:text;-webkit-user-select:text}
@media(max-width:800px){
 html[data-embedded=true] #menu{inset:calc(82px + var(--safe-top)) 22px calc(52px + var(--safe-bottom));grid-template-rows:minmax(236px,1fr) auto auto}
 html[data-embedded=true] .topbar,html[data-embedded=true] footer{background:#e9e4d6f5;z-index:4}
}

.cloud-candidates{display:grid;gap:12px;margin:18px 0}.cloud-choice{text-align:left;padding:16px;border:2px solid #406544;border-radius:14px;background:#efe4c8;color:#244b38;min-height:76px}.cloud-choice strong,.cloud-choice span{display:block}.cloud-choice span{font-size:13px;margin-top:7px;line-height:1.6}.cloud-input-label{display:block;margin:22px 0 8px;font-weight:700}#cloud-code-input{display:block;width:100%;min-height:48px;padding:12px;font:16px Arial,sans-serif;border:2px solid #406544;border-radius:10px;background:#fff8e7;color:#244b38}#cloud-code-display{display:block;font:15px/1.8 monospace;overflow-wrap:anywhere;user-select:all;background:#eee2c4;padding:12px;border-radius:8px}#cloud-dialog [hidden]{display:none}#cloud-dialog h3{font-size:19px;line-height:1.4;margin-top:26px}#cloud-dialog button{max-width:100%;white-space:normal;overflow-wrap:anywhere}#cloud-dialog a{color:#244b38;text-decoration:underline}#cloud-linked .text-button{display:block;margin-top:16px}#cloud-delete-confirm{padding:14px;border:2px solid #b56944;border-radius:12px;margin-top:20px}

.topbar-actions{display:flex;align-items:center;gap:9px;margin-left:auto;flex:none}.topbar-actions .quiet{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px}.topbar-actions .quiet svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.save-access{display:flex;align-items:center;gap:7px;min-height:48px;max-width:165px;padding:7px 11px;border:1px solid #70855c;border-radius:12px;background:#fff3d8;color:#285440;text-align:left}.save-access svg{flex:none;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.save-access span{display:grid;gap:3px;min-width:0}.save-access strong{font-size:12px;line-height:1.15}.save-access small{font-size:10px;line-height:1.25;overflow-wrap:anywhere}.save-access[data-status=offline],.save-access[data-status=conflict],.save-access[data-status=capacity],.save-access[data-status=local-failed]{border-color:#9e582b;color:#874922;background:#ffebc8}.result-cloud{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 12px;border-bottom:1px solid var(--line)}.result-cloud span{min-width:0;font-size:12px;line-height:1.5;color:#285440}.result-cloud .text-button{flex:none;min-height:44px;font-weight:700}
@media(max-width:800px){.topbar{gap:10px}.topbar-actions{gap:7px}.topbar-actions .quiet{width:44px;padding:9px;border-radius:12px}.topbar-actions .quiet span{display:none}.save-access{padding:6px 8px;max-width:137px}.save-access svg{width:20px;height:20px}.topbar .build-tag{display:none}}
@media(max-width:360px){.topbar{padding-left:14px;padding-right:14px;gap:8px}.topbar .wordmark span{display:none}.topbar .wordmark{margin-right:0}.save-access{max-width:136px}}
#cloud-code-display{width:100%;min-width:0;min-height:48px;font-size:20px;letter-spacing:.08em;border:2px solid #70855c;color:var(--ink);user-select:text;-webkit-user-select:text}
#cloud-code-note{margin:8px 0 12px}

/* VK/OK mobile controls may float above the game until the owner changes
   their cabinet layout. Reserve their row even when the host omits insets. */
html[data-social-mobile=true]{--safe-top:max(52px,env(safe-area-inset-top,0px),var(--host-top))}

/* Leave the track open on touch devices. The optional buttons keep their own row. */
html[data-swipe-controls=true] #game{--touch-hud-bottom:calc(16px + var(--safe-bottom))}
html[data-swipe-controls=true] #game.show-touch-buttons{--touch-hud-bottom:calc(86px + var(--safe-bottom))}
html[data-swipe-controls=true] .hud-bottom,
html[data-swipe-controls=true] .hud .dash-control{bottom:var(--touch-hud-bottom)}
html[data-swipe-controls=true] .hud .dash-control{width:72px;padding:0 5px 4px}
html[data-swipe-controls=true] .hud .dash-control button{min-height:44px;font-size:11px}
html[data-swipe-controls=true] .hud .dash-control button:disabled{cursor:default;opacity:.8}
html[data-swipe-controls=true] .hud .touch-controls{bottom:calc(14px + var(--safe-bottom))}
html[data-swipe-controls=true] .hud .keyboard-hint{display:none}
html:is([data-social-mobile=true],[data-swipe-controls=true]) .hud .touch-controls button{width:clamp(54px,16vw,64px);height:58px;font-size:28px}
@media(max-height:500px){
 html[data-social-mobile=true] .hud-bottom,html[data-social-mobile=true] .hud .dash-control{bottom:calc(88px + var(--safe-bottom))}
}
@media(min-width:801px){html[data-embedded=true] #menu{top:calc(92px + var(--safe-top))}}
dialog{max-height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 24px);margin-top:calc(var(--safe-top) + 12px)}
.document-body{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.document-body h1{font:700 23px/1.3 Arial,sans-serif;letter-spacing:normal;text-shadow:none;filter:none;margin:18px 0}
.document-body h2{font:700 19px/1.35 Arial,sans-serif;letter-spacing:normal;margin:22px 0 12px}
.document-body p,.document-body li{font-size:14px;line-height:1.65}
.document-body a{color:var(--green);text-decoration:underline}

/* A small field journal, using the game's paper, autumn gold and pine ink. */
.story-entry{display:flex;align-items:center;gap:12px;width:100%;margin:16px 0 2px;padding:12px 0;color:#31503b;border:0;border-block:1px solid #7a88695c;background:transparent;text-align:left;pointer-events:auto}
.story-entry-icon{font-size:30px;color:#99602d}.story-entry>span:nth-child(2){flex:1;min-width:0}.story-entry strong{display:block;font-size:14px}.story-entry small{display:block;font-size:12px;line-height:1.4;margin-top:4px}.story-count{font-size:12px;font-weight:700}
#story-dialog{width:min(680px,calc(100vw - 24px));max-width:680px}.story-scenes{margin:14px 0 22px;overflow:hidden;border:2px solid #5b704c;border-radius:18px;background:#dde6b4}.story-scenes svg{display:block;width:100%;height:auto;max-height:230px}.story-scene-copy{padding:0 18px 16px;margin:0;font-size:14px;color:#294735}.story-scenes .story-cat{transform-origin:330px 145px;animation:story-arrival 3.5s ease-out both}.story-scenes .story-leaf{transform-origin:center;animation:story-leaves 4s ease-in-out both}.story-scenes[data-scene=snow]{background:#dfeced}.story-scenes[data-scene=snow] .story-ground{fill:#edf1e5}.story-scenes[data-scene=shelter] .story-rock{fill:#7c836a}.story-scenes[data-scene=autumn] .story-leaves{fill:#d58c32}.story-scenes .snowfall{display:none}.story-scenes[data-scene=snow] .snowfall{display:block}.story-scenes[data-scene=escape] .story-gate{display:block}.story-gate{display:none}
.chapter-list{list-style:none;padding:0;margin:14px 0 24px;display:grid;gap:0}.chapter-list>li{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #bfbea5}.chapter-mark{font-size:14px;color:#637654;font-weight:700}.chapter-list strong{font-size:15px}.chapter-list p{margin:4px 0 0;font-size:12px;color:#526248}.chapter-list [aria-current=step] strong{color:#985321}.story-current-title{font-size:21px;margin:16px 0 8px}.story-goals{padding:0;list-style:none}.story-goals li{margin:13px 0}.story-goals span{display:block;font-size:14px}.story-goals strong{font-size:12px}.story-goals progress{display:block;height:7px;margin-top:6px}.story-themes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.story-themes button{border:1px solid #798663;border-radius:10px;background:#fff7df;padding:8px 12px;font-size:13px}.story-themes button[aria-pressed=true]{background:#3e6149;color:#fff4d8}.story-status{font-size:14px;min-height:22px}
.daily-challenge{border-top:2px solid #c9c8a9;margin-top:24px;padding-top:20px}.daily-challenge h3{margin:0 0 8px;font-size:22px}.daily-challenge p{font-size:14px}.daily-challenge .secondary{width:100%}.challenge-result{font-size:14px;padding:12px 0;border-bottom:1px solid #c6c5aa;color:#37583f}
.adventure-hud{position:absolute;top:calc(112px + var(--safe-top));left:var(--hud-edge);width:min(245px,66vw);padding:7px 10px;border-left:3px solid #f2c964;background:#244332d9;border-radius:0 9px 9px 0;color:#fff7da;pointer-events:none}.adventure-hud strong{display:block;font-size:13px;line-height:1.3}.adventure-hud small{display:block;margin-top:3px;font-size:11px;line-height:1.4}.adventure-hud progress{height:4px;margin-top:6px}.adventure-hud progress::-webkit-progress-value{background:#e7bc53}.adventure-hud[data-chase=true]{border-color:#ffb978}.hud:has(.adventure-hud:not([hidden])) .meme-moment{visibility:hidden}
#result-meme-next,#share-meme-next{font-size:13px;min-height:44px;margin:4px 0 10px}.result-meme-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.story-result-button{margin-top:8px}.story-reduced .story-scenes *{animation:none!important}
#result-moment.meme-caption{font-family:'Rubik Bubbles',Arial,sans-serif;font-size:clamp(23px,5.7vw,34px);font-weight:400;line-height:1.3;color:#ffe696;background:transparent;padding:8px 0}
.hud #meme-caption.meme-caption{font-size:16px;line-height:1.35;-webkit-text-stroke:1.2px #294735}
#daily-meme{font-size:24px;line-height:1.4;margin:14px 0 22px}
#game.playing:has(.adventure-hud:not([hidden])) .toast{top:calc(184px + var(--safe-top))}
@media(max-height:500px){#game.playing:has(.adventure-hud:not([hidden])) .toast{top:calc(92px + var(--safe-top))}}
#game[data-story-theme=shelter] .story-entry{color:#655737}#game[data-story-theme=autumn] .story-entry{color:#9d5428}#game[data-story-theme=snow] .story-entry{color:#335b6b}#game[data-story-theme=autumn] .season-summary{border-color:#bf8a42;background:#fff1cfe8}#game[data-story-theme=snow] .season-summary{background:#eef5e7ed;border-color:#8ba7a1}#game[data-story-theme=shelter] .season-summary{border-color:#85856b;background:#f2ecd7ed}
@keyframes story-arrival{from{transform:translateX(-80px);opacity:0}30%{opacity:1}to{transform:translateX(0);opacity:1}}@keyframes story-leaves{from{transform:translateY(-8px) rotate(-4deg)}to{transform:translateY(6px) rotate(4deg)}}
@media(max-width:800px){.story-entry{margin-top:12px;padding:10px 0}.story-entry strong{font-size:13px}.story-entry small{font-size:11px}.story-entry-icon{font-size:25px}.adventure-hud{top:calc(105px + var(--safe-top));width:min(226px,68vw)}.story-scenes svg{max-height:190px}}
@media(max-height:500px){.adventure-hud{top:calc(78px + var(--safe-top));width:205px}.adventure-hud small{font-size:10px}.story-scenes svg{max-height:150px}}
@media(prefers-reduced-motion:reduce){.story-scenes *{animation:none!important}}

@font-face {
  font-family: 'Rubik Bubbles';
  src: url('../fonts/RubikBubbles-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.meme-caption {
  font-family: 'Rubik Bubbles', 'Arial Rounded MT Bold', Arial, sans-serif;
  font-weight: 400;
  font-size: clamp(1.6rem, 5.8vw, 2.6rem);
  line-height: 1.24;
  color: #ffe696;
  -webkit-text-stroke: 1.3px #294735;
  paint-order: stroke fill;
  text-shadow: 0 2px 0 #294735;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

/* The journal uses one current episode; past scenes stay folded until requested. */
#story-dialog{width:min(720px,calc(100vw - 24px));max-width:720px;font-family:var(--font-ui,'Nunito',Arial,sans-serif)}
#story-dialog .story-route{margin:0 0 22px}
#story-route-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#story-route-list li{display:grid;grid-template-rows:auto 1fr;justify-items:start;gap:7px;border-top:3px solid #c7c9b4;padding-top:10px;color:#65705a;font-size:12px;font-weight:800;line-height:1.3;overflow-wrap:normal}
#story-route-list li.completed{border-color:#517b51;color:#345a3d}
#story-route-list li.current{border-color:#b3782e;color:#704815}
.story-route-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e6e7cf;color:inherit;font-size:13px}
.current .story-route-number{background:#f5d58a}.completed .story-route-number{background:#d9e6c1}
#story-dialog .story-position{margin:0 0 4px;color:#68714f;font-size:13px;font-weight:800;line-height:1.45}
#story-dialog .story-current-title{font-family:var(--font-ui,'Nunito',Arial,sans-serif);font-size:clamp(25px,5vw,32px);line-height:1.12;font-weight:900;margin:0 0 16px}
#story-dialog #story-scenes{margin:0 0 18px;border-width:1px;border-color:#abb58e;border-radius:14px;background:#e2e8be}
#story-dialog .story-scenes svg{max-height:215px}
#story-dialog .story-scene-copy{font-size:15px;font-weight:600;line-height:1.55;padding:0 18px 18px;margin:0;color:#36543d}
#story-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 14px}
#story-goals li{display:flex;flex-direction:column;align-items:stretch;margin:0;padding:0 0 13px;min-width:0;border-bottom:1px solid #c8c9af}
#story-goals .story-goal-label{font-size:15px;font-weight:800;line-height:1.4;flex:1}
#story-goals strong{display:block;font-size:14px;font-weight:800;line-height:1.4;margin-top:8px;font-variant-numeric:tabular-nums;color:#5a694f}
#story-goals li.complete strong{color:#356c40}
#story-goals progress{width:100%;height:8px;margin:7px 0 2px}
.goal-help{font-size:13px;line-height:1.5;color:#59644f}
.goal-help summary{min-height:36px;align-content:center;cursor:pointer;list-style-position:outside;margin-left:16px;font-weight:600}
.goal-help p{font-size:13px!important;line-height:1.55;margin:4px 0 8px;color:#4b5e45}
#story-dialog .story-next-step{font-size:14px;line-height:1.5;margin:14px 0 10px}
#story-dialog .story-reward{font-size:14px;line-height:1.5;font-weight:800;color:#785321;margin:0 0 12px}
#story-dialog #story-claim,#story-dialog #story-continue{margin-top:6px;min-height:48px;font-family:var(--font-ui,'Nunito',Arial,sans-serif);font-size:16px;font-weight:900;line-height:1.3}
#story-dialog .story-status{margin:10px 0 20px;font-size:14px;line-height:1.5;min-height:0}
#story-dialog .story-status:empty{display:none}
.story-archive,.story-customize{border-top:1px solid #bdc3a7;margin-top:12px;padding-top:4px}
.story-archive>summary,.story-customize>summary,.chapter-memory>summary,.challenge-details>summary,.daily-options>summary{cursor:pointer;min-height:44px;align-content:center;font-size:15px;font-weight:800;line-height:1.4;padding:8px 0;color:#3b5a3d}
#story-dialog .chapter-memory{border-bottom:1px solid #d2d2bc;margin-left:12px}
#story-dialog .chapter-memory>summary{font-size:14px;font-weight:800}
#story-dialog .chapter-memory .story-scenes{margin:8px 0 12px;border:1px solid #abb58e;border-radius:12px}
#story-dialog .chapter-memory p{font-size:14px;line-height:1.55;margin:0 0 18px}
#story-dialog .story-customize .fine{font-size:14px!important;line-height:1.5;margin:4px 0 12px}
#story-dialog .story-themes{gap:8px;margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#story-dialog .story-themes button{font-family:var(--font-ui,'Nunito',Arial,sans-serif);font-size:14px;font-weight:800;line-height:1.4;min-height:44px;padding:10px 12px;cursor:pointer}
#story-dialog summary:focus-visible,#daily-dialog summary:focus-visible{outline:3px solid #b27b2d;outline-offset:3px;border-radius:4px}
#story-dialog button:disabled,#daily-dialog button:disabled{cursor:default}
.daily-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 4px;padding:13px 0;border-top:1px solid #bbc2a5;border-bottom:1px solid #bbc2a5}
.daily-overview strong{font-size:14px;font-weight:800;line-height:1.4}
.daily-overview progress{width:82px;flex:0 0 82px;height:7px;margin:0}
#daily-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:16px 0}
#daily-list li>span{grid-column:1/-1;font-size:15px;font-weight:800;line-height:1.4}
#daily-list li>strong{font-size:13px;font-weight:800;line-height:1.5;grid-column:2;grid-row:2;margin:0;align-self:center}
#daily-list .daily-goal-scope{font-size:12px;font-weight:600;line-height:1.5;color:#657057;grid-column:1;grid-row:2;align-self:center}
#daily-list progress,#daily-list .quest-track,#daily-list .daily-goal-help{grid-column:1/-1}
#daily-list progress{height:7px;margin-top:5px}
#daily-list .quest-track{font-family:var(--font-ui,'Nunito',Arial,sans-serif);font-size:13px;min-height:36px;padding:4px 0;line-height:1.4}
#daily-list .daily-goal-help{margin-top:-4px}
#daily-dialog .daily-options{margin-top:8px}
#daily-dialog .daily-options .setting{margin-top:0;font-size:14px;padding:10px 0}
#daily-dialog .daily-options .fine{font-size:13px!important;line-height:1.55}
#daily-dialog .daily-challenge{padding:20px 0 0;margin-top:18px;border-top:2px solid #9aa984}
.challenge-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
#daily-dialog .challenge-eyebrow{font-size:12px;line-height:1.4;font-weight:800;color:#68714e;margin:0 0 4px}
#daily-dialog #challenge-title{font-family:var(--font-ui,'Nunito',Arial,sans-serif);font-size:26px;font-weight:900;line-height:1.15;margin:0}
.challenge-reward{font-size:12px;font-weight:800;line-height:1.4;max-width:110px;padding:7px 10px;border-radius:10px;color:#644a1a;background:#f2dda7;text-align:center}
#daily-dialog #challenge-rules{font-size:15px;line-height:1.5;margin:14px 0}
.challenge-progress{margin:0 0 12px}
#daily-dialog #challenge-best{font-size:13px;line-height:1.5;margin:0 0 7px;font-variant-numeric:tabular-nums;color:#3f5f43}
#challenge-progress{height:8px;margin:0;width:100%}
#challenge-play{font-family:var(--font-ui,'Nunito',Arial,sans-serif);font-size:15px;font-weight:900;min-height:48px;margin-top:4px;background:#e7edce;border-color:#6f875b}
#daily-dialog #challenge-status{font-size:13px!important;line-height:1.5;margin:10px 0}
.challenge-details>summary{font-size:13px}
#daily-dialog .challenge-details p{font-size:13px;line-height:1.55;margin:6px 0 10px}
@media(max-width:430px){
 #story-dialog{width:calc(100vw - 20px)}
 #story-route-list{gap:7px}#story-route-list li{font-size:10px;line-height:1.35;gap:6px}
 #story-goals{grid-template-columns:minmax(0,1fr);gap:14px}
 #story-goals li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
 #story-goals .story-goal-label{grid-column:1/-1;font-size:15px}
 #story-goals strong{grid-row:2;grid-column:2;font-size:13px;margin:0;text-align:right}
 #story-goals progress{grid-column:1/-1;grid-row:3;margin:2px 0 0}
 #story-goals .goal-help{grid-column:1/-1;grid-row:4}
 #story-dialog .story-scenes svg{max-height:165px}
 #story-dialog .story-scene-copy{padding:0 13px 14px;font-size:14px}
 .challenge-heading{gap:10px}.challenge-reward{max-width:100px;font-size:11px}
}
@media(max-height:500px){#story-dialog .story-scenes svg{max-height:140px}}

/* Shared game typography. Both families ship with the game and work offline. */
#game.feasting{position:fixed;inset:0;height:100svh!important;min-height:0!important;width:100%;overflow:hidden}#game.feasting > :not(#scene){visibility:hidden!important}.skin-choice small{font-weight:600}
.achievement-days{font-weight:1000;font-size:20px!important;color:#345841}.achievement-list{list-style:none;padding:0;margin:22px 0;display:grid;gap:0}.achievement-list li{padding:17px 0;border-top:1px solid #c9c9a9;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px}.achievement-list h3,.achievement-list p{margin:0;grid-column:1/-1}.achievement-list h3{font-size:19px}.achievement-list p{font-size:14px}.achievement-reward{font-weight:900;color:#8d572c!important}.achievement-list progress{align-self:center;margin:0;height:8px}.achievement-list button{font-size:12px;padding:7px 10px}.achievement-list li[data-earned=true] .achievement-reward{color:#4e713b!important}.skin-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skin-choice{padding:13px;text-align:left;border:2px solid #a8b18b;border-radius:13px;background:#ece8cc}.skin-choice strong,.skin-choice small{display:block}.skin-choice small{margin-top:6px;font-size:12px;line-height:1.4}.skin-choice[data-skin=steppe]{background:#efdfb5}.skin-choice[data-skin=snow]{background:#eff3e7}.skin-choice[data-skin=champion]{background:#f8e0a3}.skin-choice[aria-pressed=true]{border-color:#355f42;box-shadow:inset 0 0 0 1px #355f42}.feast-entry{border-top:2px solid #b09b66;margin-top:26px;padding-top:10px}#achievements-dialog{width:min(570px,calc(100vw - 24px))}
#feast-dialog{width:100%;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;color:#294b36;pointer-events:none}#feast-dialog::backdrop{background:transparent;backdrop-filter:none}#feast-dialog button{pointer-events:auto}.feast-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(18px + var(--safe-top)) 22px 16px;background:linear-gradient(#fff4ddeF,#fff4ddc9,transparent)}.feast-heading h2{font-size:30px;margin:0}.feast-heading p{font-size:12px;margin:0 0 5px;font-weight:800}.feast-heading .close{position:static;flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid #8e9e76;background:#fff4dd;font-size:26px}.feast-actions{position:absolute;left:50%;bottom:calc(20px + var(--safe-bottom));transform:translateX(-50%);width:min(470px,calc(100% - 32px));padding:16px 20px;background:#fff4ddef;border:2px solid #78915e;border-radius:18px;pointer-events:auto}.feast-actions p{font-size:14px;margin:0 0 10px;font-weight:800}.feast-actions progress{margin:0 0 12px;height:10px}.feast-actions button{width:100%;margin-top:7px}.feast-actions #feast-status{font-size:12px;margin:8px 0 0;font-weight:600}#victory-dialog{width:min(540px,calc(100vw - 20px))}#victory-image{width:100%;max-height:55svh;object-fit:contain;border-radius:10px;background:#e8e9cf}.victory-actions{display:grid;gap:9px}.victory-actions .primary{text-align:center;text-decoration:none}#victory-caption{width:100%;font:14px/1.5 var(--font-ui);padding:10px;margin-top:6px;border-radius:9px;background:#fff9e7;border:1px solid #a9b28c}#achievements-dialog h2:focus{outline:none}
@media(max-height:500px){.feast-heading h2{font-size:24px}.feast-actions{left:auto;right:15px;transform:none;width:260px;padding:10px;bottom:12px}.feast-actions p{font-size:12px}}
.adventure-hud{width:min(285px,76vw);padding:10px 12px;background:#183b30ed;border:1px solid #d7c58f;border-left:4px solid #f2c964;box-shadow:0 3px 12px #0f261c30}
.adventure-role{display:block;font-size:10px;font-weight:800;letter-spacing:.03em;color:#f4d386;margin-bottom:4px}.adventure-hud strong{font-size:14px}.adventure-hud small{font-size:12px;line-height:1.4}
.encounter-lanes{display:flex;gap:5px;margin-top:8px}.encounter-lanes i{font-style:normal;width:37px;text-align:center;border:1px solid #99af92;border-radius:5px;color:#bccab8;line-height:24px}.encounter-lanes i[data-active=true]{background:#f5d074;color:#243f2b;border-color:#f5d074}
.chase-legend{display:flex;justify-content:space-between;gap:6px;font-size:10px;margin-top:8px}.chase-legend b{color:#f5d074}.adventure-hud[data-state=stumble]{border-color:#f4a16d}.encounter-tag{position:absolute;transform:translate(-50%,-100%);max-width:170px;padding:5px 9px;border:1px solid #718061;border-radius:9px;background:#fff3dcee;color:#294536;box-shadow:0 2px 4px #20352833;font-size:11px;font-weight:900;text-align:center;pointer-events:none}.encounter-tag:after{content:'';position:absolute;left:50%;bottom:-7px;border-top:7px solid #fff3dc;border-inline:5px solid transparent}
#game.playing:has(.adventure-hud:not([hidden])) .toast{top:calc(265px + var(--safe-top));max-width:270px}
@media(max-height:500px){.adventure-hud{top:calc(76px + var(--safe-top));width:235px;padding:6px 9px}.adventure-hud small{font-size:10px}.adventure-role{font-size:9px}.encounter-lanes{margin-top:4px}.encounter-lanes i{line-height:18px}.encounter-tag{font-size:10px;max-width:145px}}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}
:root {
  --font-ui: 'Nunito', Arial, sans-serif;
  --font-meme: 'Rubik Bubbles', var(--font-ui);
  --ink: #284b39;
  --muted: #5b6a50;
  --paper: #fff5dd;
  --green: #315741;
  --line: #c9c9a9;
  --type-small: 13px;
  --type-body: 15px;
  --type-title: clamp(25px, 4.6vw, 33px);
  font-family: var(--font-ui);
  font-weight: 600;
}
button, input, select, textarea { font-family: var(--font-ui); }
button:disabled { cursor: default; }
button[aria-busy=true] { cursor: progress; }
h1, h2, h3, h4, .result-grid strong, .hud .run-stats strong,
.difficulty-picker button, .manul-call, .meme-moment,
#share-caption, #cloud-code-input, .document-body h1, .document-body h2 {
  font-family: var(--font-ui);
}
button, .primary, .secondary { font-weight: 800; }
h2, h3, h4, strong { font-weight: 900; }
h2, dialog h2, #result-dialog h2 { font-size: var(--type-title); line-height: 1.12; letter-spacing: -.035em; }
h3 { letter-spacing: -.02em; }
p { line-height: 1.55; }
dialog p, dialog label, .document-body { font-size: var(--type-body); }
.fine { font-size: var(--type-small)!important; line-height: 1.5; }
.eyebrow { font-size: 12px; font-weight: 900; letter-spacing: .045em; }
.wordmark { font-weight: 1000; letter-spacing: 1.6px; }
.wordmark small { font-weight: 900; }
.build-tag { font-size: 11px; }
.save-access strong { font-size: 13px; font-weight: 900; }
.save-access small { font-size: 11px; font-weight: 700; }
.save-access { border-color: #6f815e; box-shadow: inset 0 1px #fffbe9; }
.topbar-actions .quiet { font-size: 13px; font-weight: 900; }
#menu h1, #menu .intro h1 {
  font-family: var(--font-ui);
  font-weight: 1000;
  font-size: clamp(42px, 5.1vw, 76px);
  line-height: .98;
  letter-spacing: -.055em;
  -webkit-text-stroke: 0;
  text-shadow: 0 2px #fff5dc;
  margin-bottom: 20px;
}
#menu h1 span { display: block; }
#menu h1 span:last-child {
  color: #a84e24;
  -webkit-text-stroke: 1.5px #fff4d5;
  text-shadow: 0 3px #cfaa63;
}
#menu .lead { font-size: clamp(17px, 1.8vw, 21px); line-height: 1.35; font-weight: 800; }
#menu .description { font-size: 14px; color: #4d6048; }
.difficulty-picker button { font-size: 14px; font-weight: 900; }
.difficulty-note { font-size: 13px; line-height: 1.4; margin: 9px 0 16px; }
.primary { font-size: 17px; letter-spacing: -.015em; font-weight: 1000; min-height: 52px; }
.secondary { font-size: 15px; line-height: 1.35; }
.text-button { font-size: 14px; line-height: 1.35; font-weight: 800; }
.menu-links { gap: 5px 18px; }
.menu-links .text-button { min-height: 36px; }
.manul-call { font-size: 15px; font-weight: 900; }
.manul-call kbd { font-family: var(--font-ui); }
#manul-response { font-size: 12px; line-height: 1.4; }
#game:not(.playing) .toast { top: calc(88px + var(--safe-top)); bottom: auto; pointer-events: none; max-width: min(440px, calc(100% - 32px)); }
.season-top { font-size: 14px; }
.season-summary .records { font-size: 13px; }
.season-summary .records strong { font-family: var(--font-ui); font-size: 25px; font-weight: 1000; line-height: 1.15; }
.season-summary p, .bank-button small { font-size: 12px; line-height: 1.45; }
#menu .season-summary #season-copy { display:block; }
#run-goal[data-kind=story] .goal-caption { display:block;font-size:11px;line-height:1.3;color:#fff3da;font-weight:900;paint-order:stroke fill;-webkit-text-stroke:2.2px var(--hud-outline);text-shadow:0 1px 2px #1d2d20; }
.season-summary { box-shadow: 0 4px 0 #526c4399, inset 0 1px #fffbe8; }
dialog { background: var(--paper); border: 2px solid #698059; box-shadow: 0 5px 0 #314c3c, 0 22px 64px #152d325c; }
dialog p { color: #4c6049; }
.dialog-head { gap: 14px; align-items: flex-start; margin-bottom: 8px; }
.dialog-head h2 { margin: 0; flex: 1; min-width: 0; }
.dialog-head .close { margin: -4px -4px 0 0; border: 1px solid #b5bea0; border-radius: 50%; background: #f2e8c9; font-size: 28px; font-weight: 700; }
dialog button:focus-visible, dialog a:focus-visible, dialog summary:focus-visible, textarea:focus-visible { outline: 3px solid #a95126; outline-offset: 3px; }
dialog::-webkit-scrollbar { width: 8px; }
dialog::-webkit-scrollbar-thumb { background: #a5b08b; border-radius: 8px; }
.setting { font-size: 15px; padding: 15px 0; gap: 16px; }
.setting span { min-width: 0; }
.setting select { font-size: 16px; font-weight: 800; min-height: 44px; border-radius: 9px; background: #fff9e9; }
.settings-section-title { font-size: 18px; margin: 24px 0 2px; }
.audio-controls { margin-top: 15px; font-size: 14px; }
.settings-audio { margin-top: 10px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.settings-audio summary { min-height: 44px; align-content: center; font-weight: 800; font-size: 14px; cursor: pointer; }
.audio-controls input { accent-color: #55783e; }
#settings-dialog .audio-controls p { color: var(--muted); }
#settings-dialog .audio-controls .secondary { font-size: 14px; }
#result-dialog { width: min(490px, calc(100vw - 24px)); }
#result-dialog h2 { margin-bottom: 10px; }
#result-copy { margin: 0 0 14px; }
#result-mode { margin: 0 0 16px; color: #687451; }
#result-dialog .result-grid { margin: 18px 0; padding: 17px 8px; background: #eae7c8; border-block: 1px solid #c8c99f; border-radius: 13px; gap: 6px; }
#result-dialog .result-grid strong { font-weight: 1000; font-size: clamp(25px, 6.5vw, 38px); line-height: 1; letter-spacing: -.025em; }
.result-grid span { font-size: 13px; font-weight: 800; }
#result-dialog .result-actions { gap: 10px; margin-top: 18px; }
#result-dialog .result-actions .primary { min-height: 52px; }
#result-dialog .result-actions .secondary { min-height: 44px; font-size: 14px; }
.result-cloud span, #result-dialog .save-note { font-size: 13px; }
#result-details summary { font-size: 14px; }
.result-goals { font-size: 14px; }
.result-goals li > strong { max-width: 118px; font-variant-numeric: tabular-nums; }
#result-moment.meme-caption { font-family: var(--font-meme); font-size: clamp(24px, 5.7vw, 32px); line-height: 1.32; letter-spacing: .005em; border: 0; margin: 12px 0 0; padding: 8px 0; font-weight: 400; }
.result-meme-tools { border-bottom: 1px solid var(--line); margin-bottom: 16px; }
#result-meme-next, #share-meme-next { color: #5b6549; font-size: 13px; }
#share-caption { font-size: 16px; line-height: 1.5; }
.hud .run-stats strong { font-family: var(--font-ui); font-weight: 1000; font-size: 25px; line-height: 1.1; -webkit-text-stroke: 2.5px var(--hud-outline); text-shadow: 0 2px 2px #182b25; }
.hud .run-stats strong.wide-count { font-size: 18px; }
.hud .route-label, .hud .score-readout strong { font-size: 12px; font-weight: 1000; }
.hud .score-readout { font-size: 11px; }
.hud .boost, .hud .run-goal strong, .hud #goal-count, .hud .token-chain { font-weight: 900; -webkit-text-stroke-width: 2px; }
.hud .run-goal strong { font-size: 13px; line-height: 1.35; }
.hud #goal-count { font-size: 12px; }
.hud .dash-control button { font-size: 13px; font-weight: 1000; }
.hud .touch-controls button { font-family: var(--font-ui); font-weight: 900; }
.hud #meme-caption.meme-caption { font-family: var(--font-meme); font-weight: 400; }
.meme-caption { font-family: var(--font-meme); font-weight: 400; }
.arrival-caption p, .ending-caption p { font-family: var(--font-ui); font-weight: 1000; }
.document-body h1, .document-body h2 { font-family: var(--font-ui); font-weight: 900; }
.tutorial h2 { font-family: var(--font-ui); font-weight: 1000; }
@media (max-width: 800px) {
  #game:not(.playing) .topbar { background: #f5efdc; border-bottom: 1px solid #dadcc5; }
  /* Embedded menus scroll; the portrait row must include the full reply text. */
  #menu, html[data-embedded=true] #menu { grid-template-rows: auto auto auto; row-gap: 20px; align-content: start; }
  #hero-stage { grid-template-rows: minmax(190px, 1fr) auto; min-height: 284px; }
  #menu h1, #menu .intro h1 { font-size: clamp(38px, 10.5vw, 62px); line-height: .99; margin-bottom: 14px; }
  #menu .lead { font-size: 17px; line-height: 1.35; margin-bottom: 17px; }
  #menu .difficulty-picker { margin-top: 0; }
  .difficulty-note { font-size: 12px; margin: 7px 0 13px; }
  .menu-links { gap: 3px 17px; }
  .menu-links .text-button { font-size: 13px; }
  .season-top { font-size: 13px; }
  .season-summary .records strong { font-size: 22px; }
  .save-access strong { font-size: 12px; }
  .save-access small { font-size: 10px; }
  .text-button { font-size: 13px; }
  dialog { padding: 22px; }
  #result-dialog { padding: 22px; }
}
@media (max-width: 420px) {
  .hud .run-stats strong { font-size: 21px; }
  .hud .run-stats strong.wide-count { font-size: 15px; }
  .hud .run-goal strong { font-size: 12px; }
  .hud .route-label { font-size: 11px; }
  .hud .score-readout strong { font-size: 11px; }
}
@media (min-width: 801px) and (max-height: 760px) {
  #menu h1, #menu .intro h1 { font-size: 52px; margin-bottom: 14px; }
  #menu .lead { font-size: 18px; }
  .difficulty-note { margin-bottom: 12px; }
}
@media (max-height: 500px) {
  .hud .route-label, .hud .score-readout strong, .hud .run-goal strong { font-size: 11px; }
  .hud .run-stats strong { font-size: 21px; }
  dialog { padding: 18px 24px; }
}
@media (min-width: 801px) and (max-height: 620px) {
  #menu { overflow-y: auto; pointer-events: auto; padding-bottom: 16px; scrollbar-gutter: stable; }
  #menu .intro { align-self: start; }
}

/* Meat sprint: open trail, compact running HUD, full photographic finish. */
#feast-dialog{scrollbar-gutter:auto}
#feast-next{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#feast-dialog .feast-swipe-surface{position:absolute;inset:0;z-index:0;pointer-events:auto;touch-action:none}
#feast-dialog .feast-heading{position:absolute;inset:0 0 auto;z-index:2;align-items:center;padding:calc(16px + var(--safe-top)) 20px 22px;background:linear-gradient(#fff2dceF,#fff2ddc0,transparent);pointer-events:none}
#feast-dialog .feast-heading h2{font-size:clamp(24px,4vw,32px);line-height:1.1}
#feast-dialog .feast-heading p{font-size:11px;margin-bottom:4px}
.feast-header-actions{display:flex;gap:8px;align-items:center;pointer-events:auto}
#feast-dialog .feast-header-actions button{position:static;width:46px;height:46px;min-width:46px;flex-basis:46px;border:2px solid #648151;border-radius:14px;background:#fff2d8;color:#315340;padding:0;font-size:25px}
.feast-run-hud{position:absolute;top:calc(112px + var(--safe-top));left:20px;z-index:2;width:185px;color:#fff3d6;text-shadow:2px 2px 0 #304332,-2px -1px 0 #304332,1px -2px 0 #304332;font-size:24px;font-weight:1000;pointer-events:none}
.feast-run-hud progress{height:6px;margin-top:8px;box-shadow:0 1px 3px #30433266}
#feast-dialog .feast-overlay{position:absolute;bottom:calc(22px + var(--safe-bottom));left:50%;transform:translateX(-50%);z-index:4;width:min(480px,calc(100% - 32px));padding:22px;border:2px solid #698152;border-radius:20px;background:#fff3ddf5;box-shadow:0 8px 20px #24352735;pointer-events:auto;text-align:left}
.feast-overlay h3{font-size:24px;line-height:1.15;margin:0 0 10px}.feast-overlay p{font-size:14px;line-height:1.4;margin:0 0 10px}.feast-overlay .fine{font-size:12px;color:#5a674c}
.feast-overlay button{width:100%;margin-top:8px}.feast-overlay[hidden],.feast-finale[hidden],.feast-controls[hidden],.feast-run-hud[hidden]{display:none!important}
.feast-controls{position:absolute;bottom:calc(18px + var(--safe-bottom));left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:3;pointer-events:auto}
#feast-dialog .feast-controls button{width:clamp(54px,17vw,72px);height:clamp(60px,18vw,74px);padding:0;border-radius:17px;border:2px solid #5e8050;background:#fff1d5eF;color:#2f523c;box-shadow:0 4px 0 #3d603d;font-size:36px;line-height:1}
.feast-run-status{position:absolute;bottom:calc(108px + var(--safe-bottom));left:50%;transform:translateX(-50%);font-size:13px;font-weight:900;text-shadow:0 1px 3px #234529;color:#fff5df;z-index:3;pointer-events:none;text-align:center}
.feast-run-status:empty{display:none}
.feast-finale{position:absolute;inset:0;z-index:5;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(20px,4vw,55px);align-items:center;padding:clamp(20px,4vw,48px);background:#264a3b;color:#fff0d3;pointer-events:auto;overflow:auto}
.feast-photo-wrap{position:relative;min-height:0;text-align:center}
#feast-photo{display:block;width:100%;height:auto;max-height:calc(100svh - 60px);object-fit:contain;border-radius:20px}
#feast-photo-status{font-size:13px;margin:8px 0;color:#ffeac3}#feast-photo-status:empty{display:none}#feast-photo-retry{margin-top:8px}
.feast-finale-copy{max-width:430px}.feast-final-count{font-size:16px;font-weight:900;color:#f1c778;margin:0 0 12px}
#feast-win-title{font-family:var(--font-meme);font-size:clamp(28px,4vw,46px);font-weight:400;line-height:1.18;color:#ffe49a;text-shadow:0 3px 0 #533d2e;-webkit-text-stroke:1px #533d2e;paint-order:stroke fill;margin:0 0 16px}
.feast-finale-copy p{font-size:15px;line-height:1.45}.feast-finale-copy button{width:100%;margin-top:10px}.feast-finale-copy .text-button{color:#fff1ce;text-decoration:underline}
.feast-finale-copy p{color:#fff0d3}.feast-finale-copy p.feast-final-count{color:#f1c778}.feast-finale-copy button.primary,.feast-finale-copy button.secondary{color:#2f513b}
@media(max-width:700px){.feast-finale{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:calc(16px + var(--safe-top)) 18px calc(16px + var(--safe-bottom));overflow:hidden}.feast-photo-wrap{height:100%;display:flex;flex-direction:column;justify-content:center}#feast-photo{height:100%;max-height:100%;min-height:0;flex:1;object-fit:contain}.feast-finale-copy{max-width:none;text-align:center}.feast-finale-copy p{font-size:13px;margin:6px 0}.feast-finale-copy .feast-final-count{font-size:13px}#feast-win-title{font-size:28px;margin:5px 0 8px}.feast-finale-copy button{min-height:44px;font-size:14px;margin-top:8px}}
@media(max-height:500px){#feast-dialog .feast-heading{padding-top:8px}#feast-dialog .feast-heading p{display:none}.feast-run-hud{top:75px;font-size:20px;width:160px}#feast-dialog .feast-overlay{padding:14px;width:min(420px,calc(100% - 32px));bottom:12px}.feast-overlay h3{font-size:21px}.feast-overlay p{font-size:12px}.feast-overlay .fine{display:none}.feast-controls{left:auto;right:18px;transform:none}#feast-dialog .feast-controls button{width:52px;height:52px;font-size:30px}.feast-finale{padding:14px;gap:18px}#feast-win-title{font-size:26px}.feast-finale-copy p{font-size:12px}.feast-finale-copy button{min-height:40px;padding:8px;margin-top:6px}#feast-photo{max-height:calc(100svh - 28px)}}
@media(max-width:700px){.feast-finale{grid-template-rows:auto auto;align-content:center}.feast-photo-wrap{height:auto}#feast-photo{height:auto;max-height:calc(100svh - 310px);flex:initial}}
/* Pine enamel, warm metal and clear pressed states across the game. */
:root{--button-pine:#2c5445;--button-pine-edge:#173c32;--button-gold:#f2c66b;--button-gold-edge:#a36b30;--button-ivory:#fff3d8}
.primary,.secondary,.learning-choice{border-radius:14px;border:1px solid #c3ad79;box-shadow:inset 0 1px 0 #fff7dd,0 3px 0 #b39d72;transition:transform .12s,background-color .12s,box-shadow .12s;filter:none}
.primary{color:#3a3522;background:linear-gradient(#f9d78a,#efbd58);border-color:#a97733;box-shadow:inset 0 1px 0 #fff0bc,0 4px 0 #9b682e,0 7px 13px #2d403222}
.secondary,.learning-choice{color:#2c5140;background:linear-gradient(#fff8e7,#f0e6cd);border-color:#a9b18e}
.primary:active,.secondary:active,.learning-choice:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #3c4a3626,0 1px 0 #8c855c}
.primary:disabled,.secondary:disabled{transform:none;box-shadow:inset 0 1px #fff8e7,0 2px 0 #b1a78a;opacity:.62}
button:focus-visible,a:focus-visible{outline:3px solid #b45b2c;outline-offset:4px}
button:hover{filter:none}
.difficulty-picker{padding:4px;border:1px solid #acb694;border-radius:16px;background:#dcdcc4;box-shadow:inset 0 2px 4px #354c3220}
.difficulty-picker button{border:0;border-radius:11px;background:transparent;box-shadow:none}
.difficulty-picker button[aria-pressed=true]{background:var(--button-pine);color:#fff4d7;box-shadow:inset 0 1px #74917d,0 2px 0 #173d30}
.dialog-head .close{display:grid;place-items:center;border:1px solid #aab196;background:#f6edd6;box-shadow:inset 0 1px #fffbed,0 2px 0 #a6ac8c;width:40px;height:40px;min-height:40px;min-width:40px;flex:0 0 40px;font-size:26px;line-height:1}
.topbar-actions .quiet,.save-access{background:#fff4dd;border-color:#879c7a;box-shadow:inset 0 1px #fffbed,0 2px 0 #9ba682}
.learning-choices{display:grid;gap:14px;margin:22px 0}.learning-choice{width:100%;display:flex;align-items:center;gap:18px;padding:20px;text-align:left;min-height:98px}
.learning-choice>svg{width:30px;height:30px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.learning-choice span{min-width:0}.learning-choice strong,.learning-choice small{display:block}.learning-choice strong{font-size:17px;line-height:1.3}.learning-choice small{margin-top:6px;font-size:13px;line-height:1.45;font-weight:600}
/* The pause target stays 44 px; the enamel face is smaller. */
.hud-top>#pause{position:relative;isolation:isolate;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:50%;display:grid;place-items:center;color:#fff3d6}
.hud-top>#pause::before{content:"";position:absolute;inset:4px;z-index:-1;border:1px solid #122e28;border-radius:50%;background:linear-gradient(#3b6655,#254c3e);box-shadow:inset 0 1px #829878,0 2px 0 #16382d,0 3px 7px #172d2733}
#pause svg,#feast-pause svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
#pause:active::before{transform:translateY(1px);box-shadow:inset 0 1px 3px #122e2844}
#feast-dialog #feast-pause{width:44px;height:44px;min-height:44px;min-width:44px;flex-basis:44px;border-radius:50%;color:#fff4d8;border:1px solid #1b4034;background:var(--button-pine);box-shadow:inset 0 1px #7e977a,0 2px 0 #16382d;display:grid;place-items:center}
#boost-symbols{display:flex;flex-wrap:wrap;gap:7px;align-items:center}#boost-copy{display:none}
.boost-symbol{display:inline-flex;align-items:center;gap:3px;color:#fff4d2;min-height:28px;filter:drop-shadow(0 1px 1px #193a2c)}
.boost-symbol svg{width:24px;height:24px;stroke:#fff5d9;stroke-width:2;filter:drop-shadow(0 0 1px #173a2c)}.boost-symbol small{font-size:12px;font-weight:1000;line-height:1;font-variant-numeric:tabular-nums}
.boost-symbol[data-boost=rotten]{color:#e1f2a3}.boost-symbol[data-boost=rotten] svg{stroke:#d9ee91}
#game[data-hints=detailed] #boost-copy{display:block}#game[data-hints=detailed] #boost-symbols{display:none}
#game[data-hints=compact] .hud-bottom{width:min(245px,calc(100% - 112px));gap:8px}
#game[data-hints=compact] #run-goal{padding:0;max-width:245px;pointer-events:none}
#game[data-hints=compact] #goal-caption{display:block;font-size:10px;line-height:1.35;margin-bottom:2px;color:#ffe9af;font-weight:900;paint-order:stroke fill;-webkit-text-stroke:2px var(--hud-outline)}
#game[data-hints=compact] #goal-count{font-size:11px;margin-top:2px}#game[data-hints=compact] #run-goal[data-phase=complete] strong{color:#e5f7b0}
#game[data-hints=compact] .hud .dash-control,html[data-swipe-controls=true] #game[data-hints=compact] .hud .dash-control{width:78px;padding:0 7px 5px;border:1px solid #c7c9ac;border-radius:13px;background:#fff3d6e8;box-shadow:inset 0 1px #fffbed,0 2px 0 #7b8d66}
#game[data-hints=compact] .dash-control button{font-size:11px;min-height:38px;gap:3px;padding:0;line-height:1.1;min-width:0;color:#36533d}
#game[data-hints=compact] .dash-control svg{width:13px;height:18px;flex:none}#game[data-hints=compact] .dash-control progress{height:3px;margin:0;display:block;border:0;box-shadow:none}
#game[data-hints=compact] .dash-control.ready{background:linear-gradient(#fbd98b,#efbf5f);border-color:#ac7833;box-shadow:inset 0 1px #fff1c7,0 2px 0 #8e632c}
#game[data-hints=compact] .dash-control.active{background:#e3efba;border-color:#7a955e}
#game[data-hints=detailed] .hud .dash-control{width:132px}
.hud .touch-controls{gap:10px}.hud .touch-controls button,html:is([data-social-mobile=true],[data-swipe-controls=true]) .hud .touch-controls button{width:58px;height:54px;min-height:54px;border:1px solid #143d31;border-radius:15px;background:linear-gradient(#416b58,#2b5141);color:#fff0cc;box-shadow:inset 0 1px #9dab7d,0 3px 0 #143c30,0 5px 10px #213b3033;font-size:29px;line-height:1}
.hud .touch-controls button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #183d31,0 1px 0 #143c30}
@media(hover:hover){.primary:hover{background:#f9d88c}.secondary:hover,.learning-choice:hover{background:#fff8e7}.hud .touch-controls button:hover{background:#456f58}.text-button:hover{color:#8c5428}}
@media(max-width:420px){.learning-choice{padding:16px;gap:13px}.learning-choice strong{font-size:15px}.learning-choice small{font-size:12px}.hud .touch-controls{gap:9px}}
@media(max-height:500px){#game[data-hints=compact] .hud-bottom{width:min(235px,45%)}.learning-choice{min-height:80px;padding:14px}.learning-choices{margin:12px 0}}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.learning-choice{transition:none}}.story-reduced .primary,.story-reduced .secondary,.story-reduced .learning-choice{transition:none}
#game[data-hints=compact] .dash-control button{min-height:44px}
.dialog-head .close{width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px}