:root{color-scheme:dark;--bg: #15171a;--panel: #1e2126;--panel-2: #262a30;--border: #33383f;--text: #e6e8eb;--muted: #8a8f98;--accent: #ffb020;--accent-ink: #1a1200;--good: #3ddc97;--bad: #ff6b6b;--guess: #e69f00;--answer: #009e73;--focus: #56b4e9;--radius: 10px;--header-h: 52px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1:focus,h2:focus{outline:none}.skip-link{position:absolute;left:8px;top:-200px;z-index:200;padding:8px 14px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none}.skip-link:focus{top:8px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer}button:hover:not(:disabled){border-color:#4a515a;background:#2d323a}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}button.primary:hover:not(:disabled){background:#ffc14d}button.ghost{background:transparent;border-color:transparent;color:var(--muted);padding:4px 8px;font-size:13px}button.ghost:hover:not(:disabled){color:var(--text);background:var(--panel-2)}#app{height:100%;display:flex;flex-direction:column}.header{height:var(--header-h);flex:0 0 auto;display:flex;align-items:center;gap:18px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border)}.header .brand{font-weight:700;letter-spacing:.02em}.header .stat{display:flex;align-items:baseline;gap:6px;color:var(--muted);font-size:13px}.header .stat b{color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.header .spacer{flex:1}.timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:18px;padding:4px 12px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.timer.low{color:var(--bad);border-color:var(--bad)}.game{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.photo{position:relative;min-height:0;background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.photo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.photo .photo-loading{position:absolute;color:var(--muted)}.map-pane{position:relative;min-height:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#0e1012}.map-canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.map-pane:has(.map-canvas:focus-visible){border-color:var(--focus);box-shadow:inset 0 0 0 2px var(--focus)}.map-hud{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:10px;pointer-events:none}.map-hud>*{pointer-events:auto}.hud-pill{background:#14161ae6;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.hud-pill b{color:var(--text)}.map-hud .spacer{flex:1}.hint{position:absolute;top:10px;left:10px;right:10px;text-align:center;pointer-events:none;font-size:13px;color:var(--muted)}.hint span{background:#14161ad9;padding:4px 10px;border-radius:6px}.reveal{position:absolute;left:10px;right:10px;bottom:10px;background:#1e2126f5;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px}.reveal .kv{display:flex;flex-direction:column}.reveal .kv small{color:var(--muted);font-size:12px}.reveal .kv b{font-size:18px;font-variant-numeric:tabular-nums}.reveal .kv.total b{color:var(--accent);font-size:22px}.reveal .actions{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:4px}.reveal .actions .spacer{flex:1}.reveal .legend{grid-column:1 / -1;display:flex;gap:14px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}.legend i.guess{background:var(--guess);box-shadow:0 0 0 1.5px #111}.legend i.answer{background:var(--answer);box-shadow:0 0 0 1.5px #111;border-radius:2px;transform:rotate(45deg)}.late-banner{grid-column:1 / -1;color:var(--bad);font-weight:600}.screen{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;max-width:640px;width:100%}.card h1{margin:0 0 6px;font-size:22px}.card h2{margin:0 0 14px;font-size:15px;color:var(--muted);font-weight:500}.card p{color:var(--muted)}.card .big{font-size:40px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;margin:8px 0 16px}table.rounds{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-bottom:18px}table.rounds th,table.rounds td{text-align:right;padding:6px 8px;border-bottom:1px solid var(--border)}table.rounds th:first-child,table.rounds td:first-child{text-align:left}table.rounds th{color:var(--muted);font-weight:500;font-size:13px}table.rounds td.late{color:var(--bad)}.error{color:var(--bad);margin-bottom:14px}#toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none}.toast{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 16px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:none}@media(max-width:899px){.game{grid-template-columns:1fr;grid-template-rows:minmax(160px,38%) 1fr;gap:8px;padding:8px}.header{gap:10px;padding:0 10px}.header .brand{display:none}.reveal{grid-template-columns:repeat(2,1fr);gap:6px 10px;padding:10px 12px}.reveal .kv b{font-size:16px}}.maplegend-btn{padding:6px 10px;font-size:13px;background:#14161ae6}.maplegend{position:absolute;top:10px;left:10px;bottom:60px;width:min(440px,calc(100% - 20px));overflow-y:auto;overscroll-behavior:contain;z-index:5;background:#1e2126f7;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px 12px;font-size:14px}.maplegend[hidden]{display:none}.maplegend-defs{position:absolute;width:0;height:0;overflow:hidden}.maplegend-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.maplegend-close{padding:0 10px;font-size:20px;line-height:30px}.maplegend h3{margin:14px 0 6px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.maplegend ul{list-style:none;margin:0;padding:0}.maplegend li{display:flex;align-items:center;gap:10px;padding:4px 0}.maplegend li>div{display:flex;flex-direction:column;min-width:0}.maplegend small{color:var(--muted);font-size:12px}.maplegend .maplegend-dims{color:var(--text)}.maplegend-swatch,.maplegend-icon{flex:none}.maplegend-icon{padding:4px;background:#f4efe2;border-radius:6px;box-sizing:content-box}.maplegend-thumb{flex:none;width:96px;height:96px;border-radius:6px;background:#a9b8c8;object-fit:cover}.maplegend-foot{margin:8px 0 0;font-size:12px;color:var(--muted)}@media(max-width:520px){.maplegend-thumb{width:72px;height:72px}.maplegend li{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.toast{transform:none}}@media(prefers-contrast:more){:root{--muted: #c3c7cd;--border: #8a929c;--panel-2: #2b3037}.hud-pill,.hint span,.reveal,.maplegend{background:var(--panel)}button.ghost{border-color:var(--border)}}