.answer{align-items:center;gap:var(--space-md);width:100%;min-height:var(--size-control-height);padding:0 var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-bone);font-family:var(--font-ui);text-align:left;cursor:pointer;transition:background-color var(--duration-tap-feedback) ease-out, border-color var(--duration-tap-feedback) ease-out, transform var(--duration-tap-feedback) ease-out;font-size:17px;font-weight:500;display:flex}.answer:hover:not(:disabled){background:var(--color-surface-hi)}.answer:active:not(:disabled){transform:scale(.99)}.answer:disabled{cursor:default}.answer__key{border-radius:var(--radius-pill);background:var(--color-surface-hi);width:24px;height:24px;color:var(--color-muted);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:13px;display:grid}.answer__name{flex:1}.answer--correct{border-color:var(--color-correct);background:color-mix(in srgb, var(--color-correct) 18%, var(--color-surface));animation:answer-pop var(--duration-correct-button) ease-out}.answer--wrong{border-color:var(--color-wrong);background:color-mix(in srgb, var(--color-wrong) 18%, var(--color-surface));animation:answer-shake var(--duration-wrong-shake) ease-in-out}.answer--revealed{border-color:var(--color-correct)}@keyframes answer-pop{0%{transform:scale(var(--correct-pop-from-scale))}50%{transform:scale(var(--correct-pop-to-scale))}to{transform:scale(var(--correct-pop-from-scale))}}@keyframes answer-shake{0%,to{transform:translate(0)}16.6%,50%,83.3%{transform:translateX(calc(-1 * var(--shake-amplitude)))}33.3%,66.6%{transform:translateX(var(--shake-amplitude))}}.answers{gap:var(--space-md);flex-direction:column;display:flex}.city-image{aspect-ratio:1;border-radius:var(--radius-image);background:var(--color-surface);width:auto;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.city-image__blur,.city-image__shot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.city-image__blur{display:block}.city-image__shot{opacity:0;transition:opacity var(--duration-image-cross-fade) ease-out}.city-image__shot--loaded{opacity:1}@media (prefers-reduced-motion:reduce){.city-image__shot{transition-duration:var(--duration-image-cross-fade)}}.coordinates{color:var(--color-muted);letter-spacing:.02em;text-align:center;margin:0;font-size:13px}.feedback{height:var(--space-xl);place-items:center;display:grid}.feedback__note{color:var(--color-bone);font-size:15px}.feedback__note--muted{color:var(--color-muted)}.feedback__float{color:var(--color-accent);animation:feedback-float var(--duration-score-float) ease-out forwards;font-size:17px;font-weight:500}@keyframes feedback-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--score-float-rise)))}}.dots{gap:var(--space-xs);display:flex}.dot{border-radius:var(--radius-pill);background:var(--color-surface-hi);width:8px;height:8px}.dot--correct{background:var(--color-correct)}.dot--wrong{background:var(--color-wrong)}.dot--timeout{background:var(--color-neutral)}.score-header{align-items:center;gap:var(--space-md);min-height:var(--size-min-touch-target);display:flex}.score-header__close{width:var(--size-min-touch-target);height:var(--size-min-touch-target);margin-left:calc(-1 * var(--space-md));color:var(--color-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;font-size:18px;display:grid}.score-header__close:hover{color:var(--color-bone)}.score-header__score{align-items:baseline;gap:var(--space-xs);margin-left:auto;display:flex}.score-header__value{color:var(--color-accent);font-size:20px;font-weight:500}.score-header__streak{color:var(--color-muted);font-size:13px}.timer{border-radius:var(--radius-pill);background:var(--color-surface-hi);width:100%;height:3px;overflow:hidden}.timer__fill{background:var(--color-accent);transform-origin:0;width:100%;height:100%;animation-name:timer-drain;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes timer-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.game{gap:var(--space-sm);width:100%;max-width:480px;height:100dvh;padding:var(--space-lg);padding-top:max(var(--space-lg), env(safe-area-inset-top));padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.game__map{flex:auto;place-items:center;min-height:0;display:grid}.game__frame{aspect-ratio:1;width:auto;max-width:100%;height:100%;max-height:100%;position:relative}.game__coordinates{right:0;bottom:var(--space-sm);text-shadow:0 1px 3px var(--color-ink);position:absolute;left:0}.end{justify-content:center;align-items:center;gap:var(--space-lg);min-height:100dvh;padding:var(--space-xl);flex-direction:column;display:flex}.end__note{margin:0;font-size:17px}.end__again{min-height:var(--size-control-height);padding:0 var(--space-xl);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-ink);font-family:var(--font-ui);cursor:pointer;border:0;font-size:17px;font-weight:500}:root{--color-ink:#0e1218;--color-surface:#19202a;--color-surface-hi:#232c38;--color-bone:#ece7de;--color-muted:#8894a3;--color-correct:#34c77b;--color-wrong:#e05252;--color-neutral:#6e7885;--color-accent:#f2c14e;--color-water:#5b87a8;--color-border:#ece7de1a;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-xxxl:48px;--radius-control:8px;--radius-card:12px;--radius-image:16px;--radius-pill:999px;--size-min-touch-target:48px;--size-control-height:56px;--duration-tap-feedback:.12s;--duration-correct-button:.22s;--duration-wrong-shake:.3s;--duration-reveal-correct-delay:.12s;--duration-reveal-correct-fade:.18s;--duration-score-count-up:.4s;--duration-feedback-hold-correct:.6s;--duration-feedback-hold-wrong:.9s;--duration-feedback-hold-timeout:.9s;--duration-image-cross-fade:.28s;--duration-ken-burns:10s;--duration-results-dot-stagger:.15s;--duration-score-float:.5s;--duration-streak-float:.5s;--duration-card-enter:.28s;--shake-amplitude:6px;--shake-oscillations:3;--ken-burns-from-scale:1;--ken-burns-to-scale:1.04;--correct-pop-from-scale:1;--correct-pop-to-scale:1.06;--score-float-rise:40px;--card-enter-rise:12px;--easing-linear:cubic-bezier(0, 0, 1, 1)}@media (prefers-reduced-motion:reduce){:root{--shake-amplitude:0px;--ken-burns-to-scale:var(--ken-burns-from-scale);--correct-pop-to-scale:var(--correct-pop-from-scale);--score-float-rise:0px;--card-enter-rise:0px;--duration-results-dot-stagger:0s}}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi Fallback;src:local(Helvetica Neue),local(Arial),local(Roboto);size-adjust:97%;ascent-override:95%;descent-override:25%;line-gap-override:0%}:root{--font-display:"Clash Display", "Satoshi Fallback", system-ui, sans-serif;--font-ui:"Satoshi", "Satoshi Fallback", system-ui, -apple-system, "Segoe UI", sans-serif}.tabular{font-family:var(--font-ui);font-variant-numeric:tabular-nums}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-ink);color:var(--color-bone);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.scaffold{justify-content:center;align-items:center;gap:var(--space-sm);min-height:100dvh;padding:var(--space-xl);text-align:center;flex-direction:column;display:flex}.scaffold__mark{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:600}.scaffold__note{color:var(--color-muted);margin:0;font-size:14px}