*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#070b16;color:#f4fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:#070b16}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.topbar{position:absolute;top:18px;left:50%;display:grid;grid-template-columns:86px minmax(150px,210px) 86px;gap:10px;align-items:stretch;transform:translate(-50%)}.score-stack,.round-status,.weapon-panel,.meter{border:1px solid rgba(170,225,255,.25);background:linear-gradient(180deg,#0c1728d1,#050b16b8);box-shadow:0 14px 44px #0000003d,inset 0 0 30px #37b2ff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.score-stack{min-height:74px;padding:10px;border-radius:8px;text-align:center;color:#7bd9ff}.score-stack.orange{color:#ffad61}.score-stack .label{display:block;margin-bottom:2px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.score-stack strong{font-size:clamp(28px,4vw,40px);line-height:1}.round-status{display:grid;place-items:center;min-height:74px;padding:10px 18px;border-radius:8px;text-align:center}.round-status span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#b7d7ff}.round-status strong{font-size:clamp(24px,4vw,36px);line-height:1}.round-status small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#8ea6bd;text-transform:uppercase}.reticle{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(80,220,255,.7))}.reticle:after{position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid rgba(255,255,255,.9);border-radius:50%;content:"";transform:translate(-50%,-50%)}.reticle span{position:absolute;background:#bcf6fff2}.reticle span:nth-child(1),.reticle span:nth-child(2){left:50%;width:2px;height:9px;transform:translate(-50%)}.reticle span:nth-child(1){top:0}.reticle span:nth-child(2){bottom:0}.reticle span:nth-child(3),.reticle span:nth-child(4){top:50%;width:9px;height:2px;transform:translateY(-50%)}.reticle span:nth-child(3){left:0}.reticle span:nth-child(4){right:0}.bottom-left,.bottom-right{position:absolute;bottom:20px;display:grid;gap:10px}.bottom-left{left:20px;width:min(310px,calc(100vw - 40px))}.bottom-right{right:20px;justify-items:end}.meter{display:grid;grid-template-columns:64px 1fr 38px;gap:10px;align-items:center;padding:12px;border-radius:8px}.meter span{font-size:12px;font-weight:900;letter-spacing:.08em;color:#b8d4ef;text-transform:uppercase}.meter strong{text-align:right}.meter-track{height:12px;overflow:hidden;border-radius:999px;background:#ffffff1c}.meter-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#49fb9d,#a7ffd1);box-shadow:0 0 18px #49fb9d8c;transform-origin:left center}.shield .meter-track i{background:linear-gradient(90deg,#53c8ff,#b48cff);box-shadow:0 0 18px #53c8ff8c}.weapon-panel{min-width:230px;padding:14px 16px;border-radius:8px;text-align:right}.weapon-panel span,.weapon-panel em{display:block;font-size:12px;font-style:normal;font-weight:900;letter-spacing:.12em;color:#8fb0cb;text-transform:uppercase}.weapon-panel strong{display:block;margin:3px 0;font-size:38px;line-height:1}.weapon-panel small{margin-left:3px;font-size:18px;color:#8fb0cb}.loadout{display:flex;gap:8px;pointer-events:auto}.loadout button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(170,225,255,.28);border-radius:8px;color:#dff8ff;background:#091323b8;box-shadow:inset 0 0 18px #42a6ff14;cursor:pointer}.loadout button.active{border-color:#5ee5ff;background:#41b2ff40;box-shadow:0 0 28px #4ddaff52}.feed{position:absolute;top:110px;right:20px;display:grid;gap:8px;width:min(330px,calc(100vw - 40px))}.feed p,.toast{margin:0;border:1px solid rgba(170,225,255,.2);border-radius:8px;background:#070e1ab8;box-shadow:0 10px 28px #00000038;color:#dff8ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feed p{padding:9px 12px;font-size:13px;font-weight:750}.toast{position:absolute;left:50%;bottom:110px;padding:11px 16px;font-size:13px;font-weight:900;letter-spacing:.1em;opacity:0;text-transform:uppercase;transform:translate(-50%) translateY(12px);transition:opacity .16s ease,transform .16s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hitmarker{position:absolute;left:50%;top:50%;color:#fff;font-size:42px;font-weight:300;line-height:1;opacity:0;text-shadow:0 0 20px rgba(255,255,255,.85);transform:translate(-50%,-50%) scale(.7);transition:opacity 80ms ease,transform 80ms ease}.hitmarker.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at center,#ff2e5000 34%,#ff2e5038 78%),linear-gradient(180deg,#ff3e5d29,#ff3e5d00);transition:opacity .12s ease}.damage-flash.show{opacity:1}.fps{position:absolute;left:18px;top:18px;min-width:48px;padding:6px 8px;border:1px solid rgba(170,225,255,.18);border-radius:8px;background:#080f1a8f;color:#a9d4ec;font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 45%,rgba(68,212,255,.18),transparent 34%),linear-gradient(180deg,#05091280,#050912eb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.start-screen.hidden{display:none}.start-copy{width:min(620px,100%);text-align:center}.start-copy h1{margin:0;font-size:clamp(54px,9vw,112px);font-weight:950;line-height:.86;letter-spacing:0;text-shadow:0 18px 70px rgba(0,0,0,.42),0 0 44px rgba(75,204,255,.28)}.start-copy p{max-width:520px;margin:20px auto 28px;color:#d6e8f5;font-size:clamp(16px,2.3vw,21px);line-height:1.45}.start-copy button{width:min(240px,80vw);height:58px;border:0;border-radius:8px;color:#06101f;background:linear-gradient(135deg,#59e7ff,#ffb25c);box-shadow:0 20px 60px #45d6ff52;cursor:pointer;font-size:16px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.controls span{padding:8px 10px;border:1px solid rgba(170,225,255,.2);border-radius:8px;background:#08111e94;color:#b8d4ef;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}@media (max-width: 760px){.topbar{top:12px;grid-template-columns:64px minmax(120px,160px) 64px;gap:6px}.score-stack,.round-status{min-height:58px;padding:8px}.round-status small{display:none}.bottom-left,.bottom-right{bottom:12px}.bottom-left{left:12px}.bottom-right{right:12px}.meter{grid-template-columns:54px 1fr 34px;padding:10px}.weapon-panel{min-width:172px;padding:11px 12px}.weapon-panel strong{font-size:30px}.feed,.fps{display:none}}