@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;color-scheme:dark;--bg: #151a21;--surface: #232b36;--surface-hover: #2d3845;--border: #3b4a5d;--ink: #f1f5f9;--muted: #a6b4c6;--blue: #2563eb;--blue-hover: #1d4ed8;--emerald: #10b981;--emerald-hover: #34d399;--accent-soft: #2563eb33;--mint: #5eead4;--cyan: #22d3ee;--on-mint: #151a21;--selected-muted: #eff6ff;--success: #4ade80;--error: #ff6b6b;--map-land: #445468;--map-border: #8c9eb5;--score-flash: #164e63;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}h1[tabindex="-1"]:focus{outline:none}button,h1,h2{-webkit-user-select:none;user-select:none}.screen{display:none;min-height:100dvh}.screen.active{display:flex}h1,h2,.brand,.score-pill,#final-score{font-family:Space Grotesk,system-ui,sans-serif}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.menu-screen{position:relative;overflow:hidden;padding:36px 7vw;background:radial-gradient(ellipse at 95% 20%,#2563eb1a 0,transparent 55%),var(--bg)}.menu-shell{width:min(100%,780px);position:relative;z-index:1;margin:auto 0}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:var(--ink);text-decoration:none;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:2px}.brand:hover{color:var(--cyan)}.brand-icon{font-size:32px;letter-spacing:0}.menu-intro{margin:24px 0}.menu-intro>.eyebrow{color:var(--mint)}h1{font-size:clamp(38px,4.5vw,62px);line-height:1.06;letter-spacing:-3px;margin:14px 0 16px;font-weight:600}.menu-intro h1{margin:0}.menu-intro h1 span{color:var(--mint)}#lobby-title{color:#fff}#lobby-title span{color:var(--cyan)}.menu-intro p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}legend{font-size:10px;color:var(--mint);letter-spacing:1px;font-weight:700;padding:0;margin-bottom:12px}legend span{color:var(--ink);margin-left:9px;font-size:12px;letter-spacing:0}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.selection-option{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:13px;color:var(--ink);transition:background .2s,border-color .2s,transform .2s}.selection-option:hover{background:var(--surface-hover);transform:translateY(-2px);border-color:var(--mint)}.selection-option.selected{background:var(--blue);border-color:var(--blue);color:#fff}.selection-option:disabled{cursor:not-allowed;transform:none;background:var(--surface);border-color:var(--border)}.region-option{display:flex;align-items:center;gap:10px;padding:14px 12px;min-height:71px}.region-option:first-child{grid-column:span 3;min-height:66px}.region-icon{display:flex;align-items:center;justify-content:center;width:54px;min-height:42px;flex-shrink:0;color:var(--muted)}.region-icon:empty{display:none}.region-icon svg{width:100%;height:42px;display:block;fill:currentColor}.selected .region-icon{color:var(--mint)}.region-copy{flex:1}.region-copy strong{font-size:12px;font-weight:600;display:block}.region-copy small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.selection-check{border:1px solid var(--muted);border-radius:50%;width:17px;height:17px;flex-shrink:0;color:transparent;font-size:11px;display:grid;place-items:center}.selected .selection-check{color:var(--on-mint);background:var(--mint);border-color:var(--mint)}.breadcrumb{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px}.breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none;font-size:11px;min-width:0;max-width:100%}.breadcrumb li{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}.breadcrumb li+li:before{content:"›";color:var(--muted);font-size:16px}.breadcrumb li:nth-child(2):before{content:none}.breadcrumb-game-name{color:var(--cyan);font-weight:600;cursor:default}.breadcrumb a{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);max-width:100%;line-height:1.5;overflow-wrap:anywhere}.breadcrumb a:hover{color:var(--mint);border-color:var(--mint);background:var(--surface-hover)}.breadcrumb [aria-current]{color:var(--ink);font-weight:700}.breadcrumb-upcoming{color:var(--muted)}.play-breadcrumb{margin:0;padding:10px 28px;background:var(--bg)}.play-breadcrumb ol{font-size:10px}.results-breadcrumb{margin:0 0 24px;justify-content:center}.border-play-shell .play-breadcrumb{padding:12px 0;background:transparent}.setup-status{font-size:10px;color:var(--muted)}.back-btn{border:none;background:transparent;padding:6px 0;color:var(--mint);font-size:11px;font-weight:600}.back-btn:hover{color:var(--ink)}.setup-step{font-size:9px;letter-spacing:1px;color:var(--muted)}.game-page-name,.menu-intro .game-page-name{margin:0 0 12px;color:var(--cyan);font:700 clamp(18px,2vw,24px) "Space Grotesk",system-ui,sans-serif;letter-spacing:-.3px}.menu-intro .game-page-name[data-game-name]{font-size:clamp(21.6px,2.4vw,28.8px)}.game-name{font:700 19px Space Grotesk,system-ui,sans-serif;letter-spacing:-.3px;color:var(--cyan)}.game-header .game-context{min-width:0;flex-direction:column;align-items:flex-start;gap:5px}.game-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted)}.game-hud{display:flex;align-items:center;gap:10px;flex-shrink:0}.game-timer{display:flex;align-items:center;gap:10px;padding:9px 13px;min-height:49px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.game-timer>div{display:flex;flex-direction:column;gap:2px}.game-timer small{font-size:8px;color:var(--muted)}.game-timer time{font:600 17px Space Grotesk,system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.timer-icon{width:16px;height:16px;border:1.5px solid var(--mint);border-radius:50%;position:relative}.timer-icon:before{content:"";position:absolute;width:4px;height:5px;top:2px;left:6px;border-left:1.5px solid var(--mint);border-bottom:1.5px solid var(--mint)}.score-hud.score-pill{position:relative;min-height:49px;min-width:95px;padding:10px 15px;gap:9px;border:1px solid #5eead455;border-radius:15px;background:linear-gradient(130deg,#153d4c,#20304a);font-size:25px;isolation:isolate}.score-hud .score-number{display:inline-block;font:700 26px Space Grotesk,system-ui,sans-serif;font-variant-numeric:tabular-nums;transform-origin:center;color:var(--ink)}.score-hud>small{font:400 10px DM Sans,system-ui,sans-serif;color:var(--muted)}.score-hud .score-star{font-size:23px;color:var(--mint)}.score-delta{position:absolute;right:8px;top:0;color:var(--mint);font:700 14px Space Grotesk,system-ui,sans-serif;white-space:nowrap;pointer-events:none;text-shadow:0 2px 8px #00000088}.score-spark{position:absolute;width:4px;height:4px;border-radius:50%;left:50%;top:50%;background:var(--mint);pointer-events:none}#lobby-screen .menu-shell{width:min(100%,960px)}.game-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,150px);gap:12px}.game-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;position:relative;overflow:hidden;border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:22px;text-align:left;color:var(--ink)}.game-option .game-copy,.game-option .game-state{position:relative;z-index:1;flex:none}.game-option .game-copy strong{font-size:22px;line-height:1.15;letter-spacing:-.7px}.game-option .game-copy small{font-size:11px;line-height:1.7}.game-option .game-state{background:#151a2166;font-size:8px}.game-frontier{grid-column:1;grid-row:2}.game-frontier .game-copy small{display:none}.game-border-hop{grid-column:2;grid-row:2;padding:18px 22px;gap:8px}.game-population{grid-column:1;grid-row:3;padding:18px;gap:8px}.game-flags{grid-column:2 / span 2;grid-row:3;padding:18px 22px;gap:8px}.game-flags .game-copy{flex:none}.game-flags .game-copy small{display:none}.game-border-hop .game-copy strong{font-size:20px;max-width:300px}.game-border-hop .game-copy small{display:none}.game-population .game-copy strong{font-size:19px}.game-population .game-copy small{display:none}.game-population .art-population{height:45px;top:18px;opacity:.15}.game-border-hop .game-copy small{max-width:240px}.tile-art{position:absolute;top:25px;right:24px;pointer-events:none;opacity:.3;color:var(--mint)}.art-population{display:flex;align-items:flex-end;gap:6px;height:85px;top:40px;right:20px}.art-population i{width:14px;height:40%;background:currentColor;border-radius:5px 5px 0 0}.art-population i:nth-child(2){height:65%}.art-population i:nth-child(3){height:85%}.art-population i:nth-child(4){height:100%}.art-flags{display:flex;gap:8px;top:18px;right:140px;transform:rotate(-12deg);opacity:.15}.art-flags i{width:50px;height:32px;background:linear-gradient(90deg,var(--blue) 33%,var(--mint) 33% 66%,#93c5fd 66%);border-radius:3px}.game-option:disabled{opacity:1;color:var(--muted);background:var(--surface)}.game-copy{flex:1}.game-copy strong{display:block;font-size:15px;font-weight:600}.game-copy small{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.game-state{font-size:9px;white-space:nowrap;border:1px solid var(--border);border-radius:20px;padding:7px 11px}.game-option.playable{grid-column:1 / span 2;grid-row:1;flex-direction:row;align-items:center;justify-content:center;gap:20px}.game-option.playable .game-copy{flex:1;margin-left:0}.map-game-logo{display:block;width:88px;height:88px;flex-shrink:0;pointer-events:none}.map-game-logo svg{display:block;width:100%;height:100%}.game-with-logo{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:12px;align-content:center;align-items:center}.game-card-logo{display:block;width:72px;height:72px;grid-column:1;grid-row:1 / span 2;filter:drop-shadow(0 5px 12px #151a2133)}.game-with-logo .game-copy{grid-column:2;grid-row:1;min-width:0}.game-with-logo .game-state{grid-column:2;grid-row:2;justify-self:start;font-size:10px;padding:6px 10px}.logo-ocean{fill:#151a2133;stroke:#5eead499;stroke-width:1.5px}.logo-grid{fill:none;stroke:#5eead466;stroke-width:1px}.logo-continents{fill:var(--mint);stroke:none}.game-option.playable .game-copy strong{font-size:30px}.game-option.playable .game-state{font-size:11px;padding:12px 18px}.game-option:is(.playable,.available-game){background:var(--blue);border-color:var(--blue);color:#fff;transition:background .2s,transform .2s}.game-option:is(.playable,.available-game):hover{transform:translateY(-2px);background:var(--blue-hover);border-color:var(--blue-hover)}.game-option:is(.playable,.available-game) .game-state{background:#ffffff10;color:var(--mint);border-color:#ffffff30}.playable .game-copy small{color:var(--selected-muted)}.selected-terrain{display:flex;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--border);border-radius:14px;margin-bottom:28px;background:var(--surface)}.selected-terrain>div{flex:1}.selected-terrain .eyebrow{color:var(--muted);font-size:8px}.selected-terrain strong{display:block;margin-top:5px;font-size:15px}.difficulty-options{display:flex;gap:10px}.difficulty-option{padding:12px 18px;flex:1}.difficulty-option>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:700}.difficulty-option small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.difficulty-option p{font-size:12px;line-height:1.7;color:var(--muted);margin:20px 0 0;max-width:260px}:is(#challenge-screen,#border-challenge-screen,#hop-challenge-screen) .difficulty-option{padding:24px}:is(#challenge-screen,#border-challenge-screen,#hop-challenge-screen) .difficulty-option>span{font-size:17px}:is(#challenge-screen,#border-challenge-screen,#hop-challenge-screen) .difficulty-option small{font-size:11px;margin-top:7px}.tiny-star{color:var(--mint);margin-left:4px}.selection-option.selected small,.selection-option.selected p{color:var(--selected-muted)}.selection-option.selected .tiny-star{color:var(--mint)}.launch-row{display:flex;align-items:center;gap:20px}.btn{border:none;border-radius:12px;padding:16px 24px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px #153fa0}.btn-primary:hover:not(:disabled){background:var(--blue-hover)}.btn-progress{background:var(--emerald);color:var(--on-mint);box-shadow:0 4px #047857}.btn-progress:hover:not(:disabled){background:var(--emerald-hover)}.launch-row .btn-progress{min-width:240px;font-size:15px}#load-status{font-size:10px;color:var(--muted)}.menu-footnote{margin:20px 0 0;font-size:10px;color:var(--muted)}.decorative-globe{position:absolute;width:40vw;height:40vw;max-width:570px;max-height:570px;border:1px solid #5eead426;border-radius:50%;right:-13vw;top:16%;transform:rotate(-20deg);pointer-events:none;opacity:.65}.globe-ring{position:absolute;top:0;right:25%;bottom:0;left:25%;border:1px solid #5eead426;border-radius:50%}.ring-two{top:0;right:42%;bottom:0;left:42%}.globe-equator{position:absolute;top:32%;right:0;bottom:32%;left:0;border:1px solid #5eead426;border-radius:50%}.globe-star{position:absolute;font-size:60px;left:13%;top:7%;color:var(--mint)}#game-screen{height:100dvh;min-height:0;flex-direction:column;overflow:hidden;background:var(--bg)}#header{display:flex;align-items:center;padding:16px 28px;gap:18px;background:var(--bg);z-index:3}.icon-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:transparent;font-size:20px;color:var(--ink)}.icon-btn:hover{background:var(--surface-hover)}.game-context{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600;flex:1}#question-counter{color:var(--muted);font-size:11px;border-left:1px solid var(--border);padding-left:20px;font-variant-numeric:tabular-nums}.score-pill{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:30px;padding:9px 16px;font-weight:700;font-size:19px}.score-star{color:var(--mint)}.score-max{color:var(--muted);font-size:12px;font-weight:400}.progress-track{height:3px;background:var(--border);z-index:3}#progress-fill{height:100%;background:var(--blue);transition:width .4s ease}#map-container{flex:1;position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#253447,#18212d)}#map-svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#map-svg:active{cursor:grabbing}.country{fill:var(--map-land);stroke:var(--map-border);stroke-width:.65px;vector-effect:non-scaling-stroke;transition:fill .2s;cursor:pointer}.country.outside-region{fill:#2b394b;stroke:#536780}@media (hover: hover){.country:hover{fill:#607da1}.hard-mode .country:hover,.is-answered .country:hover{fill:var(--map-land)}.hard-mode .country.outside-region:hover,.is-answered .country.outside-region:hover{fill:#2b394b}}.hard-mode .country{stroke:none}.country.correct{fill:#228c57!important;stroke:var(--success)!important;stroke-width:1.5px}.country.incorrect{fill:#b84c58!important;stroke:var(--error)!important}.country.target-highlight{fill:var(--map-land)!important;stroke:var(--success)!important;stroke-width:2.5px}.answer-route{pointer-events:none}.connection-halo,.connection-line{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.connection-halo{stroke:var(--bg);stroke-width:5px;stroke-opacity:.85}.connection-line{stroke:var(--mint);stroke-width:2px}.connection-point{stroke:var(--bg);stroke-width:1.5px;vector-effect:non-scaling-stroke}.connection-point.from{fill:var(--error)}.connection-point.to{fill:var(--success)}.connection-label rect{fill:var(--surface);stroke:var(--mint);stroke-width:1px}.connection-label text{fill:var(--mint);font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.question-card{position:absolute;left:50%;top:24px;transform:translate(-50%);text-align:center;z-index:2;pointer-events:none;width:min(90%,650px)}.question-card:before{content:"";position:absolute;top:-12px;right:0;bottom:-12px;left:0;border-radius:24px;background:radial-gradient(ellipse,#18212df2 35%,#18212d00 75%);filter:blur(8px);z-index:-1}.question-card .eyebrow{color:var(--mint);font-size:9px}.question-card h2{font-size:clamp(25px,3vw,40px);font-weight:600;letter-spacing:-1.5px;margin:8px 0;color:var(--ink);line-height:1.15}#answer-status{color:var(--muted);font-size:11px;line-height:1.5;min-height:33px}#answer-status.success{color:var(--success);font-weight:700}#answer-status.error{color:#ff9b9b}.distance-note{display:block;margin-top:4px;color:var(--mint);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.map-controls{position:absolute;right:22px;bottom:75px;z-index:2;display:flex;flex-direction:column;gap:7px}.control-btn{width:40px;height:40px;border:1px solid var(--border);background:var(--surface);border-radius:12px;color:var(--ink);font-size:21px;box-shadow:0 3px 12px #0003}.control-btn:hover{background:var(--surface-hover)}.map-footer{position:absolute;bottom:18px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.map-footer>span{color:var(--muted);font-size:10px}.text-btn{pointer-events:auto;border:1px solid var(--border);border-radius:20px;background:#232b36e6;font-size:11px;color:var(--mint);padding:9px 15px}.text-btn:hover{background:var(--surface-hover)}.streak-badge{position:absolute;top:27px;left:28px;background:var(--mint);color:var(--on-mint);font-size:11px;font-weight:700;border-radius:24px;padding:10px 15px;transform:translateY(-8px);opacity:0;transition:opacity .2s,transform .2s;z-index:2;pointer-events:none}.streak-badge.visible{opacity:1;transform:translateY(0)}#map-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:4}.click-burst{position:absolute}.click-burst i{position:absolute;width:5px;height:9px;background:var(--mint);border-radius:2px;animation:particle .65s ease-out forwards}.click-burst i:nth-child(2n){background:#60a5fa}.click-burst>span{position:absolute;font:700 25px Space Grotesk,sans-serif;color:var(--mint);animation:float-point .65s ease-out forwards;white-space:nowrap}@keyframes particle{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--rotation));opacity:0}}@keyframes float-point{0%{transform:translate(-50%,-20px);opacity:1}to{transform:translate(-50%,-65px);opacity:0}}#results-screen{padding:45px 24px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#2563eb26,var(--bg) 65%);text-align:center}.results-shell{width:min(100%,630px)}#results-region{color:var(--mint)}.result-emblem{margin:25px auto 18px;width:82px;height:82px;border-radius:28px;background:var(--mint);box-shadow:0 6px #299f90;font-size:54px;line-height:82px;color:var(--on-mint);transform:rotate(-8deg)}#results-title{font-size:clamp(32px,4vw,48px);letter-spacing:-2px}#result-message{color:var(--muted);font-size:13px}#final-score{font-size:84px;font-weight:600;letter-spacing:-5px;margin:20px 0}#final-score span{font-size:32px;color:var(--muted);letter-spacing:-1px}.result-stats{display:flex;justify-content:center;gap:42px;margin-bottom:28px}.result-stats>div{display:flex;flex-direction:column;gap:7px}.result-stats strong{font-size:19px}.result-stats span{font-size:10px;color:var(--muted)}.review-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:30px}.review-chip{font-size:10px;padding:7px 10px;border-radius:20px}.review-chip.good{background:#4ade801a;color:var(--success)}.review-chip.missed{background:#ff6b6b1a;color:#ff9b9b}.results-actions{display:flex;gap:12px;justify-content:center}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--ink)}.stats-preview{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:22px;margin-top:24px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}#stats-screen,.stats-preview{--bg: #18151f;--surface: #292438;--surface-hover: #352d49;--border: #514365;--ink: #f5f3ff;--muted: #b9b0ca;--blue: #7c3aed;--blue-hover: #6d28d9;--accent-soft: #7c3aed33;--mint: #c4b5fd;--selected-muted: #ede9fe;color:var(--ink)}#stats-screen{background:radial-gradient(ellipse at 95% 20%,#7c3aed26 0,transparent 55%),var(--bg)}#stats-screen .btn-primary,.stats-preview .btn-primary{box-shadow:0 4px #4c1d95}.stats-preview-copy{flex:1;min-width:230px}.stats-preview .eyebrow{font-size:8px;color:var(--mint)}.stats-preview h2{margin:8px 0;font-size:19px;font-weight:600;letter-spacing:-.5px}.stats-preview p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.stats-preview-numbers{display:flex;gap:20px}.stats-preview-numbers>div{display:flex;flex-direction:column;gap:5px}.stats-preview-numbers strong{font:600 23px Space Grotesk,system-ui,sans-serif}.stats-preview-numbers small{color:var(--muted);font-size:9px}.stats-preview .btn{padding:12px 15px;font-size:11px}.game-picker .stats-preview{grid-column:3;grid-row:1 / span 2;margin:0;flex-direction:column;align-items:stretch;flex-wrap:nowrap;justify-content:space-between;padding:24px;gap:16px;background:linear-gradient(135deg,#3b2858,var(--surface));border-color:#a78bfa80;box-shadow:0 4px 20px #7c3aed14}.game-picker .stats-preview-copy{min-width:0;flex:none}.game-picker .stats-preview h2{display:block;font-size:26px;line-height:1.2}.game-picker .stats-preview p{display:block}.game-picker .stats-preview-numbers{flex-wrap:nowrap;gap:22px}.game-picker .stats-preview-numbers strong{font-size:22px}.stats-shell{width:min(100%,920px)}.accuracy-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:32px;border-radius:20px;background:linear-gradient(120deg,#4c1d95,var(--surface));color:#fff}.accuracy-hero .eyebrow{color:var(--selected-muted);font-size:9px}#stats-accuracy{display:block;font:600 clamp(40px,5vw,64px) "Space Grotesk",system-ui,sans-serif;letter-spacing:-3px;color:var(--mint);margin:10px 0 15px}.accuracy-track,.achievement-track,.terrain-stat-track{height:5px;border-radius:10px;background:var(--border);overflow:hidden}.accuracy-track{background:#ffffff25}.accuracy-track i,.achievement-track i,.terrain-stat-track i{display:block;height:100%;border-radius:inherit;background:var(--mint);transition:width .4s}.accuracy-track i{background:var(--mint)}.next-goal h2{font-size:21px;line-height:1.3;font-weight:500;margin:12px 0 8px;letter-spacing:-.5px}.next-goal p{font-size:11px;line-height:1.7;color:var(--selected-muted);margin:0 0 18px}.next-goal .btn{font-size:11px;padding:12px 18px}.stats-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.metric-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:13px;padding:22px 18px;background:var(--surface)}.metric-card>span{font-size:11px;color:var(--muted)}.metric-card strong{font:600 29px Space Grotesk,system-ui,sans-serif;letter-spacing:-1px}.metric-card small{font-size:9px;color:var(--muted);line-height:1.5}.stats-section{margin-top:34px}.stats-section-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:15px}.stats-section-title h2{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:0}.stats-section-title>span{font-size:10px;color:var(--muted)}.stats-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.achievement{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed var(--border);border-radius:14px;padding:18px 12px;background:var(--surface)}.achievement-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--surface-hover);color:var(--muted);border-radius:14px;font:600 17px Space Grotesk,system-ui,sans-serif;margin-bottom:13px}.achievement strong{font-size:11px}.achievement small{font-size:9px;line-height:1.6;color:var(--muted);margin:7px 0 12px}.achievement-state{font-size:9px;color:var(--muted);margin-top:auto}.achievement-track{width:100%;height:3px;margin-top:10px}.achievement.unlocked{border-style:solid;border-color:#a78bfa66;background:#a78bfa0d}.unlocked .achievement-mark{background:var(--mint);color:var(--on-mint);font-size:28px}.stats-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 20px}.terrain-stat,.history-row{display:flex;align-items:center;gap:20px;padding:17px 0}.terrain-stat+.terrain-stat,.history-row+.history-row{border-top:1px solid var(--border)}.terrain-stat>div:first-child{width:185px;flex-shrink:0}.terrain-stat strong,.history-row strong{font-size:11px;display:block;font-weight:600}.terrain-stat small,.history-row small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.terrain-stat-track{flex:1}.terrain-stat>strong{width:65px;text-align:right}.history-row>div{flex:1}.history-score{padding:7px 10px;border-radius:20px;background:var(--accent-soft);font-size:11px;font-weight:700;white-space:nowrap}.history-score.perfect{background:var(--mint);color:var(--on-mint)}.history-time{font-size:10px;color:var(--muted);width:85px;text-align:right}.stats-empty{color:var(--muted);font-size:11px;line-height:1.8;padding:15px 0}.stats-game-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.stats-game-tabs button{padding:12px 18px;font-size:12px}.border-shell{width:min(100%,760px)}.border-rule-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:24px;margin:24px 0}.border-rule-card .eyebrow{color:var(--mint)}.border-rule-card ol{padding-left:20px;font-size:13px;line-height:2}.border-rule-card p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:0}.border-region-label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}#border-region{width:min(100%,340px);min-height:48px;padding:12px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:12px;font:inherit;font-size:13px}#border-region:focus-visible,#border-input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}#border-setup-count,#border-challenge-count{line-height:1.6}.border-source{font-size:9px;color:var(--muted);line-height:1.8;margin-top:22px}.border-source a{color:var(--mint)}#border-game-screen{background:radial-gradient(ellipse at 50% 0,#2563eb18,transparent 55%),var(--bg);padding:0 24px 36px}.border-play-shell{width:min(100%,820px);margin:0 auto}.border-header{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}.border-header .game-context{flex-direction:column;align-items:flex-start;gap:5px}#border-round-counter{font-size:10px;color:var(--muted)}.border-country-card{text-align:center;padding:36px 12px 26px}.border-country-card .eyebrow{color:var(--mint);font-size:9px}.border-country-flag{min-height:48px;margin:20px auto 14px;display:flex;justify-content:center}.border-country-flag img{width:80px;height:auto;max-height:54px;object-fit:contain;border-radius:5px;box-shadow:0 4px 20px #0003}.border-country-card h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.7px;margin:12px 0}.border-country-card p{font-size:13px;color:var(--muted);margin:0}.border-found-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:10px}.border-found-heading strong{color:var(--mint);font-variant-numeric:tabular-nums}.border-found-track{height:5px;border-radius:10px;background:var(--border);overflow:hidden}.border-found-track i{display:block;height:100%;width:0;background:var(--mint);border-radius:inherit;transition:width .25s}#border-form{margin-top:26px}#border-form label{display:block;margin-bottom:10px;font-size:12px;font-weight:600}.border-input-row{display:flex;gap:12px}.border-input-wrap{flex:1;min-width:0;position:relative}#border-input{width:100%;min-height:52px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);padding:14px 16px;font:inherit;font-size:16px}#border-input::placeholder{color:var(--muted);font-size:13px}#border-input:disabled{opacity:.5}.border-suggestions{list-style:none;margin:6px 0 0;padding:6px;position:absolute;inset:100% 0 auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0005;max-height:250px;overflow-y:auto;z-index:5}.border-suggestions li{padding:12px;border-radius:8px;font-size:13px;cursor:pointer}.border-suggestions li:hover,.border-suggestions li[aria-selected=true]{background:var(--blue);color:#fff}.border-feedback{color:var(--muted);font-size:12px;line-height:1.7;min-height:42px;margin:12px 0}.border-feedback.success{color:var(--success)}.border-feedback.error{color:#ff9b9b}.border-neighbors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0}.border-neighbor{display:flex;align-items:center;gap:9px;min-height:56px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:11px;overflow-wrap:anywhere}.border-neighbor img{width:28px;height:20px;object-fit:contain;flex-shrink:0;border-radius:2px}.border-neighbor>span:not(.neighbor-mark){flex:1}.border-neighbor.found{border-color:#4ade8055;background:#4ade800c}.border-neighbor.missed{border-color:#ff6b6b44;background:#ff6b6b08}.border-neighbor.empty{border-style:dashed;color:var(--muted);background:transparent}.neighbor-mark{margin-left:auto;color:var(--success)}.missed .neighbor-mark{color:#ff9b9b}.border-round-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.border-rule-note{font-size:10px;color:var(--muted);text-align:center;margin:25px 0 0}.border-results{text-align:center}#border-final-score{font:600 clamp(50px,6vw,80px) "Space Grotesk",system-ui,sans-serif;letter-spacing:-3px;color:var(--mint);margin:25px 0 12px}#border-results-caption{color:var(--ink);font-size:13px}#border-result-wrong{color:var(--muted);font-size:11px;margin-bottom:25px}.border-review{text-align:left;margin-top:35px}.border-review-country{margin:20px 0;padding:20px;border:1px solid var(--border);border-radius:16px;background:#232b3644}.border-review-country h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:14px;font-weight:600}.border-review-country h3 img{width:28px;height:20px;object-fit:contain}.hop-play-shell{width:min(100%,960px);margin:0 auto}#hop-game-screen{padding:0 24px 32px;background:var(--bg)}.hop-header{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.hop-header .game-context{flex-direction:column;align-items:flex-start;gap:5px}.hop-header .game-context small{color:var(--muted);font-size:10px}#hop-step-count{white-space:nowrap}.hop-play-shell .play-breadcrumb{padding:12px 0}.hop-endpoints{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:14px;margin:10px 0 20px}.hop-endpoints>div{min-width:0;padding:15px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.hop-endpoints>div:first-child{border-color:#2563eb99}.hop-endpoints>div>span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.hop-endpoints strong{font:600 20px Space Grotesk,system-ui,sans-serif;overflow-wrap:anywhere}.hop-endpoint-separator{text-align:center;color:var(--mint)}.hop-map-container{height:clamp(250px,43dvh,430px);position:relative;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:radial-gradient(ellipse,#253447,#18212d)}.hop-map-container svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.hop-map-container svg:active{cursor:grabbing}.hop-map-controls{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px}.hop-country{vector-effect:non-scaling-stroke;stroke-width:1.5px}.hop-country.history,.hop-country-pin.history{fill:var(--blue);stroke:#93c5fd}.hop-country.visited,.hop-country-pin.visited{fill:#228c57;stroke:var(--success)}.hop-country.optimal-only,.hop-country-pin.optimal-only{fill:#228c57;stroke:var(--success);stroke-width:2px}.hop-country-pin{vector-effect:non-scaling-stroke;stroke-width:1.5px}.hop-map-labels,.hop-map-lines{pointer-events:none}.hop-map-labels text{fill:var(--ink);font:600 11px DM Sans,system-ui,sans-serif;stroke:var(--bg);stroke-width:4px;paint-order:stroke;stroke-linejoin:round}.hop-trail{fill:none;vector-effect:non-scaling-stroke;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hop-trail.actual{stroke:#60a5fa}.hop-trail.optimal{stroke:var(--success);stroke-dasharray:6 5}.hop-map-legend{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 20px;color:var(--muted);font-size:10px}.hop-map-legend span{display:flex;align-items:center;gap:7px}.hop-map-legend span:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--blue)}.hop-map-legend .visited:before{background:var(--success)}.hop-map-legend .optimal:before{background:var(--success)}#hop-form>label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}#hop-current-country{color:var(--ink)}#hop-input{width:100%;min-height:52px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px}#hop-input::placeholder{color:var(--muted);font-size:13px}#hop-input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.hop-route{display:flex;flex-wrap:wrap;gap:8px;max-height:170px;overflow-y:auto;padding:0;margin:16px 0 0;list-style:none}.hop-route li{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #2563eb88;border-radius:10px;background:#2563eb22;font-size:11px}.hop-route li.is-current{background:#4ade8012;border-color:#4ade8077}.hop-step-number{color:var(--mint);font-size:9px;font-variant-numeric:tabular-nums}.hop-results{width:min(100%,960px)}.hop-results>h1{font-size:clamp(32px,4vw,46px);letter-spacing:-1.5px}.hop-result-counts{display:flex;gap:36px;margin:25px 0 18px}.hop-result-counts>div{display:flex;flex-direction:column;gap:8px}.hop-result-counts span{font-size:11px;color:var(--muted)}.hop-result-counts strong{font:600 46px Space Grotesk,system-ui,sans-serif;color:var(--mint)}#hop-result-extra{font-size:13px}.result-map{margin-top:25px;height:340px}.hop-route-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0 30px}.hop-route-comparison>section{min-width:0;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.hop-route-comparison h2{font-size:15px;margin:0;font-weight:600}.hop-route.optimal li{border-color:#4ade8066;background:#4ade8012}.hop-route-comparison>section:nth-child(2){border-color:#4ade8055}.hop-route-comparison>section:nth-child(2) h2{color:var(--success)}.hop-route-panel{min-width:0}.hop-route-panel .hop-route{margin:0 0 20px}.is-text-only .hop-play-shell{min-height:calc(100dvh - 32px);display:flex;flex-direction:column}.is-text-only .hop-route-panel{flex:1;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}.is-text-only #hop-route{flex-direction:column;flex-wrap:nowrap;align-items:stretch;max-height:45dvh;gap:9px}.is-text-only #hop-route li{min-height:48px;padding:12px 16px;flex-shrink:0}.is-text-only #hop-form{position:sticky;bottom:0;padding:14px 0 5px;background:var(--bg);z-index:4}.history-row>div{min-width:0;overflow-wrap:anywhere}@media (min-width: 1400px){.menu-screen{padding-left:12vw}}@media (max-width: 850px){.menu-screen{padding:28px 6vw}.menu-shell{margin:auto;max-width:680px}.decorative-globe{right:-25vw;opacity:.35}.streak-badge{top:auto;bottom:72px;left:20px}}@media (max-width: 850px) and (min-width: 541px){.game-picker{grid-template-rows:repeat(3,145px);gap:9px}.game-option{padding:16px}.game-option .game-copy strong{font-size:18px}.game-option .game-state{font-size:7px;padding:6px}.game-with-logo{grid-template-columns:48px minmax(0,1fr);column-gap:8px;row-gap:9px}.game-card-logo{width:48px;height:48px}.game-with-logo .game-copy strong{font-size:15px;letter-spacing:-.3px}.game-with-logo .game-state{font-size:9px;padding:5px 8px}.game-option.playable .game-copy small{display:none}.game-option.playable .game-copy strong{font-size:24px}.game-option.playable .game-state{padding:8px 12px;font-size:10px}.game-picker .stats-preview{padding:14px}.game-picker .stats-preview h2{font-size:20px}.tile-art{right:12px;opacity:.15}}@media (max-width: 540px){.menu-screen{padding:22px}.brand{font-size:12px}.menu-intro{margin:25px 0}h1{letter-spacing:-2px;font-size:40px}.menu-intro p{font-size:12px}.region-grid{grid-template-columns:repeat(2,1fr);gap:8px}.region-option:first-child{grid-column:span 2}.region-option{padding:11px 9px;min-height:64px;gap:7px}.region-icon{width:40px}.region-copy strong{font-size:11px}.region-copy small{font-size:8px}.game-picker{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,140px);gap:9px}.game-option{padding:12px 9px;gap:9px;flex-wrap:nowrap;border-radius:13px}.game-option.playable{grid-column:1;grid-row:1 / span 2;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 12px}.game-option.playable .game-copy{flex:none;margin-left:0;padding-top:0}.game-option.playable .game-copy strong{font-size:clamp(20px,6vw,26px)}.map-game-logo{width:76px;height:76px}.game-option.playable .game-state{font-size:9px;padding:8px 10px}.game-frontier{grid-column:2;grid-row:2}.game-border-hop{grid-column:2;grid-row:3}.game-population{grid-column:1;grid-row:3}.game-flags{grid-column:1 / -1;grid-row:4;padding:12px 9px}.game-option .game-copy strong{font-size:14px;letter-spacing:-.3px;overflow-wrap:anywhere}.game-border-hop .game-copy strong{font-size:14px}.game-option:not(.playable) .game-copy small{display:none}.game-option.playable .game-copy small{display:block}.game-option .game-state{padding:4px;font-size:7px;white-space:normal;line-height:1.4}.game-picker .stats-preview{grid-column:2;grid-row:1;padding:12px 8px;gap:8px;border-radius:13px}.game-picker .stats-preview-copy,.game-picker .stats-preview h2,.game-picker .stats-preview p{display:none}.game-picker .stats-preview .eyebrow{font-size:7px;letter-spacing:.5px}.game-picker .stats-preview-numbers{flex-direction:row;flex-wrap:nowrap;gap:4px;flex:none}.game-picker .stats-preview-numbers>div{flex-direction:column;align-items:flex-start;gap:4px}.game-picker .stats-preview-numbers strong{font-size:16px}.game-picker .stats-preview-numbers small{font-size:8px}.game-picker .stats-preview .btn{min-height:44px;padding:8px 3px;font-size:9px;white-space:normal}.tile-art{opacity:.1;top:20px;right:10px;transform:scale(.7);transform-origin:top right}.game-copy strong{font-size:13px}.game-copy small{font-size:10px;line-height:1.5}.game-state{margin-left:0;font-size:8px}.playable .game-state{margin-left:0}.breadcrumb{margin-top:22px}.setup-step{font-size:8px}.selected-terrain{padding:13px;gap:12px}:is(#challenge-screen,#border-challenge-screen,#hop-challenge-screen) .difficulty-options{flex-direction:column}:is(#challenge-screen,#border-challenge-screen,#hop-challenge-screen) .difficulty-option{padding:18px}.difficulty-option p{margin-top:12px;max-width:none;font-size:11px}fieldset{margin-bottom:19px}.launch-row{flex-direction:column;gap:8px}.launch-row .btn-progress{width:100%}#load-status,.setup-status{margin:8px 0 0}.play-breadcrumb{margin:0;padding:8px 16px}.menu-footnote{text-align:center;margin-top:14px}#header{padding:12px 15px;gap:12px}.game-context{flex-direction:column;gap:3px;align-items:flex-start;font-size:11px}.game-header,#header.game-header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px}.game-hud{grid-column:1 / -1;justify-content:flex-end;gap:8px}.game-name{font-size:19px}.game-header .game-context small,.game-meta{font-size:9px}.game-timer{padding:8px 12px}.score-hud.score-pill{padding:9px 14px}#question-counter{border:0;padding:0;font-size:9px}.score-pill{padding:8px 12px;font-size:17px}.question-card{top:22px}.question-card h2{font-size:27px}.map-controls{right:14px;bottom:70px}.map-footer{left:15px;right:15px;bottom:15px}.map-footer>span{font-size:8px;max-width:170px;line-height:1.6}#answer-status{font-size:10px}.results-actions{flex-direction:column}#final-score{font-size:70px}.stats-preview{gap:18px;padding:18px}.stats-preview-copy{flex-basis:100%;min-width:0}.stats-preview-numbers{flex:1}.accuracy-hero{grid-template-columns:1fr;padding:24px;gap:24px}.stats-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{padding:17px 12px}.metric-card strong{font-size:24px}.metric-card>span{font-size:10px}.stats-badges{grid-template-columns:repeat(2,1fr)}.stats-section-title h2{font-size:18px}.stats-panel{padding:4px 13px}.terrain-stat,.history-row{gap:12px}.terrain-stat>div:first-child{width:135px}.terrain-stat>strong{width:48px;font-size:10px}.history-time{width:auto;font-size:9px}.history-row small{font-size:8px}#stats-storage-note{line-height:1.8}.border-rule-card{padding:18px}.border-rule-card ol{font-size:12px;line-height:1.9}#border-game-screen{padding:0 16px 25px}.border-header{padding:14px 0;gap:12px}.border-header .game-context{font-size:10px}.border-country-card{padding:25px 0 22px}.border-country-card h1{font-size:30px}.border-country-card p{font-size:11px}.border-country-flag{margin:16px auto 10px}.border-input-row{gap:8px}#btn-border-submit{padding:12px;font-size:11px}#border-input{padding:12px}#border-input::placeholder{font-size:11px}.border-feedback{font-size:11px}.border-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.border-neighbor{padding:10px 8px;gap:7px;font-size:10px}.border-round-actions .btn{width:100%;font-size:11px}.border-review-country{padding:14px}.border-results .results-actions{flex-direction:column}#hop-game-screen{padding:0 16px 25px}.is-text-only .hop-play-shell{min-height:calc(100dvh - 25px)}.hop-header{gap:10px;padding:14px 0}.hop-header .game-context{font-size:11px}.hop-header .game-context small{font-size:9px}.hop-endpoints{gap:7px;grid-template-columns:1fr 18px 1fr;margin-top:5px}.hop-endpoints>div{padding:12px}.hop-endpoints strong{font-size:16px}.hop-endpoints>div>span{font-size:9px}.hop-map-container{height:290px}.hop-map-legend{gap:12px;font-size:9px}#hop-input{padding:12px}#hop-input::placeholder{font-size:11px}#btn-hop-submit{padding:12px;font-size:11px}.hop-route-comparison{grid-template-columns:1fr}.hop-results .results-actions{flex-direction:column}.history-score{font-size:10px;padding:7px 8px}.game-with-logo{grid-template-columns:minmax(0,1fr);grid-template-rows:48px auto auto;row-gap:6px;justify-items:center;text-align:center}.game-card-logo{width:48px;height:48px;grid-column:1;grid-row:1}.game-with-logo .game-copy{grid-column:1;grid-row:2}.game-with-logo .game-copy strong{font-size:14px;line-height:1.1}.game-with-logo .game-state{grid-column:1;grid-row:3;justify-self:center;font-size:8px;padding:4px 8px}}@media (max-height: 500px) and (min-width: 600px){#header{padding:7px 18px}.question-card{top:8px}.question-card h2{font-size:23px;margin:3px 0}.question-card .eyebrow{font-size:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}