.coordinates{color:var(--color-muted);letter-spacing:.02em;white-space:nowrap;animation:coordinates-in var(--duration-reveal-correct-fade) ease-out var(--duration-reveal-correct-delay) backwards;flex:none;margin:0;font-size:13px}@keyframes coordinates-in{0%{opacity:0}to{opacity:1}}.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;min-width:0}.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))}}@media (width>=720px){.answer{max-width:420px}}.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:100%;height:auto;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)}}.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-counter{font-variant-numeric:tabular-nums}.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:end center;min-height:0;display:grid;container-type:size}.game__map .city-image{width:min(100%,100cqh);height:auto}.game__body,.game__side{display:contents}@media (width>=720px){.game{gap:var(--space-lg);max-width:1100px}.game__body{column-gap:var(--space-xxl);flex:auto;grid-template-columns:minmax(0,3fr) minmax(0,2fr);min-height:0;display:grid}.game__map{place-items:center}.game__side{justify-content:center;gap:var(--space-md);flex-direction:column;min-height:0;display:flex}}.game--preparing{justify-content:center}.game--preparing .game__map{place-items:center}.category{gap:var(--space-md);width:100%;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-card);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;flex-direction:column;display:flex}.category:hover{background:var(--color-surface-hi)}.category__text{gap:var(--space-xs);flex-direction:column;display:flex}.category__title{font-size:17px;font-weight:500}.category__blurb,.category__count{color:var(--color-muted);font-size:13px}.category__thumbs{gap:var(--space-sm);display:flex}.category__thumb{flex:none;width:48px;display:block}.categories{gap:var(--space-md);flex-direction:column;display:flex}.coming-soon{gap:var(--space-xs);padding:var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-card);flex-direction:column;display:flex}.coming-soon__title{color:var(--color-muted);margin:0;font-size:17px;font-weight:500}.coming-soon__blurb{color:var(--color-muted);margin:0;font-size:13px}.daily{gap:var(--space-xs);width:100%;padding:var(--space-xl);border:1px solid var(--color-accent);border-radius:var(--radius-card);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;flex-direction:column;display:flex}.daily:hover{background:var(--color-surface-hi)}.daily--done{cursor:default}.daily--done:hover{background:var(--color-surface)}.daily__title{margin:0;font-size:17px;font-weight:500}.daily__blurb,.daily__hint{color:var(--color-muted);margin:0;font-size:13px}.daily__score{color:var(--color-accent);margin:0;font-size:28px;font-weight:500;line-height:34px}.daily__streak{color:var(--color-accent);margin:0;font-size:13px}@media (hover:none){.daily:hover{background:var(--color-surface)}}.home-header{gap:var(--space-xs);flex-direction:column;display:flex}.home-header__mark{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:44px;font-weight:600;line-height:48px}.home-header__played{color:var(--color-muted);margin:0;font-size:13px}.attribution{padding-top:var(--space-sm);color:var(--color-muted);margin:0;font-size:13px;line-height:18px}.attribution__link{color:var(--color-muted);text-underline-offset:2px;text-decoration:underline}.attribution__link:hover{color:var(--color-bone)}.settings{justify-content:flex-end;gap:var(--space-sm);display:flex}.toggle{width:var(--size-min-touch-target);height:var(--size-min-touch-target);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);cursor:pointer;transition:color var(--duration-tap-feedback) ease-out;background:0 0;place-items:center;display:grid}.toggle--on{color:var(--color-bone)}.toggle:hover{background:var(--color-surface)}.home{gap:var(--space-xl);width:100%;max-width:480px;min-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}@media (width>=720px){.home{max-width:560px;padding-top:var(--space-xxxl)}}.landing{align-items:center;gap:var(--space-xxl);width:100%;max-width:480px;min-height:100dvh;padding:var(--space-xl) var(--space-lg);padding-top:max(var(--space-xl), env(safe-area-inset-top));padding-bottom:max(var(--space-xl), env(safe-area-inset-bottom));text-align:center;flex-direction:column;margin:0 auto;display:flex}.landing__block{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;flex:auto;width:100%;display:flex}.landing__logo{width:152px;height:152px;margin-bottom:calc(-1 * var(--space-xs))}.landing__mark{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:56px;font-weight:600;line-height:60px}.landing__hook{margin:0;font-size:24px;font-weight:500;line-height:32px}.landing__rules{color:var(--color-muted);max-width:38ch;margin:0 auto;font-size:17px;line-height:24px}.landing__cta{width:100%;max-width:360px;min-height:64px;margin-top:var(--space-lg);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;transition:opacity var(--duration-tap-feedback) ease-out;border:0;font-size:19px;font-weight:500}.landing__cta:hover{opacity:.9}.landing__attribution{color:var(--color-muted);margin:0;font-size:13px;line-height:18px}.landing__whole{white-space:nowrap}.final{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.final__score{color:var(--color-accent);margin:0;font-size:44px;font-weight:500;line-height:48px}.final__badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-ink);margin:0;font-size:13px;font-weight:500}.final__frame{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column;display:flex}.final__line{color:var(--color-muted);margin:0;font-size:13px}.final__line--accent{color:var(--color-accent)}.viewer{width:min(100%,480px);max-width:100%;max-height:100dvh;padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-ink);color:var(--color-bone);border:0}.viewer::backdrop{background:#000000b3}.viewer__content{align-items:center;gap:var(--space-md);flex-direction:column;width:100%;display:flex}.viewer__name{margin:0;font-size:28px;font-weight:500;line-height:34px}.viewer__close{min-height:var(--size-control-height);width:100%;margin-top:var(--space-sm);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);cursor:pointer;font-size:17px;font-weight:500}.viewer__close:hover{background:var(--color-surface-hi)}.missed{gap:var(--space-md);flex-direction:column;display:flex}.missed__title{color:var(--color-muted);margin:0;font-size:13px;font-weight:500}.missed__list{gap:var(--space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.missed__hint{color:var(--color-muted);margin:0;font-size:13px}.missed__item{gap:var(--space-xs);border-radius:var(--radius-control);width:72px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.missed__item:hover .missed__thumb{opacity:.75}.missed__thumb{width:72px;transition:opacity var(--duration-tap-feedback) ease-out;display:block}.missed__name{font-size:13px;line-height:18px}.actions{gap:var(--space-md);flex-direction:column;display:flex}.actions__primary,.actions__secondary,.actions__quiet{min-height:var(--size-control-height);padding:0 var(--space-lg);border-radius:var(--radius-control);font-family:var(--font-ui);cursor:pointer;transition:opacity var(--duration-tap-feedback) ease-out;font-size:17px;font-weight:500}.actions__primary:disabled,.actions__secondary:disabled,.actions__quiet:disabled{opacity:.45;cursor:default}.actions__primary{background:var(--color-accent);color:var(--color-ink);border:0}.actions__secondary{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-bone)}.actions__quiet{color:var(--color-muted);background:0 0;border:0}.grid{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.square{width:var(--space-xxl);height:var(--space-xxl);border-radius:var(--radius-control);background:var(--color-surface-hi);opacity:0;animation:square-in var(--duration-reveal-correct-fade) ease-out forwards}.square--correct{background:var(--color-correct)}.square--wrong{background:var(--color-wrong)}.square--timeout{background:var(--color-neutral)}@keyframes square-in{0%{opacity:0}to{opacity:1}}.tiles{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.tile{align-items:center;gap:var(--space-xs);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;display:flex}.tile__value{margin:0;font-size:28px;font-weight:500;line-height:34px}.tile__label{color:var(--color-muted);margin:0;font-size:13px}.results{gap:var(--space-xl);width:100%;max-width:480px;min-height:100dvh;padding:var(--space-xl) var(--space-lg);padding-top:max(var(--space-xl), env(safe-area-inset-top));padding-bottom:max(var(--space-xl), env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.results__share-note{min-height:18px;color:var(--color-muted);text-align:center;margin:0;font-size:13px}@media (width>=720px){.results{max-width:560px}.actions__primary,.actions__secondary,.actions__quiet{align-self:center;width:100%;max-width:420px}}: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}