:root{--ed-paper: #f5f2ec;--ed-paper-warm: #ece7dc;--ed-ink: #141414;--ed-ink-soft: #6e6960;--ed-ink-faint: #a8a298;--ed-ocean: #ffffff;--ed-land: #e6e1d3;--ed-land-deep: #d4cdb8;--ed-border: #bcb4a0;--ed-accent: #ec4a2a;--ed-accent-light: #ffd8cc;--ed-ok: #1f7a3a;--ed-ok-light: #bfe7c8;--ed-warn: #c98a14;--ed-warn-light: #f0e0b8;--ed-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--ed-body: "DM Sans", system-ui, -apple-system, sans-serif;--ed-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ed-t-capital: 700 60px/.9 var(--ed-display);--ed-t-country: 400 24px/1 var(--ed-display);--ed-t-eyebrow: 500 10px/1 var(--ed-mono);--ed-t-score: 700 38px/.95 var(--ed-display);--ed-t-score-label: 500 10px/1 var(--ed-mono);--ed-t-button: 500 11px/1 var(--ed-mono);--ed-t-toast-value: 700 24px/1 var(--ed-display);--ed-t-toast-detail: 500 10px/1 var(--ed-mono);--ed-t-pin-label: 700 14px/1 var(--ed-display);--ed-t-pin-label-lg: 700 18px/1 var(--ed-display);--ed-t-body: 400 14px/1.5 var(--ed-body);--ed-t-caption: 400 11px/1.5 var(--ed-mono);--ed-track-capital: -.035em;--ed-track-country: -.02em;--ed-track-score: -.03em;--ed-track-toast: -.02em;--ed-track-mono: .18em;--ed-track-mono-tight: .08em;--ed-space-1: 4px;--ed-space-2: 8px;--ed-space-3: 12px;--ed-space-4: 16px;--ed-space-5: 24px;--ed-space-6: 36px;--ed-space-7: 44px;--ed-space-8: 64px;--ed-topbar-h: 112px;--ed-topbar-px: 44px;--ed-r-pill: 999px;--ed-r-tag: 2px;--ed-r-card: 0px;--ed-rule: 1px solid var(--ed-ink);--ed-rule-soft: 1px solid rgba(20,20,20,.13);--ed-toast-shadow: 0 8px 24px rgba(0,0,0,.18);--ed-toast-halo-w: 4px;--ed-dur-fast: .14s;--ed-dur-base: .22s;--ed-dur-toast: 2.2s;--ed-dur-reveal: .6s;--ed-ease-out: cubic-bezier(.2, .8, .2, 1);--ed-ease-in: cubic-bezier(.6, 0, .8, 1);--ed-ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ed-paper);color:var(--ed-ink);font:var(--ed-t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer}h1,h2{margin:0;font-weight:400}.screen{display:none}.screen.active{display:flex;flex-direction:column}.screen.play.active{display:grid}.play{display:grid;grid-template-rows:var(--ed-topbar-h) 1fr;min-height:100dvh;background:var(--ed-paper)}.topbar{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--ed-space-6);padding:0 var(--ed-topbar-px);border-bottom:var(--ed-rule);overflow:hidden}.topbar__lead{display:flex;flex-direction:column;gap:0;min-width:0}.map{position:relative;overflow:hidden}.toast-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.reveal-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.eyebrow{display:flex;align-items:center;gap:var(--ed-space-2);font:var(--ed-t-eyebrow);letter-spacing:var(--ed-track-mono);text-transform:uppercase;color:var(--ed-ink-soft);white-space:nowrap}.eyebrow__dot{width:7px;height:7px;border-radius:999px;background:var(--ed-accent);flex-shrink:0}.prompt{margin:4px 0 0;display:flex;align-items:baseline;gap:16px;min-width:0}.prompt__capital{font:var(--ed-t-capital);letter-spacing:var(--ed-track-capital);color:var(--ed-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt__country{font:var(--ed-t-country);letter-spacing:var(--ed-track-country);color:var(--ed-ink-faint);white-space:nowrap}.prompt__country[hidden]{display:none}@keyframes ed-prompt-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.prompt__capital--enter{animation:ed-prompt-in var(--ed-dur-base) var(--ed-ease-out) both}.progress{list-style:none;padding:0;margin:0;display:flex;gap:var(--ed-space-1);align-items:center}.progress__seg{width:28px;height:4px;border-radius:var(--ed-r-tag);background:var(--ed-paper-warm);border:1px solid rgba(168,162,152,.33);transition:background var(--ed-dur-base) var(--ed-ease-out),border-color var(--ed-dur-base) var(--ed-ease-out)}.progress__seg--done{background:var(--ed-ink);border-color:transparent}.progress__seg--current{background:var(--ed-accent);border-color:transparent}.progress--count{font:var(--ed-t-eyebrow);letter-spacing:var(--ed-track-mono);text-transform:uppercase;color:var(--ed-ink-soft)}.score{display:flex;flex-direction:column;align-items:flex-end;padding-left:var(--ed-space-5);margin-left:var(--ed-space-3);border-left:var(--ed-rule-soft);flex-shrink:0}.score__label{font:var(--ed-t-score-label);letter-spacing:var(--ed-track-mono);text-transform:uppercase;color:var(--ed-ink-soft);margin-bottom:2px}.score__value{font:var(--ed-t-score);letter-spacing:var(--ed-track-score);font-variant-numeric:tabular-nums;color:var(--ed-ink)}.score__value[data-sign=negative]{color:var(--ed-accent)}@keyframes ed-score-in{0%{opacity:.3}to{opacity:1}}.score__value--enter{animation:ed-score-in var(--ed-dur-base) var(--ed-ease-out) both}.btn--giveup{padding:11px 18px;background:var(--ed-ink);color:var(--ed-paper);border:0;font:var(--ed-t-button);letter-spacing:var(--ed-track-mono);text-transform:uppercase;cursor:pointer;flex-shrink:0;transition:background var(--ed-dur-fast) var(--ed-ease-out),transform var(--ed-dur-fast) var(--ed-ease-out)}.btn--giveup:hover{background:#2a2a2a}.btn--giveup:active{transform:translateY(1px)}.btn--giveup:focus-visible{outline:2px solid var(--ed-accent);outline-offset:2px}.worldmap{width:100%;height:100%;display:block;cursor:crosshair}.worldmap__ocean{fill:var(--ed-ocean)}.country{fill:var(--ed-land);stroke:var(--ed-border);stroke-width:.5;vector-effect:non-scaling-stroke;transition:fill var(--ed-dur-base) var(--ed-ease-out),stroke var(--ed-dur-fast) var(--ed-ease-out)}.country:hover{stroke:var(--ed-ink);stroke-width:1}.country--wrong{fill:var(--ed-accent-light);stroke:var(--ed-accent);stroke-width:1.4}.country--neighbor{fill:var(--ed-warn-light);stroke:var(--ed-warn);stroke-width:1.4}.country--correct{fill:var(--ed-ok-light);stroke:var(--ed-ok);stroke-width:1.4}.country--revealed{fill:var(--ed-land-deep);stroke:var(--ed-ink);stroke-width:1.2}.pin__outer{fill:var(--ed-accent)}.pin__inner{fill:var(--ed-paper)}.pin__label{font-family:var(--ed-display);font-size:14px;font-weight:700;fill:var(--ed-ink);letter-spacing:var(--ed-track-country)}.pin--reveal .pin__label{font-size:18px}.pin__halo--outer{fill:var(--ed-accent);opacity:.12}.pin__halo--inner{fill:var(--ed-accent);opacity:.22}@keyframes ed-halo-out{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ed-pin-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.pin--reveal .pin__halo{transform-origin:center;transform-box:fill-box;animation:ed-halo-out var(--ed-dur-reveal) var(--ed-ease-out) both}.pin--reveal .pin__halo--inner{animation-delay:60ms}.pin--reveal .pin__outer,.pin--reveal .pin__inner{transform-origin:center;transform-box:fill-box;animation:ed-pin-pop var(--ed-dur-reveal) var(--ed-ease-spring) both}.pin--reveal .pin__label{animation:ed-prompt-in var(--ed-dur-base) var(--ed-ease-out) .2s both}.toast{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-100%);--color: var(--ed-ok);display:flex;flex-direction:column;align-items:center}.toast[data-variant=wrong-cont],.toast[data-variant=wrong-near]{--color: var(--ed-accent)}.toast[data-variant=neighbor]{--color: var(--ed-warn)}.toast[data-variant=too-far],.toast[data-variant=ocean],.toast[data-variant=already-rev]{--color: var(--ed-ink-soft)}.toast[data-variant=close]{--color: var(--ed-ok)}.toast__pill{display:inline-flex;align-items:center;gap:var(--ed-space-3);padding:10px 16px;border-radius:var(--ed-r-pill);background:var(--ed-ink);color:var(--ed-paper);box-shadow:var(--ed-toast-shadow),0 0 0 var(--ed-toast-halo-w) color-mix(in srgb,var(--color) 13%,transparent);white-space:nowrap}.toast__value{font:var(--ed-t-toast-value);color:var(--color);letter-spacing:var(--ed-track-toast);font-variant-numeric:tabular-nums}.toast__sep{width:1px;height:18px;background:#f5f2ec33;flex-shrink:0}.toast__detail{font:var(--ed-t-toast-detail);letter-spacing:var(--ed-track-mono);text-transform:uppercase}.toast__stem{width:1px;height:22px;background:var(--ed-ink);margin:6px auto 0}.toast__foot{width:10px;height:10px;border-radius:999px;background:var(--color);border:2px solid var(--ed-paper);box-shadow:0 0 0 1px var(--color);margin:-5px auto 0}.toast[data-variant=ocean] .toast__value,.toast[data-variant=ocean] .toast__sep,.toast[data-variant=ocean] .toast__stem,.toast[data-variant=ocean] .toast__foot,.toast[data-variant=already-rev] .toast__value,.toast[data-variant=already-rev] .toast__sep,.toast[data-variant=already-rev] .toast__stem,.toast[data-variant=already-rev] .toast__foot{display:none}@keyframes ed-toast-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 8px))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes ed-toast-out{0%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,calc(-100% - 6px))}}.toast--enter{animation:ed-toast-in .22s var(--ed-ease-spring) both}.toast--exit{animation:ed-toast-out .18s var(--ed-ease-in) both}.toast--flip{transform:translate(-50%);flex-direction:column-reverse}.toast--flip .toast__stem{margin:0 auto 6px}.toast--flip .toast__foot{margin:0 auto -5px}@keyframes ed-toast-in-flip{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.toast--flip.toast--enter{animation-name:ed-toast-in-flip}.reveal{position:absolute;left:var(--ed-space-7);bottom:32px;max-width:340px;padding:20px 22px;background:var(--ed-ink);color:var(--ed-paper);border-radius:var(--ed-r-card);pointer-events:auto;animation:ed-reveal-in .36s var(--ed-ease-out) both}.reveal__eyebrow{font:var(--ed-t-eyebrow);letter-spacing:var(--ed-track-mono);text-transform:uppercase;color:var(--ed-accent);margin-bottom:8px}.reveal__title{margin:0 0 8px;font-family:var(--ed-display);font-size:22px;font-weight:700;letter-spacing:var(--ed-track-country);line-height:1.15;color:var(--ed-paper)}.reveal__meta{margin:0 0 14px;font:var(--ed-t-body);font-size:13px;color:var(--ed-ink-faint)}.reveal__next{display:block;width:100%;padding:8px 14px;background:transparent;color:var(--ed-paper);border:1px solid rgba(245,242,236,.2);font:var(--ed-t-button);letter-spacing:var(--ed-track-mono);text-transform:uppercase;cursor:pointer;text-align:right;transition:background var(--ed-dur-fast) var(--ed-ease-out)}.reveal__next:hover{background:#ffffff14}@keyframes ed-reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ed-reveal-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(16px)}}.reveal--exit{animation:ed-reveal-out .24s var(--ed-ease-in) both}.start{min-height:100dvh;align-items:center;justify-content:center;gap:var(--ed-space-5);padding:var(--ed-space-8) var(--ed-space-5);background:var(--ed-paper)}.start__hero{font:var(--ed-t-capital);letter-spacing:var(--ed-track-capital);color:var(--ed-ink);text-align:center}.option-group{display:flex;flex-direction:column;gap:var(--ed-space-2);width:100%;max-width:400px}.option-group__label{font:var(--ed-t-eyebrow);letter-spacing:var(--ed-track-mono);text-transform:uppercase;color:var(--ed-ink-soft)}.btn-row{display:flex;gap:var(--ed-space-2)}.btn-option{flex:1;padding:10px 14px;border:1px solid var(--ed-ink);background:transparent;color:var(--ed-ink);font:var(--ed-t-button);letter-spacing:var(--ed-track-mono);text-transform:uppercase;cursor:pointer;transition:background var(--ed-dur-fast) var(--ed-ease-out),color var(--ed-dur-fast) var(--ed-ease-out)}.btn-option:hover:not(.selected){background:var(--ed-paper-warm)}.btn-option.selected{background:var(--ed-ink);color:var(--ed-paper)}.btn-toggle{width:100%;max-width:400px;padding:10px 16px;border:1px solid var(--ed-ink);background:transparent;color:var(--ed-ink);font:var(--ed-t-button);letter-spacing:var(--ed-track-mono);text-transform:uppercase;cursor:pointer;text-align:left;transition:background var(--ed-dur-fast) var(--ed-ease-out),color var(--ed-dur-fast) var(--ed-ease-out)}.btn-toggle.selected{background:var(--ed-ink);color:var(--ed-paper)}.btn-start{width:100%;max-width:400px;padding:14px;background:var(--ed-ink);color:var(--ed-paper);border:0;font:var(--ed-t-button);letter-spacing:var(--ed-track-mono);text-transform:uppercase;cursor:pointer;font-size:13px;transition:background var(--ed-dur-fast) var(--ed-ease-out),transform var(--ed-dur-fast) var(--ed-ease-out)}.btn-start:hover{background:#2a2a2a}.btn-start:active{transform:translateY(1px)}.resume-banner{display:none;width:100%;max-width:400px;background:var(--ed-paper-warm);border:var(--ed-rule);padding:var(--ed-space-3) var(--ed-space-4);gap:var(--ed-space-3);align-items:center;justify-content:space-between}.resume-banner.visible{display:flex}.resume-banner__text{font:var(--ed-t-body);font-size:13px;color:var(--ed-ink)}.resume-banner__actions{display:flex;gap:var(--ed-space-2);flex-shrink:0}.btn-resume,.btn-discard{padding:7px 13px;border:1px solid var(--ed-ink);background:transparent;color:var(--ed-ink);font:var(--ed-t-button);letter-spacing:var(--ed-track-mono);text-transform:uppercase;cursor:pointer}.btn-resume{background:var(--ed-ink);color:var(--ed-paper)}.past-scores{width:100%;max-width:400px}.past-scores__heading{font:var(--ed-t-eyebrow);letter-spacing:var(--ed-track-mono);text-transform:uppercase;color:var(--ed-ink-soft);margin-bottom:var(--ed-space-2)}.past-scores__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.past-scores__item{display:flex;justify-content:space-between;font:var(--ed-t-caption);letter-spacing:var(--ed-track-mono-tight);color:var(--ed-ink-faint)}.past-scores__item .best{color:var(--ed-accent);font-weight:700}.end{min-height:100dvh;align-items:center;justify-content:center;gap:var(--ed-space-6);padding:var(--ed-space-8) var(--ed-space-5);background:var(--ed-paper)}.end__score{font:700 120px/.85 var(--ed-display);letter-spacing:var(--ed-track-capital);color:var(--ed-ink);text-align:center;font-variant-numeric:tabular-nums}.end__score[data-sign=negative]{color:var(--ed-accent)}.end__stats{display:flex;gap:var(--ed-space-7);align-items:flex-start}.end__stat{display:flex;flex-direction:column;align-items:center;gap:6px}.end__stat-label{font:var(--ed-t-score-label);letter-spacing:var(--ed-track-mono);text-transform:uppercase;color:var(--ed-ink-soft)}.end__stat-value{font:700 28px/1 var(--ed-display);letter-spacing:var(--ed-track-score);color:var(--ed-ink);font-variant-numeric:tabular-nums}.end__actions{display:flex;flex-direction:column;gap:var(--ed-space-3);width:100%;max-width:300px}.btn-play-again{padding:14px;background:var(--ed-ink);color:var(--ed-paper);border:0;font:var(--ed-t-button);letter-spacing:var(--ed-track-mono);text-transform:uppercase;cursor:pointer;transition:background var(--ed-dur-fast) var(--ed-ease-out),transform var(--ed-dur-fast) var(--ed-ease-out)}.btn-play-again:hover{background:#2a2a2a}.btn-play-again:active{transform:translateY(1px)}.btn-change-settings{padding:14px;background:transparent;color:var(--ed-ink);border:1px solid var(--ed-ink);font:var(--ed-t-button);letter-spacing:var(--ed-track-mono);text-transform:uppercase;cursor:pointer;transition:background var(--ed-dur-fast) var(--ed-ease-out)}.btn-change-settings:hover{background:var(--ed-paper-warm)}@media (max-width: 720px){:root{--ed-topbar-h: 132px;--ed-topbar-px: 20px}.topbar{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--ed-space-2);padding:var(--ed-space-3) var(--ed-topbar-px);align-items:start}.topbar__lead,.progress{grid-column:1 / -1}.prompt__capital{font-size:clamp(36px,9vw,60px)!important}.end__score{font-size:clamp(60px,18vw,120px)}.end__stats{gap:var(--ed-space-5);flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:60ms!important;animation-iteration-count:1!important;transition-duration:60ms!important}}