:root{--bg:#0b0f17;--bg-elev:#131a26;--bg-elev2:#1b2435;--border:#283349;--text:#e8edf6;--text-dim:#9aa7bd;--accent:#5b8cff;--accent-2:#00d4a0;--danger:#ff5d6c;--gold:#ffd166;--radius:14px;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 800px at 70% -10%, #16203400, #0b0f17), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1180px;margin:0 auto;padding:24px}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand .dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:12px;height:12px;box-shadow:0 0 14px var(--accent);border-radius:50%}.muted{color:var(--text-dim)}.center{text-align:center}.btn{border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:600;transition:transform 60ms,border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--accent), #3f6fe0);border-color:#0000}.btn.success{background:linear-gradient(135deg, var(--accent-2), #00a37c);color:#04150f;border-color:#0000}.btn.ghost{background:0 0}.btn.block{width:100%}.btn.lg{padding:16px 22px;font-size:16px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 14px;font-size:15px}.input:focus{border-color:var(--accent)}.pill{background:var(--bg-elev2);border:1px solid var(--border);color:var(--text-dim);text-transform:capitalize;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.tag-diff-easy{color:var(--accent-2)}.tag-diff-medium{color:var(--gold)}.tag-diff-hard{color:var(--danger)}.map{border-radius:var(--radius);border:1px solid var(--border);width:100%;height:100%;min-height:360px;overflow:hidden}.leaflet-container{background:#d6e3ee;font-family:inherit}.game-screen{background:#d6e3ee;position:fixed;inset:0;overflow:hidden}.map-full{border:none;border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.hud{z-index:1200;position:absolute}.hud-tl{top:12px;left:12px}.hud-tr{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f17b8;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex;top:12px;right:12px}.hud-tr .hud-round{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.hud-timer{width:min(60vw,360px);top:12px;left:50%;transform:translate(-50%)}.hud-bottom{pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(94vw,540px);max-height:82vh;display:flex;bottom:18px;left:50%;overflow:auto;transform:translate(-50%)}.hud-bottom>*{pointer-events:auto}.photo-mini{width:200px}.photo-mini .photo-wrap{box-shadow:0 8px 24px #00000073}@media (max-width:560px){.photo-mini{width:130px}.hud-tr{gap:6px;padding:6px 8px}.hud-mode,.leaflet-control-zoom{display:none}}.photo-wrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev2);aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.photo-wrap img{object-fit:cover;width:100%;height:100%;display:block}.photo-fallback{color:var(--text-dim);background:repeating-linear-gradient(45deg,#16203400,#162034 12px,#1b2435 12px 24px);justify-content:center;align-items:center;font-size:64px;font-weight:800;display:flex;position:absolute;inset:0}.row{gap:16px;display:flex}.col{flex-direction:column;gap:16px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.game-grid{grid-template-columns:minmax(280px,.85fr) 1.15fr;align-items:stretch;gap:18px;display:grid}@media (max-width:880px){.grid-2,.game-grid{grid-template-columns:1fr}}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.score-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.score-row.me{border-color:var(--accent)}.score-row .rank{width:26px;color:var(--text-dim);font-weight:700}.score-row .pts{color:var(--gold);font-weight:800}.hp-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:8px 10px}.hp-row.me{border-color:var(--accent)}.hp-top{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.hp-name{flex:1;font-size:14px;font-weight:600}.hp-dmg{color:var(--danger);font-size:13px;font-weight:700}.hp-val{color:var(--text);font-size:13px;font-weight:800}.hp-bar{background:var(--bg-elev2);border-radius:999px;height:9px;overflow:hidden}.hp-bar>span{height:100%;transition:width .4s;display:block}.points-big{letter-spacing:-.02em;background:linear-gradient(135deg, var(--gold), #ff9f43);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:900}.notice{color:var(--text-dim);border-left:3px solid var(--border);background:var(--bg);border-radius:0 8px 8px 0;padding:8px 12px;font-size:13px}.timer-bar{background:var(--bg-elev2);border-radius:999px;height:6px;overflow:hidden}.timer-bar>span{background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width .3s linear;display:block}.hero-title{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(34px,6vw,58px);font-weight:900;line-height:1.02}.hero-title span{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.link-report{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}