@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@1,9..144,600&display=swap');
:root{--ink:#13271f;--muted:#68766f;--paper:#fbfaf5;--lime:#d9ff43;--green:#173c2e;--red:#b9382f;--line:#dfe4dc}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:'DM Sans',sans-serif;color:var(--ink);background:#dfe7dd}button,a{font:inherit}.skip-link{position:fixed;z-index:99;top:-60px;left:12px;background:#fff;padding:10px}.skip-link:focus{top:12px}.game-shell,#map{position:absolute;inset:0}#map{background:#d9e2da}.maplibregl-canvas{filter:saturate(.72) contrast(.95)}.topbar{position:fixed;z-index:3;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:19px 26px;pointer-events:none}.wordmark,.place{pointer-events:auto;background:rgba(251,250,245,.94);box-shadow:0 8px 25px #1933261a;border:1px solid #fff;border-radius:999px;padding:8px 13px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.02em}.wordmark span{display:inline-grid;place-items:center;margin-right:7px;width:23px;height:23px;border-radius:50%;background:var(--green);color:var(--lime);font-size:9px}.place{display:flex;align-items:center;gap:7px}.place small{color:var(--muted);font-weight:500}.place-dot{width:7px;height:7px;border-radius:50%;background:#ed754d}.panel{position:fixed;z-index:4;top:74px;left:26px;width:min(390px,calc(100vw - 52px));max-height:calc(100vh - 132px);overflow:auto;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(251,250,245,.96);box-shadow:0 24px 70px #17332635;backdrop-filter:blur(16px)}.state{padding:25px}.state-center{text-align:center;padding:36px 29px}.eyebrow{margin:0 0 10px;color:#7b887e;font-size:10px;font-weight:700;letter-spacing:.16em}.state h1{font-size:27px;line-height:1.08;margin:12px 0 4px}.state-center h1{font:600 italic 35px/1 'Fraunces',serif;margin:12px 0}.intro{margin:14px auto 24px;max-width:280px;line-height:1.55;color:var(--muted)}.street-glyph{position:relative;width:74px;height:58px;margin:0 auto 22px;transform:rotate(-22deg)}.street-glyph i{position:absolute;display:block;border-radius:999px;background:var(--green)}.street-glyph i:nth-child(1){width:70px;height:8px;top:24px}.street-glyph i:nth-child(2){width:52px;height:8px;top:7px;left:8px}.street-glyph i:nth-child(3){width:48px;height:8px;top:41px;left:12px}.loading-copy{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.spinner{width:13px;height:13px;border:2px solid #bdc6bf;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{border:0;cursor:pointer}.primary{width:100%;min-height:49px;border-radius:12px;background:var(--green);color:#fff;font-weight:700;transition:.18s transform,.18s background}.primary:hover{background:#245b45;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #1573d2;outline-offset:3px}.scoreline{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.scoreline b{color:var(--ink)}.progress{height:4px;margin:11px 0 15px;background:#e1e5df;border-radius:99px;overflow:hidden}.progress i{display:block;width:10%;height:100%;background:var(--green);transition:width .3s}.streak{font-size:12px;color:#9a541d}.prompt-hint{margin:0 0 17px;color:var(--muted);font-size:12px}.answers{display:grid;gap:8px}.answer{position:relative;width:100%;min-height:47px;padding:11px 42px 11px 14px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-weight:600}.answer:hover:not(:disabled){border-color:#9caa9f;background:#f6f8f2}.answer kbd{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #d8ddd7;border-radius:6px;color:#839087;font:500 11px inherit}.answer.correct{border-color:#2f7755;background:#e8f4ec}.answer.wrong{border-color:#c95951;background:#fae9e7}.answer.dimmed{opacity:.33}.answer:disabled{cursor:default}.hint{margin-top:13px;padding:8px 0;background:transparent;color:#5d6d63;font-size:12px;font-weight:700}.hint:disabled{opacity:.35}.feedback{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.5}.feedback.good{background:#e5f4e9;color:#19533a}.feedback.bad{background:#f9e9e7;color:#7f2923}.next{margin-top:11px}.result-place{margin:5px 0 19px;color:var(--muted)}.result-score{display:flex;align-items:baseline;justify-content:center;gap:13px}.result-score strong{font-size:40px}.result-score span{font-size:18px;color:var(--muted)}.best{margin:12px 0}.result-message{color:var(--muted)}.final-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.secondary{min-height:47px;border:1px solid #cdd5cd;border-radius:12px;background:#fff;color:var(--ink);font-weight:700}.wide{grid-column:1/-1}.secondary:hover{background:#f0f4ed}.share-status{min-height:20px;margin:10px 0 0;color:#397054;font-size:12px}.map-key{position:fixed;z-index:3;right:26px;bottom:48px;padding:9px 12px;border-radius:9px;background:#fff;color:#536159;box-shadow:0 7px 20px #263a2c1f;font-size:11px}.map-key i{display:inline-block;width:24px;height:5px;margin-right:7px;border-radius:9px;background:var(--lime);box-shadow:0 0 0 2px var(--green);vertical-align:middle}footer{position:fixed;z-index:3;bottom:17px;left:50%;transform:translateX(-50%);font-size:10px;color:#5b665f;text-shadow:0 1px #fff}footer a{color:inherit}.maplibregl-ctrl-bottom-right{bottom:35px}.target-label{padding:6px 9px;border-radius:7px;background:var(--green);color:#fff;font:700 12px 'DM Sans',sans-serif;box-shadow:0 4px 12px #14281e55}
@media(max-width:650px){.topbar{padding:10px 12px}.wordmark{padding:6px 10px}.wordmark>span{width:20px;height:20px}.place{padding:8px 10px}.place small{display:none}.panel{top:auto;left:8px;right:8px;bottom:30px;width:auto;max-height:58vh;border-radius:19px}.state{padding:18px}.state-center{padding:25px 21px}.state-center h1{font-size:31px}.intro{margin:10px auto 18px}.answers{grid-template-columns:1fr 1fr}.answer{min-height:56px;padding:9px 30px 9px 10px;font-size:13px}.answer kbd{right:7px;top:15px}.map-key{display:none}footer{bottom:8px;width:100%;text-align:center}.maplibregl-ctrl-bottom-right{display:none}.scoreline{font-size:11px}.state h1{font-size:23px;margin-top:8px}.streak{position:absolute;top:47px;right:18px}.final-actions{margin-top:15px}}
@media(max-width:380px){.answers{gap:6px}.answer{font-size:12px}.panel{max-height:64vh}.state{padding:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.question-tools{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.question-tools .hint{margin-top:0}.recenter{padding:8px 0;background:transparent;color:#295a46;font-size:12px;font-weight:700}.recenter:hover{text-decoration:underline}
.map-locked .maplibregl-ctrl-group{pointer-events:none;opacity:.38}.map-locked .maplibregl-canvas{cursor:default}
.zone-target{position:fixed;z-index:2;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);border:2px solid #173c2ecc;border-radius:50%;background:#d9ff4321;box-shadow:0 0 0 1px #fff8,0 8px 28px #173c2e24;pointer-events:none}.zone-target[hidden]{display:none}.zone-target:before,.zone-target:after{content:"";position:absolute;left:50%;top:50%;background:var(--green);transform:translate(-50%,-50%)}.zone-target:before{width:22px;height:2px}.zone-target:after{width:2px;height:22px}.zone-target span{position:absolute;inset:50%;width:8px;height:8px;transform:translate(-50%,-50%);border:2px solid var(--paper);border-radius:50%;background:var(--green)}.zone-scale{display:block;min-height:18px;margin:-4px 0 2px;color:#7b887e;font-size:11px}.primary:disabled{cursor:not-allowed;opacity:.42;transform:none}.zone-actions>p{line-height:1.45}
@media(max-width:650px){.zone-target{top:34%;width:96px;height:96px}}
.welcome-actions,.zone-actions{display:grid;gap:9px}.welcome-actions[hidden],.zone-actions[hidden]{display:none}.zone-actions>p{margin:0 0 2px;color:var(--muted);font-size:13px}.zone-choice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-align:left}.zone-choice:hover{border-color:#9caa9f;background:#f6f8f2}.zone-choice b{font-size:14px}.zone-choice span{color:var(--muted);font-size:12px;line-height:1.35}.text-button{padding:8px;background:transparent;color:var(--muted);font-weight:600}.text-button.danger{color:#9b352e}.loading-copy{min-height:22px;line-height:1.45}.loading-copy[hidden]{display:none}.loading-copy.is-error{padding:11px;border-radius:10px;background:#f9e9e7;color:#7f2923}.loading-copy.is-ready .spinner{display:none}
.learning-progress{height:8px;margin:18px 0 8px;overflow:hidden;border-radius:99px;background:#e1e5df}.learning-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .3s}.learning-mastery{margin:7px 0 17px;color:var(--muted);font-size:13px}.learning-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 16px}.learning-counts span{padding:10px 5px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:10px;line-height:1.3}.learning-counts b{display:block;margin-bottom:2px;color:var(--ink);font-size:19px}.learning-due{margin:0 0 17px;padding:11px;border-radius:10px;background:#eef4e9;color:#315843;font-size:12px;font-weight:600;line-height:1.4}.learning-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.learning-actions .primary,.learning-actions .secondary,.learning-actions .wide{grid-column:1/-1}.learning-actions .text-button:not(.wide){grid-column:auto}.learning-actions+.loading-copy{margin-top:12px}
@media(max-width:650px){.welcome-actions{gap:7px}.zone-choice{min-height:58px;padding:10px 12px}.learning-counts{gap:5px}.learning-counts span{padding:8px 3px}.learning-actions button{min-height:44px}}
.topbar-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.language-switch{display:flex;align-items:center;gap:3px;padding:5px 8px;border:1px solid #fff;border-radius:999px;background:rgba(251,250,245,.94);box-shadow:0 8px 25px #1933261a;pointer-events:auto}.language-switch button{min-width:30px;padding:4px 5px;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.language-switch button.is-active{background:var(--green);color:#fff}.language-switch span{color:#aeb8b0}.learning-counts i{font-style:normal}
@media(max-width:650px){.topbar-actions{gap:5px}.topbar-actions .place{display:none}.language-switch{padding:4px 6px}}