@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=optional');
:root{--sky:rgb(239 242 223);--horizon:rgb(250 241 217);--ground:rgb(213 223 183);--hill-far:rgb(204 220 188);--hill-near:rgb(180 203 161);--mountain:rgb(220 228 209);--snow:rgb(247 244 231);--field:rgb(186 203 147);--water:rgb(162 198 191);--tree-back:rgb(148 170 126);--tree-front:rgb(121 150 110);--cloud:rgb(174 189 193);--rain:0;--storm:0;--night:0;--sun:1;--ink:rgb(36 63 55);--soft-ink:rgb(36 63 55);--ground-ink:rgb(36 63 55);--window:rgb(134 169 156);color-scheme:light;--paper:#fbf6e7;--orange:#d55e3e;--muted:#778671;--line:#b9c2a4;--best:0}*{box-sizing:border-box}html{min-height:100%;background:#f8f5e9}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ca6947;outline-offset:5px}button:disabled{cursor:wait;opacity:.55}.world-backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(#eff2df,#faf5e4 51%,#e1e8c7);overflow:hidden}.sun{position:absolute;width:76px;height:76px;background:#f2d899;border-radius:50%;right:17%;top:23%;box-shadow:0 0 90px #f0dba64d}#landscape{position:absolute;inset:0;width:100%;height:100%}.world{transform-box:view-box;transform-origin:0 0;will-change:transform}.distant-hills{transform-origin:0 0;will-change:transform}.train{pointer-events:none}.engine-steam{opacity:0;transition:opacity .3s}.rolling .engine-steam{opacity:1}.rolling .engine-steam circle{animation:engine-puff 1.8s linear infinite;transform-origin:18px -72px}.rolling .engine-steam circle:nth-child(2){animation-delay:-.6s}.rolling .engine-steam circle:nth-child(3){animation-delay:-1.2s}.clouds{animation:cloud-drift 55s ease-in-out infinite alternate}.topbar{position:absolute;z-index:5;top:28px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between}.icon-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #9aa98b66;background:#faf6e499;border-radius:7px;color:#50674d}.icon-button span{height:1.5px;width:12px;background:currentColor}.icon-button:hover{background:#fdf9ec}.help{font-family:Georgia,serif;font-size:17px}.small-brand{background:none;border:0;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.8px;opacity:0;pointer-events:none;transition:opacity .2s}.small-brand span{font-size:15px;margin-left:5px;color:var(--orange)}body:not([data-screen="home"]) .small-brand{opacity:1;pointer-events:auto}.screen{min-height:100svh;text-align:center;position:relative}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:650;margin:0;color:#61765b}.home-title{position:absolute;top:15%;left:24px;right:24px}.home-title .eyebrow{letter-spacing:3px;font-size:10px;margin-bottom:22px}.home-title h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:108px;line-height:.83;letter-spacing:-8px;margin:0;display:inline-block;position:relative;text-align:left}.title-star{position:absolute;right:-43px;top:-15px;font-size:45px;line-height:1;color:var(--orange);letter-spacing:0;animation:star-turn 30s linear infinite}.title-period{color:var(--orange)}.home-title>p{font-size:13px;margin:25px 0 0;color:#6e7f62}.home-actions{position:absolute;bottom:7.2%;left:24px;right:24px;display:flex;flex-direction:column;align-items:center}.primary{border:1px solid #a54c30;background:var(--orange);color:#fff8e9;border-radius:5px;padding:17px 28px;font-size:11px;font-weight:650;letter-spacing:1.2px;box-shadow:0 4px 0 #aa5134;display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:224px;transition:background .15s,transform .15s,box-shadow .15s}.primary:hover{background:#cb5737;transform:translateY(-1px);box-shadow:0 5px 0 #aa5134}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #aa5134}.primary>span{font-size:19px;line-height:1;letter-spacing:0}.home-meta{display:flex;align-items:center;gap:12px;margin-top:19px;font-size:8px;font-family:'Space Grotesk',sans-serif;color:#6c7c5f;letter-spacing:1px}.home-meta>span+span{border-left:1px solid #a7b591;padding-left:12px}.quiet-button{border:0;background:none;color:#667958;font-size:11px;padding:10px 8px;margin-top:9px}.quiet-button:hover{text-decoration:underline;text-underline-offset:4px}.hud{position:absolute;z-index:3;top:94px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between}.score-badge{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:100px}.score-badge>span,.station-badge>span{font-size:8px;letter-spacing:1.4px;color:#7f8d73}.score-badge strong{font-family:'Space Grotesk',sans-serif;font-size:27px;font-weight:500;letter-spacing:-1px}.station-badge{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:100px}.station-badge strong{font-size:11px;font-weight:500}.progress{display:flex;align-items:center;flex-direction:column;gap:8px}.dots{display:flex;gap:4px}.dot{height:7px;width:13px;border:1px solid #9eac8d;border-radius:1px;background:#eff0da}.dot.used{background:#869d74;border-color:#869d74}.dot.current{background:var(--orange);border-color:var(--orange)}#round-label{font-size:8px;color:#7f8d73;letter-spacing:1px}.prompt-panel{position:absolute;top:25%;left:24px;right:24px}.connect{font-family:'Space Grotesk',sans-serif;display:flex;align-items:center;justify-content:center;gap:22px;font-size:48px;letter-spacing:-2px;font-weight:600;line-height:1.2;margin:15px 0 21px}.plus{font-size:29px;font-weight:400;color:#a8b297;letter-spacing:0}.avoid-line{font-size:12px;color:#859177;margin:0;display:flex;justify-content:center;align-items:baseline;gap:10px}.avoid-line strong{font-family:'Space Grotesk',sans-serif;font-size:25px;color:var(--orange);font-weight:500;letter-spacing:-.7px}.answer-dock{position:absolute;left:24px;right:24px;bottom:9%;margin:auto;max-width:560px}.input-row{display:flex;padding:6px;background:#fffbedee;border:1px solid #acba98;border-radius:6px;box-shadow:0 4px 20px #5f785315}.input-row:focus-within{border-color:#708862;box-shadow:0 0 0 3px #9bac7d26}input{border:0;outline:none!important;background:none;width:100%;min-width:0;padding:12px 14px;color:var(--ink);font-size:15px}input::placeholder{color:#96a086;font-size:13px}.input-row button{border:0;background:var(--ink);color:#f9f5e6;border-radius:3px;padding:0 17px;letter-spacing:1px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:18px}.input-row button span{font-size:18px}.input-row button:hover{background:#3a5a46}#message{font-size:11px;color:#768566;line-height:1.6;min-height:18px;margin:10px 0 0}#message.error{color:#a74f33}.reveal-heading{position:absolute;left:24px;right:24px;top:24%}.reveal-heading .eyebrow{color:var(--orange)}.reveal-score{font-family:'Space Grotesk',sans-serif;font-size:90px;line-height:1.1;letter-spacing:-5px;font-weight:500;margin-top:10px}.reveal-score small,.final-score small{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:0;color:#8b9a7c;margin-left:5px;font-weight:400}.reveal-heading h2{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:500;margin:7px 0 0;letter-spacing:-.8px}.reveal-heading>p:last-child{font-size:12px;color:#748867;margin:13px 0}.bottom-action{position:absolute;bottom:8.8%;left:24px;right:24px;display:flex;align-items:center;flex-direction:column;gap:18px}.subnote{font-size:10px;color:#70855f;min-height:13px}.results-heading{position:absolute;top:20%;left:24px;right:24px}.results-heading h2{font-family:'Space Grotesk',sans-serif;font-size:30px;letter-spacing:-1.2px;font-weight:500;margin:16px 0 8px}.final-score{font-family:'Space Grotesk',sans-serif;font-size:80px;line-height:1.15;letter-spacing:-4px;font-weight:500}#winning-word{font-size:12px;color:#758967;margin:9px 0 22px}.route-summary{display:flex;align-items:center;justify-content:center;gap:10px}.result-stop{border:1px solid #9aae83;background:#e4ead0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#738563;position:relative}.result-stop+.result-stop:before{content:'';height:1px;background:#a8b994;width:11px;position:absolute;left:-11px}.result-stop.best{border-color:var(--orange);background:#f5dec0;color:#b25a3b}.result-stop.empty{opacity:.35}.result-actions{position:absolute;bottom:6.5%;left:24px;right:24px;display:flex;align-items:center;flex-direction:column}.result-actions .quiet-button{margin-top:14px}.result-actions .small{font-size:9px;margin-top:0;color:#7d906e}body[data-screen="results"] .hud{display:none}.screen.enter{animation:enter .35s ease both}dialog{border:1px solid #c2cbb0;border-radius:10px;padding:32px;background:#fbf7e9;color:var(--ink);max-width:370px;width:calc(100% - 40px);box-shadow:0 15px 80px #32472b33}dialog::backdrop{background:#283e374d;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:12px;top:9px;border:0;background:none;color:#879977;font-size:23px}dialog h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:25px;letter-spacing:-1px;margin:0 0 20px}dialog p{font-size:12px;line-height:1.9;color:#738467}dialog strong{font-weight:600;color:var(--ink)}dialog a{color:inherit}.modal-options{display:grid;gap:4px;margin-top:22px;border-top:1px solid #d8dfca;padding-top:14px}.modal-options button{border:0;background:none;padding:10px 0;text-align:left;font-size:12px}.modal-options button:hover{color:var(--orange)}.back{border:0;background:none;font-size:11px;padding:0;margin-bottom:20px;color:#7c906c}.fine{font-size:10px!important;color:#899a7b!important}.guess-log{display:grid;gap:0;margin-bottom:24px}.guess-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e0e5d3;font-size:12px}.guess-row strong{color:var(--orange)}.answer-options{font-size:11px;color:#7b8f6b;line-height:1.8}.share-copy{width:100%;min-height:135px;background:#fffdf3;border:1px solid #c3d0af;border-radius:5px;padding:10px;font:11px monospace;color:var(--ink)}#toast{position:fixed;z-index:9;bottom:24px;left:50%;transform:translate(-50%,100px);padding:12px 20px;border-radius:30px;background:var(--ink);color:var(--paper);font-size:12px;transition:transform .25s;white-space:nowrap}#toast.show{transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rumble{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes puff{0%,100%{opacity:.5;transform:translate(0,0) scale(.95)}50%{opacity:.25;transform:translate(-7px,-5px) scale(1.08)}}@keyframes cloud-drift{to{transform:translateX(35px)}}@keyframes star-turn{to{transform:rotate(360deg)}}@media(min-width:1600px){.home-title h1{font-size:125px}.home-title{top:15%}}@media(max-width:600px){.topbar{top:22px;left:22px;right:22px}.small-brand{font-size:18px}.sun{right:6%;width:57px;height:57px;top:21%}.home-title{top:17%}.home-title h1{font-size:90px;letter-spacing:-7px}.title-star{font-size:35px;right:-32px;top:-10px}.home-title .eyebrow{font-size:9px;margin-bottom:23px}.home-title>p{font-size:12px;margin-top:25px}.home-actions{bottom:8%}.hud{top:89px;left:24px;right:24px;width:auto;transform:none}.score-badge,.station-badge{min-width:75px}.score-badge strong{font-size:24px}.station-badge strong{font-size:10px}.station-badge>span,.score-badge>span{font-size:7px}.prompt-panel{top:26%}.connect{font-size:36px;letter-spacing:-1.5px;gap:16px;margin-top:16px}.plus{font-size:23px}.avoid-line strong{font-size:23px}.answer-dock{bottom:9%;left:20px;right:20px}.input-row button{padding:0 13px;gap:12px}input{padding:12px 10px}input::placeholder{font-size:12px}.reveal-heading{top:25%}.reveal-score{font-size:80px}.reveal-heading h2{font-size:22px}.results-heading{top:21%}.results-heading h2{font-size:26px}.final-score{font-size:72px}.result-actions{bottom:7%}.results-heading .eyebrow{font-size:9px}.bottom-action{bottom:9%}}@media(max-width:360px){.connect{font-size:31px;gap:12px}.home-title h1{font-size:80px}.home-title>p{font-size:11px}.station-badge{display:none}.hud{justify-content:space-between}.reveal-score{font-size:70px}.results-heading h2{font-size:23px}}@media(max-height:680px){.topbar{top:18px}.hud{top:70px}.home-title{top:13%}.home-title h1{font-size:83px}.home-title .eyebrow{margin-bottom:17px}.home-title>p{margin-top:19px}.home-actions{bottom:5.5%}.prompt-panel{top:24%}.connect{font-size:36px;margin:12px 0 15px}.reveal-heading{top:22%}.reveal-score{font-size:69px}.reveal-heading>p:last-child{margin-top:10px}.bottom-action{bottom:6%}.answer-dock{bottom:7%}.results-heading{top:18%}.results-heading h2{font-size:24px;margin-top:12px}.final-score{font-size:60px}#winning-word{margin-bottom:13px}.result-actions{bottom:5%}.primary{padding:14px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.reveal-heading>p:last-child{color:#59734f}.home-title>p{color:#617755}.score-badge>span,#round-label{color:#64785a}

#winning-word{color:#516c46}.quiet-button{color:#536e46}.home-meta{color:#586e49}.subnote{color:#526e44}

@keyframes engine-puff{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:.6}100%{opacity:0;transform:translate(-25px,-38px) scale(2.1)}}
@media(prefers-reduced-motion:reduce){.engine-steam{display:none}}
dialog{max-height:calc(100svh - 48px);overflow:auto}.round-log-item{padding:15px 0;border-top:1px solid #d8dfca}.log-heading{display:flex;justify-content:space-between;gap:14px;font-size:11px}.log-heading strong{color:var(--orange)}dialog .log-prompt{font-size:10px;margin:8px 0;color:#6c805d}dialog .log-response{font-size:16px;color:var(--ink);margin:4px 0 10px}.round-log-item details{font-size:11px;line-height:1.9;color:#6c805d}.round-log-item summary{cursor:pointer;font-size:10px;margin-bottom:5px}.route-summary{margin-top:18px}#round-label{white-space:nowrap}.home-meta{font-size:8px;gap:9px}.home-meta>span+span{padding-left:9px}
@media(max-width:360px){.connect{font-size:clamp(25px,8.6vw,31px);gap:10px}}
.travel-heading{position:absolute;top:26%;left:24px;right:24px}.travel-heading h2{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:500;letter-spacing:-1.2px;margin:18px 0 12px}.travel-heading>p:last-child{font-size:12px;color:#657d58}.reveal-heading>p:last-child{max-width:580px;margin:14px auto 0;line-height:1.75}.station text{paint-order:stroke fill}body[data-screen="travel"] .topbar{opacity:.65}.results-heading .eyebrow{letter-spacing:1.6px}.home-meta{white-space:nowrap}@media(max-width:600px){.travel-heading{top:27%}.travel-heading h2{font-size:25px;letter-spacing:-.8px}.reveal-heading>p:last-child{font-size:12px;max-width:330px}.results-heading .eyebrow{font-size:8px;letter-spacing:1.2px}}@media(max-height:680px){.travel-heading{top:25%}.travel-heading h2{font-size:26px}}
/* The landscape changes with distance; interface colors retain contrast. */
.world-backdrop{background:linear-gradient(var(--sky,#eff2df),var(--horizon,#faf1d9) 68%,var(--ground,#d5dfb7))}.sun{opacity:var(--sun,1);transform:translateY(calc((1 - var(--sun,1))*65px))}.night-sky{opacity:var(--night,0)}.storm-clouds{opacity:var(--storm,0)}#cloud{fill:var(--cloud,#fffdf2)}.clouds use{filter:brightness(.98)}.far-mountains{transform-origin:0 0}.rain{position:absolute;inset:-80px;width:calc(100% + 160px);height:calc(100% + 160px);opacity:var(--rain,0);pointer-events:none;animation:rain-fall .75s linear infinite}.land-mist{position:absolute;inset:48% -10% 27%;pointer-events:none;background:linear-gradient(transparent,var(--horizon),transparent);opacity:calc(var(--storm,0)*.12);filter:blur(14px)}.headlight{opacity:calc(var(--night,0)*.3 + var(--storm,0)*.16)}
.eyebrow,.home-title>p,.home-meta,.quiet-button,.subnote,#round-label,.score-badge>span,.avoid-line,.avoid-line strong,.plus,.reveal-heading>p:last-child,.travel-heading>p:last-child,.reveal-score small,.final-score small,.result-actions .small{color:var(--soft-ink,#61775a)}.icon-button{color:var(--ink);background:color-mix(in srgb,var(--sky,#eff2df) 80%,transparent);border-color:color-mix(in srgb,var(--ink) 25%,transparent)}.icon-button:hover{background:var(--horizon)}.input-row{background:#fffbedf5;border-color:#acba98}.input-row input{color:#2a473b}.input-row button{background:#2a473b}#message{color:var(--soft-ink)}#message.error{background:#fbf6e7;color:#97432f;display:inline-block;padding:2px 8px;border-radius:3px}.result-stop{background:color-mix(in srgb,var(--ground) 70%,var(--horizon));color:var(--ink);border-color:var(--soft-ink)}.result-stop.best{color:#f5d4aa;background:#705749;border-color:#dfaa76}.result-stop+.result-stop:before{background:var(--soft-ink)}dialog{--ink:#2a473b}dialog .quiet-button{color:#536e46}body[data-screen="travel"] .hud{opacity:.65}.travel-heading{top:29%}.travel-heading .eyebrow{font-size:9px;letter-spacing:3px}.travel-heading h2{font-size:29px;margin-top:20px}.travel-heading>p:last-child{font-size:11px}.rain,.clouds{will-change:transform}#toast{background:#2a473b;color:#fbf6e7}
@keyframes rain-fall{from{transform:translate(12px,-75px)}to{transform:translate(-6px,75px)}}
@media(max-width:600px){.travel-heading{top:30%}.travel-heading h2{font-size:25px;max-width:300px;margin:20px auto 12px}.travel-heading>p:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.rain{animation:none;opacity:calc(var(--rain,0)*.5)}}
.railway>rect{fill:var(--field)}.railway>path:not(#route){stroke:var(--tree-back)}.railway>use{stroke:var(--tree-front)}#train{filter:brightness(calc(1 - var(--night,0)*.18))}.sun{box-shadow:0 0 110px #f0dba680}.far-mountains{will-change:transform}@keyframes rain-fall{from{transform:translateY(-75px)}to{transform:translateY(75px)}}
.reveal-heading .eyebrow{color:var(--soft-ink,#61775a)}
.spelling-options{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:3px}.spelling-options button{border:1px solid #8c9e80;background:#fbf6e7;color:#2a473b;padding:7px 12px;border-radius:18px;font-size:12px}.spelling-options button:hover{background:#e6ecd6}.reveal-heading .spelling-note{font-size:10px;color:var(--soft-ink);margin:10px auto 0;line-height:1.5}.answer-dock:has(.spelling-options:not([hidden])){bottom:5%}
/* Launch polish: readable text, keyboard focus, and generous touch targets. */
.skip-link{position:fixed;z-index:20;left:16px;top:-80px;padding:12px 18px;background:#fbf6e7;color:#243f37;border:2px solid #243f37;border-radius:5px}.skip-link:focus{top:12px}.icon-button{min-width:44px;min-height:44px}.input-row input{font-size:16px}.input-row button{min-height:44px}.primary{background:#a7442c;border-color:#7d3524;box-shadow:0 4px 0 #783423;min-height:48px}.primary:hover{background:#923b28;box-shadow:0 5px 0 #783423}.primary:active{box-shadow:0 1px 0 #783423}.quiet-button{min-height:44px;font-size:12px}.home-meta{font-size:10px}.subnote{font-size:11px}.score-badge>span,#round-label{font-size:10px}.score-breakdown{font-size:11px!important;margin:8px auto!important;color:var(--soft-ink)}.reveal-heading{top:22%}.reveal-heading>p:last-child{max-width:570px;margin-top:12px}.bottom-action{gap:10px;bottom:5%}.bottom-action .small{font-size:11px;padding:0}.journey-result{font-size:12px;line-height:1.6;margin:10px auto 0;max-width:400px;color:var(--soft-ink)}.results-heading{top:18%}.result-actions{bottom:4%}.spelling-options button{min-height:44px;padding:10px 14px}dialog label{display:block;font-size:12px;margin-bottom:8px}#report-note{width:100%;padding:10px;border:1px solid #a1af94;background:#fffdf3;border-radius:5px;font:16px 'DM Sans',sans-serif;color:#243f37;resize:vertical;min-height:88px}dialog .primary{width:100%;margin-top:14px}#game-main:focus,#result-title:focus{outline:none}#toast{max-width:calc(100vw - 32px);white-space:normal;text-align:center;line-height:1.5}.connect{flex-wrap:wrap;row-gap:4px;max-width:calc(100vw - 40px);margin-left:auto;margin-right:auto}.connect>span:not(.plus){overflow-wrap:anywhere}.result-actions .quiet-button{margin-top:6px}
@media(max-width:600px){.topbar{top:16px;left:18px;right:18px}.hud{top:82px}.home-meta{font-size:9px;letter-spacing:.6px;gap:7px}.home-title>p{font-size:13px}.reveal-heading{top:23%}.reveal-score{font-size:70px}.reveal-heading h2{font-size:23px}.reveal-heading>p:last-child{font-size:12px;max-width:330px}.bottom-action{bottom:max(3%,env(safe-area-inset-bottom));gap:8px}.result-actions{bottom:max(3%,env(safe-area-inset-bottom))}.results-heading{top:20%}.journey-result{max-width:290px;font-size:12px}.results-heading h2{font-size:25px}.connect{font-size:clamp(27px,8.7vw,36px);gap:12px}.answer-dock{bottom:max(7%,env(safe-area-inset-bottom))}.input-row input{font-size:16px}.spelling-options{gap:6px}}
@media(max-height:680px){.home-title h1{font-size:76px}.home-title>p{margin-top:15px}.home-title .eyebrow{margin-bottom:16px}.home-actions{bottom:3%}.reveal-heading{top:21%}.reveal-score{font-size:58px}.reveal-heading h2{font-size:21px}.reveal-heading>p:last-child{margin-top:8px;font-size:11px}.bottom-action{bottom:2%;gap:5px}.results-heading{top:17%}.results-heading h2{font-size:23px;margin:10px 0 5px}.final-score{font-size:56px}.journey-result{margin-top:5px;font-size:11px}.route-summary{margin-top:10px}.result-actions{bottom:2%}.primary{padding:12px 23px}}
@media(max-height:480px){.screen{min-height:600px}.world-backdrop{min-height:600px}.topbar{position:absolute}.answer-dock{bottom:20px}.home-actions,.bottom-action,.result-actions{bottom:15px}}

.quiet-button,.subnote,.home-meta,#message{color:var(--ground-ink,#243f37)}
dialog p{color:#4b6046}dialog .fine{color:#54674c!important;font-size:11px!important;line-height:1.75}dialog .back,.round-log-item details{color:#4d6545}

.sound-button{position:absolute;right:56px;top:0}.sound-slash{display:none}.sound-button[data-muted="true"] .sound-waves{display:none}.sound-button[data-muted="true"] .sound-slash{display:block}

/* Clear scoring, in the existing palette. */
.score-target{font-size:13px;color:var(--soft-ink);margin:14px 0}.round-examples{max-width:380px;margin:16px auto 0}.round-examples>p{font-size:12px;margin:0 0 6px;color:var(--soft-ink)}.round-examples ol{list-style:none;padding:0;margin:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.round-examples li{display:flex;gap:10px;font-size:13px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:5px;padding:8px 10px}.round-examples strong{font-weight:600}

.share-preview{font:12px/1.6 'DM Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;max-width:350px;width:100%;margin:6px auto 10px;padding:12px 14px;background:color-mix(in srgb,var(--horizon) 75%,transparent);border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:6px;color:var(--ink)}

.daily-return{margin-top:4px}.daily-return .quiet-button{font-size:12px;min-height:36px;padding:2px 8px}.next-journey{font-size:12px;color:var(--soft-ink);margin:5px 0;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 12px;margin:22px 0}.stats-grid div{display:flex;flex-direction:column;gap:6px}.stats-grid strong{font:28px 'Space Grotesk',sans-serif}.stats-grid span{font-size:12px;color:#536e46}.result-actions .next-journey{margin:2px 0}

/* Phone-first controls; the scenery keeps its existing viewport and artwork. */
.score-badge>span,#round-label{font-size:12px}.eyebrow{font-size:12px}.home-meta{font-size:11px;flex-wrap:wrap;justify-content:center;white-space:normal}.subnote,#message,.travel-heading>p:last-child{font-size:13px}.quiet-button,.bottom-action .small,.result-actions .small{font-size:14px}#report-answer{font-size:14px;min-height:44px}.score-breakdown{font-size:14px!important}.reveal-heading .spelling-note{font-size:12px}.avoid-line{font-size:14px}.input-row{padding:8px}.input-row input{font-size:18px;min-height:54px;padding:12px 14px}.input-row input::placeholder{font-size:15px}.input-row button{min-width:64px;font-size:13px}.sound-button{right:54px}.small-brand{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.home-screen{padding:calc(100svh * .74) 0 24px}.home-actions{position:static;padding:0 20px}.home-actions .quiet-button{margin-top:2px}.home-meta{margin-top:18px}.daily-return{margin-top:0}.daily-return .quiet-button{font-size:13px;min-height:36px}
.play-screen{min-height:var(--play-height,100svh);padding:clamp(155px,24svh,200px) 20px 24px;display:flex;align-items:center;flex-direction:column;gap:14px}.play-screen .prompt-panel{position:static;width:100%;max-width:650px}.play-screen .answer-dock,.play-screen .answer-dock:has(.spelling-options:not([hidden])){position:static;width:100%;max-width:560px;margin:0}.play-screen .connect{margin:12px auto 16px}.play-screen .score-target{margin:14px 0 0}.play-screen .eyebrow{margin:0}.play-screen #message{margin:8px 0 0;line-height:1.4}.play-screen .spelling-options{margin-top:8px}
.reveal-screen{padding:145px 20px 24px}.reveal-heading{position:static}.reveal-heading .eyebrow{margin:0 0 8px}.reveal-score{font-size:64px;margin:0;line-height:1}.reveal-heading h2{margin-top:10px}.reveal-heading #reaction{font-size:14px;line-height:1.5;max-width:510px;margin:12px auto}.bottom-action{position:static;margin-top:24px;gap:9px}.reveal-heading .score-breakdown{line-height:1.5}.round-examples{margin-top:16px}
.results-screen{padding:108px 20px 28px}.results-heading,.result-actions{position:static}.results-heading h2{margin:12px 0 6px}.final-score{font-size:64px}.results-heading .journey-result{font-size:14px;margin-top:8px}.result-actions{margin-top:24px}.result-actions .next-journey{font-size:13px}.results-heading .eyebrow{font-size:11px}.route-summary{margin-top:14px}.result-actions .quiet-button{min-height:42px;margin-top:0}.share-preview{margin:2px auto 8px}.result-stop{width:34px;height:34px;font-size:12px}
dialog{max-width:430px;max-height:calc(100dvh - 32px)}dialog p,dialog label,.round-log-item details,.round-log-item summary,dialog .log-prompt,.log-heading{font-size:14px}dialog .fine{font-size:12px!important;line-height:1.65}.round-log-item .log-response{font-size:14px;line-height:1.7}.modal-options button{min-height:44px;font-size:14px}.round-examples li{background:color-mix(in srgb,var(--horizon) 78%,transparent)}
@media(max-width:600px){.small-brand{font-size:16px;left:46%}.small-brand span{font-size:12px;margin-left:3px}.play-screen{padding-top:165px}.play-screen .connect{font-size:clamp(29px,8.7vw,36px)}.reveal-screen{padding-top:148px}.reveal-heading #reaction{max-width:340px}.reveal-score{font-size:58px}.round-examples li{font-size:12px;padding:7px 8px;gap:6px}.round-examples>p{font-size:12px}.bottom-action{margin-top:22px}.home-title .eyebrow{font-size:11px}.home-title>p{font-size:14px}.home-actions .quiet-button{font-size:13px}.results-screen{padding-top:98px}.results-heading h2{font-size:25px}.results-heading .eyebrow{font-size:10px}.input-row input{min-width:0}.home-actions .daily-return{margin-top:2px}.home-meta{gap:6px;font-size:10px}.home-actions .next-journey{font-size:12px}.reveal-heading .spelling-note{font-size:12px}}
@media(max-height:600px){.play-screen{min-height:var(--play-height,100svh);padding-top:130px;padding-bottom:16px;gap:12px}.play-screen .connect{font-size:30px;margin:8px auto 10px}.play-screen .avoid-line strong{font-size:21px}.play-screen .score-target{margin-top:9px}.play-screen .input-row input{min-height:46px}.play-screen .input-row{padding:6px}.play-screen .prompt-panel>.eyebrow{font-size:11px}.reveal-screen{padding-top:135px}.home-screen{padding-top:calc(100svh * .74)}.results-screen{padding-top:90px}}
@media(max-width:360px){.small-brand{left:43%;font-size:14px}.topbar{left:14px;right:14px}.hud{left:20px;right:20px}.play-screen{padding-left:16px;padding-right:16px}.score-badge{min-width:60px}#round-label{font-size:11px}.round-examples ol{gap:5px}.round-examples li{font-size:12px;gap:5px}}

.scoring-rules{padding-left:20px;margin:16px 0 24px;font-size:14px;line-height:1.75;color:#536e46}.scoring-rules li+li{margin-top:14px}
.reveal-screen{display:flex;flex-direction:column;min-height:100svh}.reveal-screen .bottom-action{margin-top:auto;padding-top:24px}

.live-note,.daily-comparison{font-size:13px;line-height:1.6;color:var(--soft-ink);max-width:520px;margin:12px auto}.daily-comparison p{margin:6px 0}.reveal-heading .live-note{font-size:12px;max-width:440px}.results-screen #retry-live{display:block;margin:auto}#end-freeplay{margin-top:8px}.round-examples{margin-top:12px}



.share-preview a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Fit the renamed wordmark without changing the scene. */
.home-title h1{font-size:clamp(70px,21vw,108px);letter-spacing:-.07em}

.brand-star{width:1em;height:1em;display:inline-block;vertical-align:middle}
#toast:empty{display:none}
.sound-button .sound-caption{position:absolute;top:calc(100% + 3px);left:0;width:100%;height:auto;background:none;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.6px;text-align:center;color:var(--ink)}
/* The same scene and form stay in place while the keyboard opens. */
@media(max-width:600px){
 .world-backdrop{height:var(--journey-height,100svh);bottom:auto}
 .play-screen{min-height:var(--journey-height,100svh);padding-top:clamp(130px,calc(var(--journey-height,100svh)*.24),165px);gap:14px;transform:translate3d(0,var(--answer-shift,0px),0);transition:transform .22s cubic-bezier(.2,.65,.3,1)}
 .play-screen.enter{animation:none}
 .play-screen .connect{font-size:clamp(29px,8.7vw,36px);margin:12px auto 16px}
 .play-screen .avoid-line strong{font-size:23px}
 .play-screen .score-target{margin-top:14px}
 .play-screen .input-row{padding:8px}
 .play-screen .input-row input{min-height:54px;font-size:18px}
 .topbar,.hud{transition:opacity .18s ease}
 body[data-keyboard="true"][data-screen="play"] .topbar,body[data-keyboard="true"][data-screen="play"] .hud{opacity:0;pointer-events:none}
 body[data-keyboard="true"] #end-freeplay{opacity:0;pointer-events:none}
}

/* Keep the ride uncluttered; detailed answers belong in the final review. */
#revealed-word:focus,#review-title:focus{outline:none}
.journey-review{--ink:#243f37;--soft-ink:#536e46;--ground-ink:#536e46;max-width:620px;margin:32px auto 0;padding:24px;text-align:left;background:#fbf7e9;color:#243f37;border-radius:8px;scroll-margin-top:20px}
.journey-review>h2{font:500 26px 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:0 0 10px}
.journey-review p{font-size:14px;line-height:1.65;color:#40594a;margin:8px 0}
.journey-review .log-heading{font-size:14px;line-height:1.5;align-items:baseline}
.journey-review .log-heading strong{color:#a7442c;white-space:nowrap}
.journey-review .log-response{font:500 21px 'Space Grotesk',sans-serif;color:#243f37;overflow-wrap:anywhere;margin-top:14px}
.journey-review .log-breakdown{font-size:13px}
.journey-review .log-example-title{font-size:13px;margin-top:18px}
.review-examples{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.review-examples li{padding:10px 8px;border:1px solid #c4cdb6;border-radius:5px;font-size:13px;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere;color:#243f37}
.review-examples strong{font-weight:600}
.journey-review .quiet-button{color:#536e46;font-size:13px;margin-top:6px}
@media(max-width:600px){.journey-review{padding:20px 16px;margin-top:26px}.journey-review>h2{font-size:23px}.review-examples{gap:6px}.review-examples li{padding:9px 6px;font-size:12px}}