:root{--ink:#183c32;--muted:#647568;--paper:#f7f6ed;--line:#d9dfd0;--gold:#c88c40;--green:#244d3c;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b57b30;outline-offset:4px}button{border:1px solid var(--line);border-radius:8px;background:transparent;padding:9px 14px}button:hover:not(:disabled){background:#e8edde}button:active:not(:disabled){transform:translateY(1px)}main{max-width:1160px;margin:auto;padding:0 34px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);text-decoration:none;font-size:10px;letter-spacing:2px;font-weight:700;display:flex;gap:10px;align-items:center}.mark{font:bold italic 23px var(--serif);border:1px solid var(--ink);border-radius:50%;height:30px;width:30px;text-align:center;line-height:27px}.header-buttons{display:flex;gap:8px}.header-buttons button{font-size:12px;border:0}.header-buttons span{display:inline-block;border:1px solid var(--line);border-radius:50%;width:19px;margin-left:6px}.intro{padding:34px 0 28px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 8px;color:var(--muted)}h1{font:normal clamp(40px,5.5vw,66px)/1.02 var(--serif);letter-spacing:-2px;margin:0}h1 em{color:var(--gold);font-weight:normal}h1 span{display:block;font:10px/1.5 -apple-system,sans-serif;letter-spacing:5.2px;margin-top:14px;color:var(--muted)}.intro-copy{font:18px/1.6 var(--serif);color:#6a786b;margin:0}.game{border:1px solid #cbd6c6;border-radius:15px;background:#fdfcf6;box-shadow:0 18px 45px #3447310b;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 26px}.topbar .eyebrow{font-size:9px;margin:0 0 4px}h2{font:normal 25px/1.25 var(--serif);margin:0}.score{display:grid;grid-template-columns:auto auto 1px auto auto;gap:9px;align-items:center}.score>span{font:28px var(--serif)}.score small{font-size:8px;letter-spacing:1px;max-width:26px;line-height:1.4;color:var(--muted)}.score i{height:28px;background:var(--line);margin:0 12px}.playfield{position:relative;background:linear-gradient(0deg,#102e2ada,#1b483a24 68%),url('forest.webp') center 67%/cover;isolation:isolate}.playfield:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102e2a55,transparent 50%);z-index:-1}#board{display:block;width:100%;height:auto;min-height:250px;max-height:390px;overflow:visible}.scene-label{position:absolute;top:20px;left:25px;display:flex;gap:8px;align-items:center;color:#f5f4d7;font-size:11px;letter-spacing:.5px;background:#102e2a88;border:1px solid #ffffff22;border-radius:50px;padding:5px 12px}.live-dot{height:6px;width:6px;background:#e6bb62;border-radius:50%;box-shadow:0 0 10px #d9b752}.goal-note{position:absolute;top:24px;right:24px;color:#f4f0d2;font-size:10px;letter-spacing:.6px}.scene-bottom{display:flex;justify-content:space-between;position:absolute;bottom:12px;left:25px;right:25px;color:#e0e8d1;font-size:8px;letter-spacing:2px}.scene-bottom b{color:#d7bb76;font-weight:400}#terrain text{fill:#f0f3db;font-size:12px;text-anchor:middle;font-family:monospace}#rear-foot,#front-foot{fill:#e5c777;stroke:#234e3b;stroke-width:2}#rear-label,#front-label{font:10px sans-serif;text-anchor:middle;fill:#fff8d8;paint-order:stroke;stroke:#193d32;stroke-width:4px}#sprite{filter:url(#shadow)}.note{padding:14px 26px;background:#eef2e5;color:#546b54;font-size:12px;border-bottom:1px solid #dce3d2;min-height:48px}.control-panel{display:grid;grid-template-columns:1fr 1.35fr;gap:26px;padding:20px 26px 0}.control-panel .eyebrow{font-size:8px;letter-spacing:1.3px}.segmented{display:flex;gap:4px;background:#edf0e5;border:1px solid #dde3d3;padding:4px;border-radius:10px;min-height:67px;align-items:stretch}.segmented button{flex:1;border:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;padding:10px 8px}.segmented button[aria-pressed=true]{background:var(--green);color:#fff9df;box-shadow:0 3px 6px #173d2b18}.foot-icon{font:bold 12px var(--serif);border:1px solid currentColor;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}kbd{font:9px monospace;opacity:.6;border:1px solid currentColor;border-radius:3px;padding:1px 4px;margin-left:3px;line-height:1.2}.weather-buttons{display:flex;gap:10px}.weather-buttons button{flex:1;text-align:left;padding:11px 15px;min-height:67px;position:relative}.weather-buttons strong{font-size:14px;font-weight:500;display:block}.weather-buttons span{display:block;font-size:10px;margin-top:4px;opacity:.7}.weather-buttons kbd{float:right}.mist{background:#e1eded;border-color:#cedede}.sun{background:#f6eacb;border-color:#e4d7ae}.feedback{padding:13px 26px;color:#5c735d;font-size:12px;min-height:45px}.feedback.error{color:#9b5635}.tools{display:flex;justify-content:space-between;padding:12px 26px 17px;border-top:1px solid #e7e9de}.tools>div{display:flex;gap:5px}.tools button{font-size:11px;border:0;padding:7px 9px}.win{margin:0 26px 20px;padding:20px;background:#e7edda;border:1px solid #cbd7b6;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.win[hidden]{display:none}.win h3{font:26px var(--serif);margin:0}.win p{margin:5px 0 0;font-size:12px}.win .eyebrow{font-size:8px;letter-spacing:1px;margin:0 0 6px}.win button,.primary{background:#244d3c;color:#fffbe7;border:0;font-size:12px;padding:12px 20px}.win button:hover,.primary:hover{background:#346348!important}.pathbook{padding:30px 0 22px}.pathbook-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pathbook h2{font-size:23px}.pathbook-title span{font-size:11px;color:var(--muted)}.levels{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.levels button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:69px;padding:6px;background:#f0f1e6}.levels button[aria-current=true]{border-color:#4a7056;background:#e0e8d6;box-shadow:inset 0 0 0 1px #4a7056}.levels .num{font:20px var(--serif)}.levels .leaves{font-size:10px;letter-spacing:2px;color:#ab853e;height:13px;line-height:13px}.pathbook>p{font-size:10px;color:var(--muted);margin:13px 0 0}footer{display:flex;justify-content:space-between;gap:10px;padding:19px 0 27px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}footer p{letter-spacing:1.2px;margin:5px 0}footer>div{display:flex;align-items:center;gap:12px}footer button{padding:4px 0;border:0;font-size:10px;text-decoration:underline}dialog{border:1px solid #c9d3bb;box-shadow:0 25px 120px #0b2a2bbb;border-radius:15px;max-width:600px;width:calc(100% - 28px);max-height:88vh;padding:34px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#12332999;backdrop-filter:blur(5px)}dialog h2{font-size:36px;letter-spacing:-1px;margin:12px 0 22px}dialog p,dialog li{font-size:13px;line-height:1.7}dialog li{padding:4px 0}dialog ol{padding-left:20px}.close{position:absolute;right:12px;top:10px;font-size:23px;border:0;padding:0 10px}.guide-seed{width:150px;float:right;margin:0 0 10px 20px}.guide-tiles{background:#e9eddf;padding:8px 16px;border-radius:8px}.guide-tiles p{margin:3px 0;font-size:12px}dialog a{color:#38714e;text-underline-offset:3px}.primary{margin-top:12px}@media(max-width:720px){main{padding:0 15px}header{padding:17px 0}.wordmark{font-size:8px;letter-spacing:1px}.header-buttons{gap:0}.header-buttons button{font-size:10px;padding:6px}.intro{padding:26px 0 22px}.intro-copy{font-size:13px}.eyebrow{font-size:8px}h1{font-size:44px}h1 span{font-size:8px;letter-spacing:4px}.topbar{padding:15px 17px}.topbar h2{font-size:21px}.score{gap:5px}.score>span{font-size:24px}.score i{margin:0 5px}.score small{font-size:7px}.scene-label{left:15px;top:13px;font-size:9px}.goal-note{right:15px;top:18px;font-size:8px;max-width:138px;text-align:right}.scene-bottom{left:15px;right:15px;font-size:7px;letter-spacing:1px}.note{padding:12px 17px;font-size:11px}.control-panel{padding:17px 17px 0;grid-template-columns:1fr;gap:14px}.segmented{min-height:48px}.segmented button{padding:8px}.weather-buttons button{min-height:66px}.feedback{padding:12px 17px;font-size:11px}.tools{padding:10px 12px 12px}.tools button{padding:7px 5px;font-size:10px}.levels{grid-template-columns:repeat(5,1fr);gap:7px}.levels button{height:57px}.pathbook{padding-top:24px}.pathbook h2{font-size:21px}.win{margin:0 17px 17px;padding:16px}.win h3{font-size:23px}.win button{padding:10px;white-space:nowrap}.win .eyebrow{font-size:7px}.win p{font-size:10px}footer{flex-direction:column;font-size:8px}footer>div{justify-content:space-between}.pathbook>p{font-size:9px}dialog{padding:26px}dialog h2{font-size:30px}}@media(max-width:420px){.intro-copy{font-size:11px}.intro .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:38px}.topbar h2{font-size:19px}.score{gap:4px}.score i{margin:0 3px}kbd{display:none}.goal-note{font-size:7px;max-width:115px}#board{min-height:225px}.scene-label{font-size:8px}.scene-bottom{font-size:6px}.guide-seed{width:110px}.win{align-items:flex-start}.win h3{font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:720px){.segmented button{min-height:44px}}