*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:#04060e;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;color:#cfe6ff;-webkit-tap-highlight-color:transparent;user-select:none}#playerLayer{position:fixed;left:0;top:0;pointer-events:none;will-change:transform;display:block}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}#hud{position:fixed;inset:0;pointer-events:none;font-size:13px;letter-spacing:.04em}.panel{background:linear-gradient(180deg,rgba(10,22,40,.78),rgba(6,12,24,.62));border:1px solid rgba(90,190,255,.28);box-shadow:0 0 18px rgba(0,140,255,.1) inset,0 4px 18px rgba(0,0,0,.45);border-radius:6px}#topbar{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:6px 16px;border-radius:8px;font-variant-numeric:tabular-nums}.score{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.score small{font-size:11px;font-weight:600;color:#5d7f9b;letter-spacing:0}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}#scoreBlue{color:#6fd0ff}#scoreRed{color:#ff8a86}#timer{font-size:15px;font-weight:600;color:#eaf6ff;min-width:62px;text-align:center;text-shadow:0 0 12px rgba(120,210,255,.6)}#sep{width:1px;height:24px;background:rgba(120,200,255,.25)}#bottom{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(560px,88vw);display:flex;flex-direction:column;gap:6px;align-items:center}.barlabel{width:100%;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;color:#7fa8c9;letter-spacing:.16em}.barwrap{position:relative;width:100%;height:16px;border-radius:4px;background:rgba(6,16,30,.85);border:1px solid rgba(90,190,255,.25);overflow:hidden}#hpFill{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#1ee6a8,#5cf2c4 60%,#b9ffe8);box-shadow:0 0 14px rgba(60,240,190,.55);transition:width .08s linear}#hpFill.low{background:linear-gradient(90deg,#ff3b52,#ff8a5c);box-shadow:0 0 14px rgba(255,80,80,.6)}#heatFill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#ffb03a,#ff5d2a 70%,#ff2d2d);box-shadow:0 0 14px rgba(255,120,40,.5)}#heatWrap{height:9px}#heatWrap.over{animation:.25s infinite alternate overheat}@keyframes overheat{from{border-color:rgba(255,90,60,.4)}to{border-color:#ffc878}}#statline{display:flex;gap:18px;font-size:11px;color:#86b0cd;font-variant-numeric:tabular-nums;letter-spacing:.1em;white-space:nowrap;flex-wrap:nowrap}#statline span{white-space:nowrap}#statline b{color:#d7ecff;font-weight:600}#gaWrap.warn{color:#ffb07a;animation:.7s infinite alternate gaWarn}#gaWrap.warn b{color:#ff8f5c!important}@keyframes gaWarn{from{opacity:.55}to{opacity:1}}#killfeed{position:absolute;right:14px;top:14px;width:250px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:11.5px}.kf{padding:3px 9px;border-radius:4px;background:rgba(8,16,30,.72);border:1px solid rgba(90,190,255,.16);animation:.18s ease-out kfin}@keyframes kfin{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}.b{color:#6fd0ff;font-weight:600}.r{color:#ff8a86;font-weight:600}.g{color:#7c93a8}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(10,30,60,.72),rgba(2,4,10,.94) 70%);z-index:20;padding:20px}.overlay.hidden{display:none}.card{width:min(720px,94vw);padding:26px 30px 24px;background:linear-gradient(180deg,rgba(11,24,44,.95),rgba(5,10,20,.96));border:1px solid rgba(90,190,255,.35);border-radius:12px;box-shadow:0 0 60px rgba(0,130,255,.18),0 20px 60px rgba(0,0,0,.6);max-height:92vh;overflow-y:auto}h1{margin:0 0 2px;font-size:34px;letter-spacing:.22em;font-weight:800;background:linear-gradient(90deg,#7fe4ff,#b7a6ff 60%,#ff9ecb);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.sub{text-align:center;color:#6f93b2;font-size:12px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:18px}.grid{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:16px}.box{background:rgba(8,18,34,.6);border:1px solid rgba(90,190,255,.16);border-radius:8px;padding:12px 14px}.box h3{margin:0 0 8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#7fb6d8;font-weight:600}.row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:3px 0;color:#a9c4d8}.row span:last-child{color:#e6f4ff;font-weight:600;font-variant-numeric:tabular-nums}kbd{display:inline-block;min-width:22px;padding:2px 6px;border-radius:4px;text-align:center;background:rgba(30,60,95,.9);border:1px solid rgba(120,200,255,.35);border-bottom-width:2px;font-family:inherit;font-size:11px;color:#dff0ff;font-weight:600}.btn{display:block;width:100%;padding:13px;margin-top:6px;font-family:inherit;font-size:15px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#04121e;cursor:pointer;background:linear-gradient(90deg,#57d4ff,#9ad9ff 50%,#7ff0d0);border:none;border-radius:7px;box-shadow:0 0 26px rgba(70,200,255,.4);transition:transform .1s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 0 36px rgba(90,215,255,.65)}.btn:active{transform:translateY(1px)}.btn.ghost{background:0 0;color:#9fd2ee;border:1px solid rgba(90,190,255,.35);box-shadow:none;font-size:12px;letter-spacing:.14em;padding:9px;margin-top:8px}.btn.ghost:hover{background:rgba(60,150,220,.14);box-shadow:none}.btn.ghost.on{color:#0a1a12;background:linear-gradient(90deg,#6ff0c0,#a9f7d8);border-color:transparent}.hint{text-align:center;font-size:11px;color:#62809a;margin-top:10px;letter-spacing:.1em}.gcard{width:min(880px,95vw)}.gtabs{display:flex;gap:8px;margin:4px 0 14px;justify-content:center}.gtab{padding:7px 20px;font-family:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:rgba(8,18,34,.7);color:#7fb6d8;border:1px solid rgba(90,190,255,.22);border-radius:5px;cursor:pointer;font-weight:700}.gtab.on{color:#061420;background:linear-gradient(90deg,#57d4ff,#7ff0d0);border-color:transparent}.gpanel{display:none}.gpanel.on{display:block}.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt{position:relative;text-align:left;cursor:pointer;font-family:inherit;background:rgba(8,18,34,.62);border:1px solid rgba(90,190,255,.18);border-radius:8px;padding:12px 14px;color:#a9c4d8;transition:border-color .15s,background .15s}.opt:hover{border-color:rgba(120,215,255,.5);background:rgba(14,30,52,.8)}.opt.on{border-color:rgba(120,240,200,.75);background:rgba(12,40,44,.7);box-shadow:0 0 22px rgba(60,220,180,.16) inset}.opt .t{font-size:14px;font-weight:700;color:#e9f7ff;letter-spacing:.06em;margin-bottom:3px}.opt .d{font-size:11.5px;line-height:1.5;color:#93aec4}.opt .k{margin-top:7px;display:flex;gap:12px;font-size:10.5px;color:#7fb6d8;letter-spacing:.06em;text-transform:uppercase}.opt .k b{color:#d7ecff;font-weight:700}.tag{position:absolute;top:10px;right:12px;font-size:9px;letter-spacing:.16em;padding:2px 7px;border-radius:10px;background:rgba(120,240,200,.16);color:#7ff0c8;border:1px solid rgba(120,240,200,.4);display:none}.opt.on .tag{display:block}.warnrow{margin-top:12px;font-size:11px;color:#7c93a8;text-align:center;letter-spacing:.06em}.big{text-align:center;font-size:26px;font-weight:800;letter-spacing:.1em;margin:4px 0 6px}.win{color:#6ff0c0;text-shadow:0 0 30px rgba(60,240,180,.5)}.lose{color:#ff7a7a;text-shadow:0 0 30px rgba(255,70,70,.45)}.draw{color:#ffd479;text-shadow:0 0 30px rgba(255,200,90,.4)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 6px}.stat{text-align:center;background:rgba(8,18,34,.6);border:1px solid rgba(90,190,255,.14);border-radius:8px;padding:10px}.stat .v{font-size:22px;font-weight:800;color:#e9f7ff;font-variant-numeric:tabular-nums}.stat .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7395b1;margin-top:2px}.rankbadge{text-align:center;font-size:13px;color:#9fc4dd;margin-bottom:2px}@media (max-width:640px){.grid{grid-template-columns:1fr}h1{font-size:25px}#killfeed{width:150px;font-size:9.5px;top:78px;right:10px}#statline{gap:9px;font-size:9.5px;letter-spacing:.04em}#bottom{bottom:10px}.card{padding:20px}}#toast{position:fixed;top:64px;left:50%;transform:translateX(-50%);padding:7px 18px;border-radius:20px;font-size:12.5px;letter-spacing:.14em;background:rgba(8,18,34,.9);border:1px solid rgba(90,190,255,.3);color:#bfe4ff;opacity:0;transition:opacity .25s;pointer-events:none;z-index:15;text-transform:uppercase}#toast.show{opacity:1}#touchHint{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);font-size:10.5px;letter-spacing:.12em;color:#7fa8c9;text-transform:uppercase;background:rgba(8,18,34,.7);border:1px solid rgba(90,190,255,.18);padding:5px 12px;border-radius:14px;pointer-events:none;display:none;z-index:12;white-space:nowrap;transition:opacity .8s}@media (hover:none) and (pointer:coarse){#touchHint{display:block}}#touchHint.hide{opacity:0}