*{margin:0;padding:0;box-sizing:border-box}:root{--red: #ff4655;--teal: #59f2d6;--gold: #f2c24f;--ink: #0f1420}html,body,#root,.app{width:100%;height:100%;overflow:hidden;background:var(--ink);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}.app canvas{display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20;color:#eef2f6}.overlay.dim{background:#0a0e16b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.menu{background:linear-gradient(160deg,#0a0e16d9,#0a0e168c)}.menu-card{max-width:560px;padding:40px;text-align:center}.menu-eyebrow{font-size:11px;letter-spacing:4px;color:var(--teal);margin-bottom:10px}.menu-title{font-size:64px;font-weight:800;letter-spacing:2px;line-height:1;color:#fff}.menu-title span{color:var(--red)}.menu-sub{margin:18px 0 26px;font-size:14px;line-height:1.6;color:#b9c2cf}.btn-start{display:block;width:100%;padding:16px;margin-bottom:12px;background:var(--red);color:#fff;border:none;cursor:pointer;font-size:18px;font-weight:800;letter-spacing:3px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:filter .15s,transform .1s}.btn-start:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-ghost{display:block;width:100%;padding:12px;background:none;cursor:pointer;border:1px solid rgba(255,255,255,.25);color:#cfd6de;font-size:13px;letter-spacing:2px}.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.sens-row{display:flex;gap:8px;align-items:center;justify-content:center;margin:14px 0 22px;font-size:12px;color:#8f99a8}.sens-btn{padding:5px 12px;background:none;border:1px solid rgba(255,255,255,.2);color:#b9c2cf;cursor:pointer;font-size:11px;letter-spacing:1px;text-transform:uppercase}.sens-btn.on{border-color:var(--teal);color:var(--teal)}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 14px;font-size:11.5px;color:#8f99a8;text-align:left}.controls b{color:#e8edf3;font-weight:700;margin-right:4px}.pause-card,.death-card{text-align:center;max-width:460px;padding:30px}.pause-card h2{font-size:40px;letter-spacing:6px;margin-bottom:8px}.pause-card p{color:#b9c2cf}.death-title{font-size:52px;letter-spacing:4px;color:var(--red);margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stats div{font-size:11px;letter-spacing:1px;color:#8f99a8;text-transform:uppercase}.stats span{display:block;font-size:34px;font-weight:800;color:#fff;margin-bottom:4px}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;color:#eef2f6}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,40,50,.55) 100%);transition:opacity .08s linear}.healglow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at center,transparent 52%,rgba(80,230,160,.4) 100%);transition:opacity .15s linear}.pickup-toast{position:absolute;bottom:110px;left:50%;transform:translate(-50%);padding:7px 18px;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--gold);background:#0c111bc7;border:1px solid rgba(242,194,79,.45);animation:toastFade 2.4s linear forwards;white-space:nowrap}@keyframes toastFade{0%{opacity:0;transform:translate(-50%) translateY(8px)}10%{opacity:1;transform:translate(-50%) translateY(0)}78%{opacity:1}to{opacity:0}}.crosshair{--gap: 8px;position:absolute;left:50%;top:50%;width:0;height:0}.ch{position:absolute;background:#e8f6f2;box-shadow:0 0 2px #000000e6}.ch.t{width:2px;height:8px;left:-1px;top:calc(-1 * var(--gap) - 8px)}.ch.b{width:2px;height:8px;left:-1px;top:var(--gap)}.ch.l{width:8px;height:2px;top:-1px;left:calc(-1 * var(--gap) - 8px)}.ch.r{width:8px;height:2px;top:-1px;left:var(--gap)}.ch.dot{width:2px;height:2px;left:-1px;top:-1px}.hitmarker{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0}.hitmarker span{position:absolute;width:2px;height:9px;background:#fff;box-shadow:0 0 2px #000c}.hitmarker.head span{background:var(--red)}.hitmarker span:nth-child(1){transform:translate(-7px,-13px) rotate(-45deg)}.hitmarker span:nth-child(2){transform:translate(5px,-13px) rotate(45deg)}.hitmarker span:nth-child(3){transform:translate(-7px,4px) rotate(45deg)}.hitmarker span:nth-child(4){transform:translate(5px,4px) rotate(-45deg)}.top-center{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center}.round-chip,.enemy-chip{padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:2px;background:#0c111bb8;border:1px solid rgba(255,255,255,.14)}.enemy-chip{color:var(--red);border-color:#ff465566}.arena-chip{padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:3px;background:#0c111bb8;border:1px solid rgba(89,242,214,.4);color:var(--teal)}.banner{position:absolute;top:24%;left:50%;transform:translate(-50%);text-align:center;animation:bannerFade linear forwards}.banner-main{font-size:46px;font-weight:800;letter-spacing:8px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.6)}.banner-sub{font-size:13px;letter-spacing:3px;color:var(--teal);margin-top:6px}@keyframes bannerFade{0%{opacity:0;transform:translate(-50%) translateY(10px)}12%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.killfeed{position:absolute;top:70px;right:22px;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.feed-item{font-size:12px;letter-spacing:1px;padding:5px 12px;background:#0c111bb8;border-right:3px solid var(--teal);animation:feedOut 4s linear forwards}.feed-item em{color:var(--teal);font-style:normal;margin:0 4px}.feed-item b{color:var(--red);margin-left:6px;font-size:10px;letter-spacing:2px}@keyframes feedOut{0%{opacity:0;transform:translate(12px)}6%{opacity:1;transform:translate(0)}82%{opacity:1}to{opacity:0}}.bottom-left{position:absolute;left:26px;bottom:24px}.hp-num{font-size:42px;font-weight:800;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.7)}.hp-bar{width:170px;height:5px;margin-top:8px;background:#ffffff24}.hp-bar div{height:100%;background:linear-gradient(90deg,var(--teal),#a7f3e6);transition:width .15s}.abilities{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:14px}.ab{--cd: 0deg;position:relative;width:54px;height:54px;background:#0c111bb8;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}.ab-ring{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(8,10,16,.85) var(--cd),transparent var(--cd))}.ab.ready{border-color:var(--teal);box-shadow:0 0 12px #59f2d640}.ab-icon{font-size:22px;z-index:1}.cd-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;z-index:2}.ab-key{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;padding:1px 6px;background:#e8edf3;color:#10151f;z-index:3}.bottom-right{position:absolute;right:26px;bottom:24px;text-align:right}.wpn-name{font-size:12px;letter-spacing:3px;color:var(--gold);margin-bottom:4px}.ammo{font-size:20px;color:#b9c2cf}.ammo b{font-size:40px;font-weight:800;color:#fff}.reload{margin-top:8px;font-size:10px;letter-spacing:3px;color:var(--gold)}.reload-bar{height:3px;margin-top:4px;background:var(--gold);transform-origin:right;animation:reloadFill linear forwards}@keyframes reloadFill{0%{transform:scaleX(1)}to{transform:scaleX(0)}}