:root{--sea:#b8d4e6;--context:#dedad0;--context-edge:#a9a598;--polity:#f7f2e2;--unsolved:#93cc7d;--hover:#16408047;--generic:#c6c6c6;--border:#2f2f2f;--text:#1f1f1f;--bar:#f4f4f2;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body,#root{height:100%;margin:0}html{touch-action:manipulation}.map{background:var(--sea);width:100%;height:100%;position:relative;overflow:hidden}.map svg{cursor:grab;display:block}.map.pickable svg.over-target{cursor:pointer}.map svg:active{cursor:grabbing}.context{fill:var(--context);stroke:var(--context-edge);stroke-width:.8px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.polity{fill:var(--unsolved);stroke:var(--border);stroke-width:1.2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.polity.generic{fill:var(--generic)}.small-targets circle{fill:var(--unsolved);fill-opacity:.9;stroke:var(--border);stroke-width:1.2px;vector-effect:non-scaling-stroke}.hover-overlay{pointer-events:none}.hover-overlay path,.hover-overlay circle{fill:var(--hover);stroke:#16407f;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.map text{text-anchor:middle;dominant-baseline:middle;fill:var(--text);stroke:#fff;paint-order:stroke;pointer-events:none}.reset-view{position:absolute;bottom:12px;right:12px}.debug{flex-direction:column;height:100%;display:flex}.debug-bar{background:var(--bar);border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.debug-stats{color:#555}.debug-map{flex:1;min-height:0}.home,.loading,.error{padding:24px}.error{color:#b00020}:root{--solved-first:#fff;--solved-second:#f6d743;--solved-third:#f29a38;--failed:#d8453c;--flash:#b9a6e0}.map.pickable svg{cursor:pointer}.map.pickable svg:active{cursor:grabbing}.map .solved-first{fill:var(--solved-first)}.map .solved-second{fill:var(--solved-second)}.map .solved-third{fill:var(--solved-third)}.map .solved-failed{fill:var(--failed)}.map .flash{fill:var(--flash)}.map .blink{fill:var(--failed);animation:.5s linear 3 blink}@keyframes blink{50%{fill:var(--unsolved)}}.map text.note{stroke-width:4px;font-weight:600}.game{flex-direction:column;height:100%;display:flex}.game-bar{background:var(--bar);font-variant-numeric:tabular-nums;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:8px 12px;display:flex}.game-title{color:#555}.prompt{flex:1;min-width:200px;font-size:18px}.prompt-flag{vertical-align:-.25em;border:1px solid #0003;max-width:3em;height:1.2em;margin-left:.4em}.game-map{flex:1;min-height:0;position:relative}.reveal,.results{text-align:center;background:#fffffff2;border-radius:8px;width:fit-content;height:fit-content;margin:auto;padding:20px 32px;position:absolute;inset:0;box-shadow:0 4px 24px #0003}.reveal{font-size:40px;font-weight:700}.game-foot{background:#fafafa;border-top:1px solid #ddd;max-height:26vh;overflow:auto}.target-list{flex-wrap:wrap;gap:4px 16px;margin:0;padding:8px 12px;font-size:13px;list-style:none;display:flex}.shortcuts,.credits-line{color:#777;margin:0;padding:0 12px 6px;font-size:11px}.credits-line a{color:inherit}@media (pointer:coarse){.shortcuts,.game-bar kbd{display:none}}.target-list li.first,.target-list li.second,.target-list li.third,.target-list li.failed{color:#888;text-decoration:line-through}.target-list li:before{content:"";border:1px solid var(--border);background:var(--unsolved);width:9px;height:9px;margin-right:5px;display:inline-block}.target-list li.first:before{background:var(--solved-first)}.target-list li.second:before{background:var(--solved-second)}.target-list li.third:before{background:var(--solved-third)}.target-list li.failed:before{background:var(--failed)}kbd{background:#fff;border:1px solid #bbb;border-radius:3px;padding:0 4px;font-size:11px}button,.button{font:inherit;color:var(--text);cursor:pointer;background:#fff;border:1px solid #b8b8b8;border-radius:6px;padding:6px 14px;text-decoration:none}button:disabled{cursor:default;opacity:.5}.primary{color:#fff;background:#2f6f9f;border-color:#2f6f9f}.picker{max-width:880px;margin:0 auto;padding:32px 16px}.picker h1{margin:8px 0}.lede{color:#555}.back{color:#2f6f9f;text-decoration:none}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:24px 0;display:grid}.tile{background:var(--polity);color:var(--text);text-align:left;cursor:pointer;border:1px solid #d4d4d4;border-radius:10px;flex-direction:column;gap:4px;padding:18px 16px;text-decoration:none;display:flex}.tile strong{font-size:18px}.tile span{color:#666;font-size:13px}a.tile:hover,button.tile:hover{border-color:#2f6f9f}.tile.disabled{cursor:default;background:#eee}.surprise{padding:10px 24px;font-size:18px}.picker-foot{margin-top:32px;font-size:13px}.era{margin:8px 0 20px;display:inline-block}.year-card{border:1px solid #d4d4d4;border-radius:10px;padding:20px}.year-choice{font-size:18px}.year-choice strong{font-size:32px}.year-slider{width:100%;margin:16px 0 4px}.year-range{color:#666;justify-content:space-between;font-size:13px;display:flex}.year-actions{gap:12px;margin-top:20px;display:flex}.game-bar .back{font-size:20px;line-height:1}.medal{vertical-align:-2px;border:1px solid #00000040;border-radius:50%;width:14px;height:14px;display:inline-block}.medal.bronze{background:radial-gradient(circle at 35% 35%,#f0b27a,sienna)}.medal.silver{background:radial-gradient(circle at 35% 35%,#fafafa,#9a9a9a)}.medal.gold{background:radial-gradient(circle at 35% 35%,#fff3a0,#d4a106)}.medal.platinum{background:radial-gradient(circle at 35% 35%,#fff,#8fb8c9)}.tile{position:relative}.tile .medal{width:20px;height:20px;position:absolute;top:12px;right:12px}.year-best{color:#444;margin:12px 0 0}.results{box-sizing:border-box;width:min(440px,100% - 32px);max-height:calc(100% - 32px);overflow:auto}.results h2{margin:0}.results h3{margin:20px 0 8px;font-size:15px}.results-close{background:0 0;border:none;font-size:18px;position:absolute;top:8px;right:8px}.results-meta{color:#666;margin:4px 0 16px;font-size:13px}.results-numbers{justify-content:space-around;display:flex}.results-numbers div{flex-direction:column;align-items:center;gap:2px;display:flex}.results-numbers strong{font-variant-numeric:tabular-nums;font-size:26px}.results-numbers .medal{vertical-align:-4px;width:26px;height:26px}.results-numbers span{color:#666;font-size:13px}.medal-bar{background:#e6e6e6;border-radius:5px;height:10px;margin:20px 8px 30px;position:relative}.medal-fill{background:#2f6f9f;border-radius:5px;height:100%}.medal-tick{color:#999;flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex;position:absolute;top:-3px;transform:translate(-50%)}.medal-tick .medal{opacity:.35;width:14px;height:14px}.medal-tick.reached{color:#333}.medal-tick.reached .medal{opacity:1}.results-best{font-weight:600}.more{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.more a,.results-foot a,.linkish{color:#2f6f9f}.linkish{background:0 0;border:none;padding:0;text-decoration:underline}.results-foot{margin:16px 0 0;font-size:13px}.map .inset{fill:var(--sea);stroke:#8aa3b3;stroke-width:1px;vector-effect:non-scaling-stroke}.credits{color:#555;border-top:1px solid #ddd;margin-top:40px;padding-top:12px;font-size:13px}.credits h2{margin:0 0 6px;font-size:14px}.credits ul{margin:0;padding-left:18px}.credits li{margin:4px 0}