:root{--red: #d52b1e;--ink: #fffaf2;--glass: rgba(18, 22, 30, .42);--glass-strong: rgba(14, 18, 26, .72);--line: rgba(255, 255, 255, .16);--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0e14;color:var(--ink);font-family:var(--sans)}canvas#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.brand{font-family:var(--serif);font-weight:700;font-size:clamp(40px,6vw,84px);letter-spacing:-.02em;display:flex;align-items:center;gap:.35em;text-shadow:0 4px 30px rgba(0,0,0,.35)}.cross{width:.72em;height:.72em;background:var(--red);border-radius:.1em;position:relative;flex:none;box-shadow:0 4px 20px #d52b1e66}.cross:before,.cross:after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.cross:before{width:62%;height:19%}.cross:after{width:19%;height:62%}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 120%,#f5a35b,#6a4d7a,#141a2c 80%);z-index:50;transition:opacity .8s}.load-sub{opacity:.8;letter-spacing:.08em;font-size:14px}.bar{width:min(360px,70vw);height:3px;background:#ffffff26;border-radius:3px;overflow:hidden}#load-bar{height:100%;width:0;background:#fff;transition:width .2s}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;justify-content:space-between;padding:6vh 5vw 4vh;background:linear-gradient(180deg,#0a0c148c,#0a0c1400 35%,#0a0c1400 55%,#0a0c14b3)}.menu-head .tag{margin-top:6px;opacity:.85;letter-spacing:.22em;text-transform:uppercase;font-size:12px;padding-left:4px}#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;max-width:1400px}.card{cursor:pointer;text-align:left;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);color:var(--ink);border-radius:16px;padding:16px 16px 14px;transition:transform .2s,background .2s,border-color .2s;font-family:var(--sans)}.card:hover{transform:translateY(-4px);background:#ffffff29;border-color:#fff6}.card .k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.card .n{font-family:var(--serif);font-size:24px;font-weight:600;margin:4px 0 6px}.card .d{font-size:13px;line-height:1.4;opacity:.85}.card .meta{margin-top:10px;font-size:11px;opacity:.65}.menu-foot{font-size:12px;opacity:.75}.credits{margin-top:6px;font-size:10px;opacity:.7}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud-title{position:absolute;top:22px;left:26px;text-shadow:0 2px 12px rgba(0,0,0,.5)}#hud-title .t{font-family:var(--serif);font-size:28px;font-weight:600}#hud-title .o{font-size:13px;opacity:.9;margin-top:4px;max-width:420px;line-height:1.4}#hud-stats{position:absolute;top:22px;right:26px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:60vw}.stat{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;padding:8px 14px;min-width:92px}.stat .l{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.stat .v{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.stat.good .v{color:#9cf0a8}.stat.bad .v{color:#ff9c8a}#hud-help{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:12px;opacity:.9;text-shadow:0 1px 8px rgba(0,0,0,.6);max-width:92vw}#hud-help kbd{font-family:var(--sans);background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:5px;padding:1px 6px;margin-right:4px;font-size:11px}#hud-center{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:var(--serif);font-size:44px;font-weight:600;text-shadow:0 4px 30px rgba(0,0,0,.5);transition:opacity .4s;opacity:0}#hud-center small{display:block;font-family:var(--sans);font-size:16px;font-weight:400;margin-top:10px;opacity:.9}#hud-center.show{opacity:1}#hud-clock{position:absolute;bottom:22px;right:26px;font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}#toasts{position:absolute;top:120px;left:26px;display:flex;flex-direction:column;gap:8px}.toast{background:var(--glass-strong);border:1px solid var(--line);border-left:3px solid var(--red);padding:9px 14px;border-radius:10px;font-size:13px;animation:tin .35s ease-out;max-width:360px}@keyframes tin{0%{opacity:0;transform:translate(-12px)}}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#fffc}#pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#080a1080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.panel{width:min(560px,92vw);max-height:90vh;overflow:auto;background:var(--glass-strong);border:1px solid var(--line);border-radius:20px;padding:26px 28px}.panel h2{font-family:var(--serif);margin:0 0 18px;font-size:32px}.panel h3{font-family:var(--serif);font-weight:500;margin:22px 0 10px}.panel label{display:block;margin:14px 0;font-size:14px}.panel label.row{display:flex;justify-content:space-between;align-items:center}.panel input[type=range]{width:100%;margin-top:8px;accent-color:var(--red)}.seg{display:inline-flex;background:#ffffff14;border-radius:10px;padding:3px}.seg button,.btns button{font-family:var(--sans);font-size:13px;color:var(--ink);background:transparent;border:0;padding:7px 12px;border-radius:8px;cursor:pointer}.seg button.on{background:#ffffff38}.btns{display:flex;gap:10px;margin-top:22px}.btns button{background:#ffffff1f;padding:10px 18px}.btns button.primary{background:var(--red)}#album{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:13px;opacity:.9}#album img{width:100%;border-radius:6px;border:3px solid #fff;box-shadow:0 4px 14px #0006}#map{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#080a10b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}#map-canvas{width:min(86vh,92vw);height:min(86vh,92vw);border-radius:14px;box-shadow:0 20px 60px #00000080;cursor:crosshair}.map-note{font-size:13px;opacity:.85}#flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:40;transition:opacity .5s}#flash.on{opacity:.85;transition:none}@media (max-width: 640px){#menu{padding:4vh 16px}#hud-title{left:16px}#hud-stats{right:16px}}