:root{--bg-deep: #0b0f17;--bg-card: rgba(15, 22, 34, .88);--bg-card-solid: #111927;--border-subtle: rgba(148, 163, 184, .2);--text-main: #f1f5f9;--text-muted: #94a3b8;--amber: #f59e0b;--amber-hover: #fbbf24;--ct-blue: #5b9bd5;--t-gold: #eab308;--danger: #ef4444;--ok: #22c55e}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{display:none!important}#canvas-mount{position:fixed;inset:0;z-index:1}#canvas-mount canvas{display:block;width:100%;height:100%}.lobby-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 50% 25%,#1018276b,#070b12c7);backdrop-filter:blur(2px)}.lobby-shell{width:min(1060px,100%);max-height:92dvh;display:flex;flex-direction:column;gap:1.1rem;padding:1.6rem 1.8rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 24px 60px #000000a6}.lobby-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1rem}.header-right-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.music-pill{padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(245,158,11,.45);background:#f59e0b24;color:var(--amber-hover);font-size:.78rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.music-pill:hover{background:#f59e0b3d;border-color:var(--amber-hover)}.music-pill.muted{border-color:var(--border-subtle);background:#1e293ba6;color:var(--text-muted)}.brand-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--amber);margin-bottom:.2rem}.brand-lockup h1{margin:0;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:900;letter-spacing:.05em}.accent-amber{color:var(--amber)}.brand-sub{margin:.2rem 0 0;font-size:.88rem;color:var(--text-muted)}.profile-box{display:flex;flex-direction:column;gap:.3rem}.profile-box label{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted)}input[type=text],select{background:#090d16e6;border:1px solid var(--border-subtle);color:var(--text-main);padding:.55rem .8rem;border-radius:8px;font-size:.9rem;outline:none}input[type=text]:focus,select:focus{border-color:var(--amber)}.lobby-actions-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.lobby-btn-group,.code-join-box{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}#join-code-input{width:132px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}button{cursor:pointer;font-family:inherit;font-weight:700;border-radius:8px;border:1px solid transparent;padding:.6rem 1rem;font-size:.88rem;transition:transform .08s ease,background .15s ease,border-color .15s ease}button:active{transform:scale(.98)}.btn-primary{background:var(--amber);color:#0b0f17}.btn-primary:hover{background:var(--amber-hover)}.btn-secondary{background:#3b82f62e;border-color:#60a5fa61;color:#dbeafe}.btn-secondary:hover{background:#3b82f64d}.btn-outline{background:#1e293ba6;border-color:var(--border-subtle);color:var(--text-main)}.btn-outline:hover{border-color:#f8fafc73}.btn-danger{background:#ef444433;border-color:#ef444473;color:#fecaca}.btn-danger:hover{background:#ef444459}.btn-icon{background:#1e293bb3;border-color:var(--border-subtle);color:var(--text-main);padding:.55rem .78rem}.btn-sm{padding:.4rem .75rem;font-size:.8rem}.table-wrapper{overflow:auto;max-inline-size:100%;max-block-size:min(360px,50dvh);container-type:inline-size;border:1px solid var(--border-subtle);border-radius:10px;background:#080c14b8}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem;text-align:left}.data-table thead{position:sticky;inset-block-start:0;z-index:2;background:#141e30}.data-table th,.data-table td{padding:.7rem .9rem;border-bottom:1px solid rgba(148,163,184,.12)}.data-table thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.data-table tbody th{position:sticky;inset-inline-start:0;z-index:1;background:#0e1624;font-weight:700}.rooms-table{--label-2: "Mode";--label-3: "Map";--label-4: "Players";--label-5: "Score / State";--label-6: "Action"}.sb-table{--label-2: "Team";--label-3: "Money";--label-4: "Kills";--label-5: "Deaths";--label-6: "Assists";--label-7: "Score";--label-8: "Ping"}@container (width < 600px){.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{display:block}.data-table thead{display:none}.data-table tr{margin-block-end:.75rem;border:1px solid var(--border-subtle);border-radius:8px}.data-table tbody th{position:sticky;inset-block-start:0;z-index:2;background:#182338}.data-table td:nth-child(2):before{content:var(--label-2) ": ";color:var(--text-muted)}.data-table td:nth-child(3):before{content:var(--label-3) ": ";color:var(--text-muted)}.data-table td:nth-child(4):before{content:var(--label-4) ": ";color:var(--text-muted)}.data-table td:nth-child(5):before{content:var(--label-5) ": ";color:var(--text-muted)}.data-table td:nth-child(6):before{content:var(--label-6) ": ";color:var(--text-muted)}.data-table td:nth-child(7):before{content:var(--label-7) ": ";color:var(--text-muted)}.data-table td:nth-child(8):before{content:var(--label-8) ": ";color:var(--text-muted)}}.lobby-controls-hint{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.78rem;color:var(--text-muted);justify-content:center}kbd{display:inline-block;padding:.12rem .42rem;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:var(--text-main);font-size:.74rem;font-weight:700}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overflow:hidden;overscroll-behavior:contain;background-color:#04080fb8;backdrop-filter:blur(4px)}.modal-dialog{border:1px solid var(--border-subtle);border-radius:14px;background:var(--bg-card-solid);color:var(--text-main);padding:0;width:min(620px,94vw);max-height:88dvh;box-shadow:0 24px 64px #000000bf}.buy-dialog{width:min(860px,95vw)}.modal-dialog[open]{display:flex;flex-direction:column}.dialog-body{padding:1.35rem 1.5rem;display:flex;flex-direction:column;gap:1.1rem;overflow-y:auto}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem}.dialog-header h2{margin:0;font-size:1.2rem}.dialog-sub{margin:.2rem 0 0;font-size:.8rem;color:var(--text-muted)}.btn-close{background:#ffffff14;color:var(--text-main);padding:.35rem .65rem}.form-grid{display:flex;flex-direction:column;gap:.9rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--text-muted);flex:1}.field-row{display:flex;flex-wrap:wrap;gap:.9rem}.checkbox-field{flex-direction:row;align-items:center;padding-top:1.2rem;color:var(--text-main)}.dialog-footer{display:flex;justify-content:flex-end;gap:.65rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.buy-header-right{display:flex;align-items:center;gap:.8rem}.buy-cash{font-size:1.25rem;font-weight:900;color:var(--ok)}.buy-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.85rem}.buy-col h3{margin:0 0 .5rem;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.buy-item-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.65rem .75rem;margin-bottom:.45rem;background:#182234e6;border:1px solid var(--border-subtle);color:var(--text-main);text-align:left}.buy-item-btn:hover:not(:disabled){border-color:var(--amber);background:#f59e0b26}.buy-item-btn:disabled{opacity:.42;cursor:not-allowed}.buy-price{font-size:.8rem;color:var(--ok);font-weight:800}.team-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.team-pick-btn{display:flex;flex-direction:column;gap:.3rem;padding:.9rem;text-align:left;background:#141d2de6;border:1px solid var(--border-subtle);color:var(--text-main)}.team-pick-btn.ct:hover{border-color:var(--ct-blue)}.team-pick-btn.t:hover{border-color:var(--t-gold)}.team-pick-btn span{font-size:.76rem;font-weight:400;color:var(--text-muted)}.settings-section h3{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.bot-btn-row{display:flex;flex-wrap:wrap;gap:.6rem}#hud-layer{position:fixed;inset:0;z-index:10;pointer-events:none}.hud-top-left{position:absolute;top:14px;left:16px;display:flex;flex-direction:column;gap:.45rem}.radar-frame{position:relative;width:178px;height:178px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.25);background:#0a0f18c7;box-shadow:0 8px 24px #00000080}.radar-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:.65rem;letter-spacing:.08em;color:#fff9}.room-meta-pill{background:#0b101ac7;border:1px solid var(--border-subtle);border-radius:6px;padding:.3rem .6rem;font-size:.75rem;color:var(--text-muted)}.room-meta-pill strong{color:var(--amber)}.hud-top-center{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:.35rem}.team-score{display:flex;align-items:center;gap:.55rem;padding:.4rem .85rem;border-radius:8px;background:#0b101ad6;border:1px solid var(--border-subtle)}.team-score.ct .team-tag{color:var(--ct-blue);font-weight:900}.team-score.t .team-tag{color:var(--t-gold);font-weight:900}.score-num{font-size:1.35rem;font-weight:900}.clock-box{min-width:112px;text-align:center;padding:.32rem .85rem;border-radius:8px;background:#0b101ae0;border:1px solid var(--border-subtle)}.clock-box.planted{border-color:var(--danger);background:#7f1d1dd1;animation:pulseRed .8s infinite alternate}@keyframes pulseRed{0%{box-shadow:0 0 6px #ef444466}to{box-shadow:0 0 22px #ef4444e6}}.clock-digits{font-size:1.3rem;font-weight:900;font-variant-numeric:tabular-nums}.round-sub{font-size:.68rem;letter-spacing:.08em;color:var(--text-muted)}.hud-killfeed{position:absolute;top:14px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:.32rem}.kf-item{background:#0a0f19d1;border:1px solid rgba(255,255,255,.14);padding:.28rem .65rem;border-radius:6px;font-size:.78rem;display:flex;gap:.45rem;align-items:center}.kf-ct{color:#7dd3fc;font-weight:700}.kf-t{color:#fde047;font-weight:700}.kf-weapon{color:#cbd5e1;font-weight:800;font-size:.72rem;padding:.08rem .35rem;background:#ffffff14;border-radius:4px}.kf-hs{color:#f87171;font-weight:900}.crosshair{position:absolute;top:50%;left:50%;width:0;height:0}.ch-line{position:absolute;background:#4ade80;box-shadow:0 0 2px #000000f2}.ch-line.top{width:2px;height:8px;left:-1px;bottom:4px}.ch-line.bottom{width:2px;height:8px;left:-1px;top:4px}.ch-line.left{width:8px;height:2px;right:4px;top:-1px}.ch-line.right{width:8px;height:2px;left:4px;top:-1px}.hitmarker{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%) rotate(45deg);border:2px solid #ffffff;clip-path:polygon(0 0,35% 0,35% 35%,0 35%,0 65%,35% 65%,35% 100%,65% 100%,65% 65%,100% 65%,100% 35%,65% 35%,65% 0)}.hitmarker.hs{border-color:#ef4444;transform:translate(-50%,-50%) rotate(45deg) scale(1.25)}#scope-overlay{position:fixed;inset:0;z-index:8;background:radial-gradient(circle at center,transparent 33%,rgba(0,0,0,.98) 36%);display:flex;align-items:center;justify-content:center;pointer-events:none}.scope-circle{position:relative;width:min(74vmin,720px);height:min(74vmin,720px);border-radius:50%;border:2px solid rgba(255,255,255,.25)}.scope-line-h{position:absolute;top:50%;left:0;right:0;height:1px;background:#000000e6}.scope-line-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#000000e6}.scope-dot{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#ef4444;transform:translate(-50%,-50%)}#flash-overlay{position:fixed;inset:0;z-index:15;background:#fff;opacity:0;pointer-events:none}#damage-vignette{position:fixed;inset:0;z-index:7;box-shadow:inset 0 0 95px #dc2626d9;opacity:0;pointer-events:none}.hud-bottom-left{position:absolute;bottom:18px;left:18px;display:flex;flex-direction:column;gap:.45rem}.money-pill{align-self:flex-start;background:#0b101ad6;border:1px solid var(--border-subtle);padding:.28rem .7rem;border-radius:6px;font-size:1.05rem;font-weight:900;color:var(--ok)}.vitals-row{display:flex;align-items:center;gap:.5rem}.vital-card{background:#0b101adb;border:1px solid var(--border-subtle);border-radius:8px;padding:.45rem .9rem;display:flex;align-items:baseline;gap:.5rem}.vital-label{font-size:.72rem;font-weight:800;color:var(--text-muted)}.vital-val{font-size:1.65rem;font-weight:900;font-variant-numeric:tabular-nums}.kit-badge,.site-badge{background:#1e3a8ad1;border:1px solid rgba(96,165,250,.45);padding:.4rem .65rem;border-radius:6px;font-size:.76rem;font-weight:800}.site-badge{background:#b45309e0;border-color:var(--amber)}.hud-bottom-right{position:absolute;bottom:18px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}.loadout-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.slot-pill{padding:.24rem .65rem;border-radius:6px;background:#0b101aad;border:1px solid transparent;font-size:.76rem;color:var(--text-muted)}.slot-pill.active{background:#f59e0b38;border-color:var(--amber);color:#fff;font-weight:800}.ammo-card{background:#0b101adb;border:1px solid var(--border-subtle);border-radius:8px;padding:.45rem 1rem;text-align:right}.weapon-title{display:block;font-size:.72rem;font-weight:800;color:var(--amber);letter-spacing:.08em}.ammo-digits{font-size:1.65rem;font-weight:900;font-variant-numeric:tabular-nums}.ammo-sep,#hud-ammo-res{font-size:1.05rem;color:var(--text-muted)}.round-banner{position:absolute;top:20%;left:50%;transform:translate(-50%);background:#0b101ae6;border:1px solid var(--amber);padding:.85rem 2rem;border-radius:10px;text-align:center}.round-banner h2{margin:0;font-size:1.35rem;letter-spacing:.08em}.round-banner p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.action-progress-box{position:absolute;top:60%;left:50%;transform:translate(-50%);width:240px;background:#0b101ae6;border:1px solid var(--amber);border-radius:8px;padding:.55rem .8rem;text-align:center;font-size:.78rem;font-weight:800}.progress-track{margin-top:.4rem;height:8px;border-radius:4px;background:#ffffff24;overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--amber)}.pointer-prompt{position:absolute;top:56%;left:50%;transform:translate(-50%);background:#0b101aeb;border:1px solid var(--border-subtle);border-radius:10px;padding:.75rem 1.2rem;text-align:center;font-size:.86rem;font-weight:700;pointer-events:auto}.prompt-actions{margin-top:.55rem;display:flex;gap:.45rem;justify-content:center}.spectator-banner{position:absolute;bottom:96px;left:50%;transform:translate(-50%);background:#0b101adb;border:1px solid var(--border-subtle);padding:.45rem 1rem;border-radius:8px;font-size:.82rem}.hud-chat-wrap{position:absolute;bottom:112px;left:18px;width:min(360px,46vw);display:flex;flex-direction:column;gap:.35rem}.chat-messages{display:flex;flex-direction:column;gap:.22rem;font-size:.8rem;text-shadow:0 1px 3px rgba(0,0,0,.95)}.chat-form{pointer-events:auto}.chat-form input{width:100%}.scoreboard-overlay{position:fixed;inset:0;z-index:18;display:flex;align-items:center;justify-content:center;background:#0509108c;pointer-events:auto}.scoreboard-card{width:min(820px,94vw);background:#0d131ff0;border:1px solid var(--border-subtle);border-radius:14px;padding:1.2rem 1.4rem}.scoreboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.scoreboard-head h2{margin:0;font-size:1.15rem}.scoreboard-head p{margin:.2rem 0 0;font-size:.8rem;color:var(--text-muted)}.sb-scores{display:flex;gap:.7rem;font-size:1rem}.ct-badge{color:var(--ct-blue)}.t-badge{color:var(--t-gold)}.toast-msg{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;background:#0f172af2;border:1px solid var(--amber);color:var(--text-main);padding:.55rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:700}