*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#1a1a2e;font-family:Segoe UI,system-ui,sans-serif}canvas{display:block}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-card{background:#000000bf;border:1px solid rgba(255,200,50,.15);border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#match-timer{position:absolute;top:6px;left:50%;transform:translate(-50%);background:#000000bf;border:1px solid rgba(255,200,50,.15);border-radius:8px;padding:2px 14px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#match-timer .time{color:#fff;font-size:20px;font-weight:900;letter-spacing:2px;font-variant-numeric:tabular-nums}#match-timer .label{color:#ffc83266;font-size:7px;letter-spacing:3px}#flag-status{position:absolute;top:26px;left:12px;background:#000000a6;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:4px 10px;text-align:left;font-size:9px;letter-spacing:1px;line-height:1.5}#flag-status .title-line{color:#ffc8324d;font-size:8px;letter-spacing:2px}#flag-status .your-flag{color:#6cf}#flag-status .enemy-flag{color:#f64}#scoreboard{display:none}#player-info{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000c;border:1px solid rgba(255,200,50,.2);border-radius:12px;padding:8px 20px;text-align:center;min-width:260px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#player-info .bee-type{color:#ffd84a;font-size:14px;font-weight:800;letter-spacing:2px}#player-info .hp-bar-outer{width:180px;height:6px;background:#ffffff14;border-radius:3px;margin:5px auto 3px;overflow:hidden}#player-info .hp-bar-inner{height:100%;background:#4c4;border-radius:3px;transition:width .15s}#player-info .stats{color:#ffffff73;font-size:9px;letter-spacing:1px}#player-info .dash-bar{width:80px;height:3px;background:#ffffff14;border-radius:2px;margin:3px auto 0;overflow:hidden}#player-info .dash-fill{height:100%;background:#4af;border-radius:2px;transition:width .1s}#team-dots{position:absolute;bottom:12px;left:12px;background:#000000b3;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:5px 10px;font-size:9px;letter-spacing:1px}#team-dots .team-row{display:flex;align-items:center;gap:3px;margin:2px 0}#team-dots .dot{width:7px;height:7px;border-radius:50%;display:inline-block}#team-dots .dot.alive-gold{background:#ffd84a}#team-dots .dot.dead-gold{background:#ffd84a26}#team-dots .dot.alive-red{background:#f44}#team-dots .dot.dead-red{background:#ff444426}#team-dots .label{color:#ffffff59;font-size:8px;letter-spacing:2px;margin-right:3px;width:30px}#kill-feed{position:absolute;top:10px;right:12px;text-align:right;font-size:10px;line-height:1.6;pointer-events:none}#kill-feed .entry{color:#ffffffb3;background:#000000a6;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:2px 8px;margin-bottom:3px;display:inline-block;float:right;clear:both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#weapon-cards{position:absolute;bottom:12px;right:12px;display:flex;gap:5px;pointer-events:none}.weapon-card{width:46px;height:46px;border-radius:8px;background:#000000b3;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s}.weapon-card.active{border-color:#ffd84a;background:#ffc8321f}.weapon-card.empty{opacity:.25}.weapon-card .wc-icon{font-size:16px;line-height:1}.weapon-card .wc-ammo{color:#ffffff80;font-size:8px;font-weight:700;margin-top:1px}.weapon-card .wc-key{color:#fff3;font-size:7px}#controls-hint{display:none}#bee-select{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:25;pointer-events:auto}#map-vote{margin-top:12px;text-align:center}.map-vote-title{color:#fff6;font-size:10px;letter-spacing:3px;font-weight:700;margin-bottom:8px}#map-vote-grid{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.map-vote-card{width:90px;padding:8px 6px;border-radius:8px;cursor:pointer;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);text-align:center;transition:all .15s;position:relative}.map-vote-card:hover{border-color:#ffc8324d;background:#ffffff14}.map-vote-card.voted{border-color:#ffd84a;background:#ffc8321f}.map-vote-card .mv-color{width:36px;height:36px;border-radius:6px;margin:0 auto 4px;border:1px solid rgba(255,255,255,.1)}.map-vote-card .mv-name{color:#ccc;font-size:10px;font-weight:600;letter-spacing:1px}.map-vote-card .mv-votes{position:absolute;top:3px;right:5px;color:#ffd84a;font-size:9px;font-weight:700}#scoreboard{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:24;pointer-events:none;background:#000000e0;border:1px solid rgba(255,200,50,.2);border-radius:12px;padding:16px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:500px;max-width:700px}#scoreboard .sb-title{text-align:center;color:#ffd84a;font-size:11px;letter-spacing:3px;font-weight:700;margin-bottom:10px}#scoreboard table{width:100%;border-collapse:collapse;font-size:12px}#scoreboard th{color:#ffffff59;font-size:9px;letter-spacing:2px;font-weight:600;text-align:left;padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.08)}#scoreboard th.r{text-align:right}#scoreboard td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.04)}#scoreboard td.r{text-align:right;font-variant-numeric:tabular-nums}#scoreboard tr.sb-you td{color:#1a1a00;font-weight:900;background:#ffd84a}#scoreboard tr.sb-gold td{color:#dc6}#scoreboard tr.sb-red td{color:#d65}#scoreboard tr.sb-dead td{opacity:.4}#scoreboard .sb-team-header{color:#ffffff40;font-size:9px;letter-spacing:2px;padding:8px 6px 3px;font-weight:700}#scoreboard .sb-hint{text-align:center;color:#fff3;font-size:9px;margin-top:8px;letter-spacing:1px}#pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;flex-direction:column;background:#00000080;z-index:22}body.mp-mode #pause-overlay{background:#00000040}#planning-hud{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#000c;border:1px solid rgba(255,200,50,.25);border-radius:10px;padding:8px 28px;text-align:center;z-index:15;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#planning-hud .title{color:#ffd84a;font-size:16px;font-weight:900;letter-spacing:4px}#planning-hud .sub{color:#fff6;font-size:10px;margin-top:2px;max-width:300px}#planning-hud .timer{color:#fff;font-size:28px;font-weight:900;margin-top:2px}#announcement{position:fixed;top:18%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:900;letter-spacing:5px;pointer-events:none;z-index:15;opacity:0;text-shadow:0 0 20px rgba(0,0,0,.6)}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:20;opacity:0;pointer-events:none;transition:opacity 1.8s ease,background 2s ease,backdrop-filter 2s ease}#overlay.visible{opacity:1;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}#overlay.hidden{display:none}#overlay h1{font-size:42px;font-weight:900;letter-spacing:5px;margin-bottom:6px}#overlay p{color:#ffffff73;font-size:13px;margin-top:5px}#overlay .sub{color:#ffffff40;font-size:10px;letter-spacing:2px}#overlay .subtitle{color:#ffc8324d;font-size:12px;letter-spacing:3px;margin-bottom:3px}#overlay-scoreboard{margin-top:14px;max-width:600px;width:90%;background:#0009;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 16px;max-height:50vh;overflow-y:auto}#overlay-scoreboard table{width:100%;border-collapse:collapse;font-size:12px}#overlay-scoreboard th{color:#ffffff59;font-size:9px;letter-spacing:2px;font-weight:600;text-align:left;padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.08)}#overlay-scoreboard th.r{text-align:right}#overlay-scoreboard td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.04)}#overlay-scoreboard td.r{text-align:right;font-variant-numeric:tabular-nums}#overlay-scoreboard tr.sb-you td{color:#1a1a00;font-weight:900;background:#ffd84a}#overlay-scoreboard tr.sb-gold td{color:#dc6}#overlay-scoreboard tr.sb-red td{color:#d65}#overlay-scoreboard tr.sb-dead td{opacity:.4}#overlay-scoreboard .sb-team-header{color:#ffffff40;font-size:9px;letter-spacing:2px;padding:8px 6px 3px;font-weight:700}#respawn-overlay{position:fixed;top:14%;left:50%;transform:translate(-50%,-50%);background:#000c;border:1px solid rgba(255,200,50,.2);border-radius:12px;padding:14px 28px;text-align:center;z-index:35;display:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}#respawn-overlay .text{color:#ffd84a;font-size:18px;font-weight:800;letter-spacing:3px}#respawn-overlay .timer{color:#fff;font-size:34px;font-weight:900;margin-top:4px}#respawn-overlay .rbp-divider{height:1px;background:#ffc83226;margin:10px 0 8px}.rbp-label{color:#ffffff59;font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:6px}.rbp-nav{display:flex;align-items:center;justify-content:center;gap:14px}.rbp-name{color:#ffd84a;font-size:14px;font-weight:800;letter-spacing:2px;min-width:100px;text-align:center}.rbp-arrow{background:#ffc8321a;border:1px solid rgba(255,200,50,.3);color:#ffd84a;font-size:22px;font-weight:700;width:34px;height:34px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.rbp-arrow:active{background:#ffc8324d}#fps-counter{position:absolute;top:4px;left:4px;color:#ffffff4d;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;background:#0006;padding:2px 6px;border-radius:4px}#match-timer .time{font-size:clamp(13px,2.8vw,20px)}#announcement{font-size:clamp(16px,5vw,36px)}#overlay h1{font-size:clamp(22px,7vw,42px)}#respawn-overlay .timer{font-size:clamp(22px,5vw,34px)}#respawn-overlay .text{font-size:clamp(12px,3vw,18px)}#planning-hud .title{font-size:clamp(11px,2.5vw,16px)}#planning-hud .timer{font-size:clamp(18px,4vw,28px)}@media (max-width: 768px){#match-timer{padding:3px 14px}#player-info{min-width:200px;padding:6px 14px}#player-info .bee-type{font-size:12px}#player-info .hp-bar-outer{width:140px}.weapon-card{width:40px;height:40px}.weapon-card .wc-icon{font-size:14px}#flag-status{font-size:9px;padding:3px 10px}#scoreboard{min-width:unset;width:94vw;max-width:600px}#quick-customize{bottom:70px;right:10px}.qc-expanded{min-width:170px;padding:10px 12px}}@media (max-width: 600px){#player-info{min-width:150px;padding:5px 10px}#player-info .bee-type{font-size:10px;letter-spacing:1px}#player-info .hp-bar-outer{width:100px;height:5px}#player-info .stats{font-size:8px}#player-info .dash-bar{width:60px}.weapon-card{width:34px;height:34px;border-radius:6px}.weapon-card .wc-icon{font-size:12px}.weapon-card .wc-ammo{font-size:7px}.weapon-card .wc-key{display:none}#weapon-cards{gap:3px}#kill-feed{font-size:8px}#kill-feed .entry{padding:1px 5px;margin-bottom:2px}#scoreboard{padding:10px 12px}#scoreboard table{font-size:10px}#scoreboard th{font-size:8px;padding:2px 4px}#scoreboard td{padding:3px 4px}#overlay-scoreboard{max-width:94vw}#overlay-scoreboard table{font-size:10px}#overlay p{font-size:11px}#overlay .sub{font-size:9px}#respawn-overlay{padding:8px 16px}#flag-status,#team-dots,#quick-customize{display:none}}@media (max-width: 480px){#match-timer{top:4px;padding:2px 10px;border-radius:8px}#match-timer .label{display:none}#weapon-cards{bottom:50px;right:8px}.weapon-card{width:30px;height:30px}.weapon-card .wc-icon{font-size:11px}.weapon-card .wc-ammo{font-size:6px}#player-info{min-width:120px;padding:4px 8px;bottom:6px;border-radius:8px}#player-info .bee-type{font-size:9px}#player-info .hp-bar-outer{width:80px;height:4px}#player-info .dash-bar{width:50px}#kill-feed{font-size:7px;top:4px;right:6px;max-width:40vw}#overlay-scoreboard{padding:8px 10px}#fps-counter{display:none}}@media (max-width: 360px){#player-info{min-width:100px}#player-info .stats{font-size:7px}.weapon-card{width:26px;height:26px}.weapon-card .wc-icon{font-size:10px}#kill-feed{display:none}}@media (max-width: 600px){#pause-overlay .pm-card{width:90vw!important;max-width:340px!important;padding:16px 18px!important}#pause-overlay .pm-title{font-size:16px!important;letter-spacing:3px!important;margin-bottom:12px!important}#pause-overlay .pm-big-btn{padding:10px 14px!important;font-size:11px!important}#pause-overlay .pm-big-btn .pm-big-icon{font-size:18px!important;width:26px!important}#pause-overlay .pm-btn{padding:6px 10px!important;font-size:10px!important}}@media (max-width: 400px){#pause-overlay .pm-card{width:94vw!important;padding:12px 14px!important;border-radius:10px!important}#pause-overlay .pm-title{font-size:14px!important}#pause-overlay .pm-big-btn{padding:8px 10px!important;font-size:10px!important;gap:8px!important}#pause-overlay .pm-big-btn .pm-big-sub{font-size:8px!important}#pause-overlay .pm-section{margin-bottom:8px!important}}#quick-customize{position:absolute;bottom:100px;right:16px;z-index:20;pointer-events:auto;transition:opacity 1.5s ease}#quick-customize.qc-fading{opacity:0;pointer-events:none}.qc-collapsed{display:flex;align-items:center;gap:6px;background:#000c;border:1px solid rgba(255,200,50,.25);border-radius:8px;padding:8px 14px;color:#ffd84a;font-size:11px;font-weight:700;letter-spacing:2px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s}.qc-collapsed:hover{border-color:#ffd84a}.qc-icon{font-size:14px}.qc-expanded{background:#000000e6;border:1px solid rgba(255,200,50,.3);border-radius:10px;padding:14px 16px;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qc-row{margin-bottom:10px}.qc-label{display:block;color:#fff6;font-size:9px;letter-spacing:2px;margin-bottom:4px}.qc-input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:6px 10px;color:#fff;font-size:13px;font-weight:700;font-family:inherit;letter-spacing:1px;outline:none}.qc-input:focus{border-color:#ffd84a}.qc-bee-nav{display:flex;align-items:center;gap:8px;justify-content:center}.qc-bee-name{color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;min-width:80px;text-align:center}.qc-arrow{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:18px;width:28px;height:28px;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center}.qc-arrow:hover{border-color:#ffd84a;color:#ffd84a}.qc-apply{width:100%;background:linear-gradient(135deg,#ffd84a,#ffaa20);border:none;border-radius:8px;color:#1a1a00;font-size:12px;font-weight:900;letter-spacing:2px;padding:8px;cursor:pointer;font-family:inherit}.qc-apply:hover{box-shadow:0 4px 16px #ffc8324d}