@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--bg:#101719;--panel:#192124;--line:#ffffff19;--muted:#859295;--lime:#d6f56f;--cyan:#71ded2;--coral:#fb8377;--text:#f1f4ed;--mono:'IBM Plex Mono',monospace;--heading:'Barlow Condensed','Arial Narrow',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'Barlow',Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.hidden{display:none!important}#scene{position:fixed;inset:0;z-index:0}#scene canvas{width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#101719 0%,#101719ed 25%,#10171940 55%,#10171900 85%),linear-gradient(0deg,#101719 1%,transparent 48%);z-index:1}#menu{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:34px;margin:0 4.4%;height:99px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:24px;font-weight:800;letter-spacing:2px;line-height:1}.brand small{display:block;font:8px var(--mono);letter-spacing:1.2px;margin-top:7px}.brand-symbol{font:60px var(--heading);color:var(--lime);line-height:.7;transform:scaleX(1.2)}nav{display:flex;align-self:stretch;gap:31px;margin-left:55px}.nav-item{position:relative;background:none;font:11px var(--mono);letter-spacing:.7px;color:#96a1a2;padding:0 4px}.nav-item.active{color:var(--lime)}.nav-item.active:after{content:'';position:absolute;height:3px;bottom:-1px;left:0;right:0;background:var(--lime)}.nav-item span{color:#637477;margin-left:8px}.server-status{margin-left:auto;display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1px}.server-status i,.home-footer i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%}.server-status i.offline{background:#f9bd69}.icon-button{border:1px solid var(--line);background:#182124b8;width:34px;height:34px;font-size:19px;border-radius:4px}.home-content{padding:0 4.4%;position:relative;flex:1}.hero-copy{padding-top:65px;position:relative;z-index:2;pointer-events:auto}.hero-copy button{pointer-events:auto}.eyebrow{font:9px var(--mono);letter-spacing:1.4px;display:flex;align-items:center;gap:10px;color:#acb6b4}.live-dot{width:6px;height:6px;background:var(--lime);box-shadow:0 0 15px #d6f56860;border-radius:50%}.tag{border:1px solid #657641;color:var(--lime);padding:3px 7px;margin-left:4px;font-size:9px;letter-spacing:0}h1{font:900 clamp(68px,7.5vw,114px)/.9 var(--heading);letter-spacing:-1px;margin:27px 0 22px}h1>span{color:var(--lime)}.hero-subtitle{font-size:19px;font-weight:500;letter-spacing:.2px;margin:0 0 12px}.hero-description{color:#8b989b;font-size:13px;line-height:1.8;margin:0}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{height:49px;padding:0 21px;display:inline-flex;justify-content:center;align-items:center;gap:14px;font-size:11px;font-weight:800;letter-spacing:.7px;border:1px solid transparent;border-radius:3px;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.primary{background:var(--lime);color:#1b2615;box-shadow:0 3px 28px #d6f56b14}.primary .arrow{font-size:21px;margin-left:16px}.secondary{background:#182023d9;border-color:#ffffff25}.secondary>span{font-size:20px;font-weight:400;color:#afbbb9}.play-note{margin-top:12px;color:#8b999b;font:9px var(--mono);display:flex;gap:9px;align-items:center}.play-note>span:first-child{color:var(--lime)}.divider{margin:0 3px;color:#4b5a5e}.hero-stats{display:flex;margin:32px 0 32px;gap:0}.hero-stats>div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:0 28px}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border:0}.hero-stats b{font:600 31px var(--heading);letter-spacing:1px}.hero-stats b span{font-size:22px;color:#9ca7a6}.hero-stats div>span{font:8px var(--mono);letter-spacing:1px;color:var(--muted);margin-top:4px}.arena-caption{position:absolute;right:5%;top:62%;display:flex;gap:12px;align-items:center;pointer-events:none}.crosshair{font-size:32px;color:var(--lime)}.arena-caption>div{font:600 17px var(--heading);letter-spacing:2px}.arena-caption>div>span{display:block;font:8px var(--mono);letter-spacing:1px;color:#92a1a1;margin-top:5px}.live-label{border:1px solid #ffffff20;font:7px var(--mono);padding:6px 9px;color:#a4b5af;margin-left:15px}.bottom-section{margin-top:18px;padding-bottom:29px}.section-caption{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.3px;margin-bottom:14px;color:#c2cac5}.section-caption>span:last-child{font-size:8px;color:var(--muted)}.muted{color:#657579}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.role-card{position:relative;display:flex;align-items:center;gap:20px;text-align:left;padding:23px 24px;background:linear-gradient(110deg,#202a2bec,#172022f0);border:1px solid #ffffff17;border-radius:4px;transition:.2s}.role-card:hover{background:#26302f;transform:translateY(-3px)}.role-card.selected{border-color:#b6ce5c8c;background:linear-gradient(110deg,#2a3428e8,#1b2422f0)}.role-category{font:8px var(--mono);letter-spacing:1px;color:#9da6a2}h3{margin:5px 0;font:600 25px var(--heading);letter-spacing:.3px}.role-card p{font-size:11px;color:#909e9e;margin:6px 0 12px}.role-icon{width:58px;height:65px;flex-shrink:0;background:#cfea6910;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font-size:56px;text-align:center;line-height:61px;color:var(--lime)}.sentinel-icon{color:var(--cyan);background:#71ded20c;font-size:49px}.engineer-icon{color:#c2aaff;background:#c2aaff0d;font-size:44px}.role-ability{font:7px var(--mono);color:#c2cac3}.role-ability>span{margin-left:6px;color:#a7b493;letter-spacing:.5px}.role-select{position:absolute;right:14px;top:15px;color:#667471;font:12px var(--mono)}.selected .role-select{color:var(--lime)}.home-footer{border-top:1px solid var(--line);margin:0 4.4%;height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:8px var(--mono);letter-spacing:.7px;color:#8b9999}.home-footer>span:first-child{display:flex;align-items:center;gap:8px}.home-footer button{font:8px var(--mono);background:none;color:#acb6ad;letter-spacing:.5px}.home-footer button span{margin-left:15px;color:var(--lime)}
/* Match interface */
body.in-game{overflow:hidden}body.in-game #vignette{background:radial-gradient(ellipse,transparent 48%,#0b141665 100%)}#hud{position:fixed;inset:0;z-index:3;pointer-events:none}#hud button{pointer-events:auto}.hud-top{display:flex;align-items:center;justify-content:center;gap:28px;padding:17px 24px;background:linear-gradient(#101719cf,transparent)}.hud-top>.icon-button{position:absolute;left:25px;top:23px}.hud-team{width:160px;display:grid;grid-template-columns:1fr 35px;align-items:center;gap:5px}.hud-team small{font:10px var(--mono);letter-spacing:.5px}.hud-team b{font:600 37px var(--heading);text-align:right}.cyan{color:var(--cyan)}.coral{color:var(--coral)}.score-track{height:3px;background:#ffffff15;grid-column:span 2}.score-track i{display:block;background:currentColor;height:100%;width:0;transition:width .5s}.match-clock{display:flex;flex-direction:column;align-items:center}.match-clock small{font:8px var(--mono);color:#a8b9af;letter-spacing:1px}.match-clock strong{font:600 34px var(--heading);letter-spacing:2px}.match-clock>span{font:7px var(--mono);color:#829293}.hud-network{position:absolute;right:24px;top:28px;color:var(--lime);font:10px var(--mono);text-align:right}.hud-network small{color:#829293;font-size:8px}.objective-panel{position:absolute;top:126px;left:24px;width:216px;padding:18px;background:#101b1eda;border:1px solid var(--line);border-radius:5px}.overline{font:9px var(--mono);color:var(--lime);letter-spacing:1px}.objective-panel h3{font-size:21px;margin-top:12px}.objective-panel p{font-size:11px;color:#9aabad;line-height:1.65}.resource-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:10px 0;font:9px var(--mono)}.resource-row i{width:7px;height:7px;transform:rotate(45deg)}.resource-row span:last-child{margin-left:auto;font-size:8px;max-width:93px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#a7b5b4}#toggle-graph{width:100%;margin-top:8px;padding:10px 0;background:transparent;border-top:1px solid var(--line);color:#a8b6b2;font:9px var(--mono);text-align:left}#toggle-graph>span{float:right;color:var(--lime)}#event-feed{position:absolute;right:24px;top:123px;width:270px;text-align:right}.feed-line{margin:0 0 7px;font:9px/1.5 var(--mono);color:#b2c4c0;background:#101719ae;padding:8px 11px;border-right:2px solid #5b716e}.feed-line.deadlock{color:#ff9e88;border-color:var(--coral)}.feed-line.score,.feed-line.recovery{color:var(--lime);border-color:var(--lime)}#deadlock-alert{position:absolute;left:50%;top:110px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;background:#3f2028ed;border:1px solid #fb8377;padding:18px 26px;box-shadow:0 0 60px #fa6c4f30}.deadlock-alert b{font-family:var(--mono)}#deadlock-alert>span{font-size:12px}#deadlock-alert button{font:10px var(--mono);padding:10px;background:var(--coral);color:#352024}#graph-panel{position:absolute;left:255px;top:128px;width:310px;background:#102024ed;border:1px solid var(--line);padding:14px;border-radius:5px}#graph-panel p{font:9px/1.5 var(--mono);color:#b0bfbd;margin:0}#graph{width:100%}#interact-prompt{position:absolute;bottom:184px;left:50%;transform:translateX(-50%);background:#101d20df;border:1px solid #d6f56f77;padding:12px 20px;font:11px var(--mono);color:var(--lime);text-align:center;white-space:nowrap}.player-hud{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:17px;background:#111d20ed;border:1px solid var(--line);border-radius:6px;padding:15px 19px;box-shadow:0 6px 35px #0003}.player-avatar{font-size:43px;color:var(--lime);width:39px;text-align:center}.player-health{width:200px}.player-health>div:first-child{display:flex;justify-content:space-between;align-items:center}.player-health b{font:600 13px var(--heading);letter-spacing:1px}.player-health span{font:9px var(--mono);color:#aabbaf}.health-track{background:#ffffff15;height:6px;margin:9px 0}.health-track i{display:block;height:100%;background:var(--lime);transition:width .2s}#held-info{font:8px var(--mono);color:#9cafaa;white-space:nowrap}.ability{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-left:1px solid var(--line);padding-left:15px;width:80px;background:none}.ability kbd{font:9px var(--mono);color:#dce5d6}.ability span{font:7px var(--mono);white-space:nowrap;color:#91a7a3}.ability strong{font:9px var(--mono);color:var(--lime)}.ability.cooling strong{color:#f9bd69}.hud-help{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);display:flex;gap:22px;font-size:9px;color:#a9b9b5;white-space:nowrap}.hud-help kbd{font:8px var(--mono);margin-right:6px;color:#e0e5d8}#minimap{position:absolute;bottom:55px;right:24px;width:166px;height:117px;border:1px solid #7ca09055;background:#101b1ed9;border-radius:4px}#respawn-overlay{position:absolute;inset:0;background:#181d2444;display:flex;flex-direction:column;align-items:center;justify-content:center}#respawn-overlay span{font:14px var(--mono);letter-spacing:4px;color:var(--coral)}#respawn-overlay h2{font:100px var(--heading);margin:0}#respawn-overlay p{font:12px var(--mono)}#touch-controls{display:none}
/* Dialogs */
#modal-backdrop{position:fixed;inset:0;z-index:10;background:#050b10b8;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{position:relative;max-height:90vh;overflow:auto;width:690px;border:1px solid #73877744;background:linear-gradient(145deg,#202b2c,#111b1e);padding:37px;border-radius:8px;box-shadow:0 25px 100px #0007}.close-modal{position:absolute;right:15px;top:15px;font-size:15px}.modal h2{font:700 40px var(--heading);margin:12px 0 9px;letter-spacing:.5px}.modal .intro{color:#9cadac;font-size:13px;line-height:1.7}.modal label{display:block;font:10px var(--mono);color:#bdcbbd;letter-spacing:.6px;margin:22px 0 8px}.modal input[type=text]{height:47px;width:100%;background:#0d171b;border:1px solid #7085794d;border-radius:4px;color:#e6eedc;padding:0 15px;outline-color:var(--lime)}.modal .button{margin-top:18px}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}.room-actions>div+div{border-left:1px solid var(--line);padding-left:24px}.room-actions p{font-size:11px;color:#90a3a0}.room-actions .button{width:100%}.room-code{font:600 37px var(--mono);color:var(--lime);letter-spacing:8px;display:inline-block;margin:12px 15px 4px 0}.room-code-row{display:flex;align-items:center}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:21px 0}.lobby-team{background:#0f1a1c;border:1px solid var(--line);padding:16px;border-radius:5px}.lobby-team h3{font:11px var(--mono);margin-bottom:14px}.lobby-player{padding:10px 0;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:8px}.lobby-player span{font:8px var(--mono);color:#839991}.lobby-player.empty{color:#45615a;font-size:11px}.checkbox-label{display:flex!important;gap:9px;align-items:center;letter-spacing:0!important}.checkbox-label input{accent-color:var(--lime)}.instruction-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.instruction{border:1px solid var(--line);padding:19px;border-radius:5px;background:#121d1e}.instruction>b{font:11px var(--mono);color:var(--lime)}.instruction h3{font-size:23px}.instruction p{font-size:12px;line-height:1.7;color:#98aaa8}.keys-table{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0;font-size:12px;color:#a8bab3}.keys-table kbd{font:10px var(--mono);color:var(--lime);margin-right:9px}.intel-note{padding:15px;background:#d6f56f0a;border-left:2px solid var(--lime);color:#b3c2b9;font-size:12px;line-height:1.75}.score-table{width:100%;border-collapse:collapse;font-size:12px;margin:24px 0}.score-table td,.score-table th{padding:11px 6px;border-bottom:1px solid var(--line);text-align:left}.score-table th{font:9px var(--mono);color:#8ea49b}.score-table td:not(:first-child){font-family:var(--mono)}.result-stats{display:flex;gap:30px;margin:20px 0}.result-stats div{font:10px var(--mono);color:#93a79d}.result-stats b{display:block;font:35px var(--heading);color:var(--lime)}#toast{position:fixed;z-index:20;left:50%;bottom:25px;transform:translateX(-50%);border:1px solid #d6f56f66;background:#1c2c26;padding:15px 23px;max-width:90vw;font-size:12px;box-shadow:0 10px 40px #0005}
@media(min-width:1600px){.hero-copy{padding-top:90px}.bottom-section{margin-top:70px}.hero-stats{margin-top:45px}.role-card{padding:30px}.hero-actions{margin-top:34px}.hero-description{font-size:15px}}
@media(max-width:1100px){nav{margin-left:15px;gap:18px}.topbar{gap:18px}.hero-copy{padding-top:45px}.role-card{gap:12px;padding:19px 15px}.role-icon{width:43px;font-size:44px}.role-card p{font-size:10px}.arena-caption{top:60%;right:4%}.live-label{display:none}#minimap{width:115px;height:81px;bottom:175px}.objective-panel{width:188px;padding:13px;left:15px}#graph-panel{left:212px}#event-feed{right:15px;width:200px}}
@media(max-width:760px){.topbar{height:76px;gap:12px;margin:0 6%}.brand{font-size:20px}.brand-symbol{font-size:48px}.brand small{font-size:6px}nav{display:none}.server-status{font-size:7px;letter-spacing:0;gap:5px}.home-content{padding:0 6%}.hero-copy{padding-top:40px}h1{font-size:76px}.eyebrow{font-size:7px;letter-spacing:.8px;gap:6px}.tag{font-size:7px}.hero-subtitle{font-size:16px}.hero-description{font-size:12px;max-width:330px}.hero-description br{display:none}.hero-actions{gap:8px}.button{padding:0 14px;font-size:10px;gap:9px}.primary .arrow{margin-left:3px}.hero-stats{margin-top:27px}.hero-stats>div{padding:0 23px}.hero-stats b{font-size:29px}.arena-caption{position:relative;top:auto;right:auto;justify-content:flex-end;margin:70px 0 22px}.arena-caption>div{font-size:14px}.arena-caption>div>span{font-size:6px}.role-grid{grid-template-columns:1fr}.role-card{padding:17px 20px;gap:20px}.role-icon{height:57px;line-height:53px;width:50px}.role-card p{font-size:12px}.role-card h3{font-size:26px}.bottom-section{margin-top:0}.role-category{font-size:8px}.home-footer{font-size:6px;height:55px;margin:0 6%}.home-footer button{font-size:7px;max-width:145px;line-height:1.6}.home-footer>span:last-child{display:none}.home-footer>span:first-child{max-width:170px;flex-wrap:wrap;line-height:1.8;gap:4px}#vignette{background:linear-gradient(90deg,#101719f2,#10171970),linear-gradient(0deg,#101719 0%,transparent 50%)}.modal{padding:28px 20px}.modal h2{font-size:34px}.room-actions{gap:13px}.room-actions>div+div{padding-left:13px}.room-actions .button{font-size:8px;padding:0 8px}.instruction-grid{gap:9px}.instruction{padding:13px}.instruction p{font-size:11px}.keys-table{font-size:10px}.hud-top{gap:12px;padding:12px 45px}.hud-team{width:90px;grid-template-columns:1fr 22px}.hud-team small{font-size:6px}.hud-team b{font-size:26px}.match-clock small{font-size:6px}.match-clock strong{font-size:27px}.match-clock>span{font-size:6px}.hud-top>.icon-button{left:9px;top:17px;width:27px;height:27px}.hud-network{right:9px;top:22px;font-size:7px}.hud-network small{font-size:6px}.objective-panel{top:88px;left:9px;width:150px;padding:11px}.objective-panel h3{font-size:18px}.objective-panel p{font-size:9px}.objective-panel .overline{font-size:7px}.resource-row{font-size:8px;padding:7px 0}.resource-row span:last-child{font-size:7px;max-width:74px}#toggle-graph{font-size:7px;padding:5px 0}#event-feed{top:89px;right:9px;width:150px}.feed-line{font-size:7px;padding:6px;margin-bottom:4px}.feed-line:nth-child(n+3){display:none}.player-hud{bottom:18px;gap:10px;padding:10px 13px;width:max-content;max-width:95vw}.player-health{width:120px}.player-avatar{width:21px;font-size:30px}.player-health b{font-size:11px}.player-health span{font-size:7px}#held-info{font-size:6px}.ability{width:51px;padding-left:9px;gap:4px}.ability kbd{font-size:7px}.ability span{font-size:5px}.ability strong{font-size:7px}.hud-help{display:none}#minimap{right:10px;bottom:190px;width:90px;height:63px}#interact-prompt{bottom:105px;font-size:8px;white-space:normal;width:85%;padding:10px}#graph-panel{left:50%;transform:translateX(-50%);top:155px;width:290px;z-index:4}#deadlock-alert{top:330px;width:85%;padding:12px;z-index:4}#deadlock-alert b{font-size:12px}#deadlock-alert span{font-size:10px}#deadlock-alert button{font-size:9px}.teams-grid{gap:10px}.lobby-team{padding:11px}.lobby-player{font-size:10px}.lobby-player span{font-size:7px}.room-code{font-size:28px;letter-spacing:4px}}
@media(pointer:coarse),(max-width:760px){#touch-controls{display:block;position:absolute;inset:0;pointer-events:none}#joystick{position:absolute;bottom:130px;left:25px;width:100px;height:100px;border:1px solid #d6f56f55;border-radius:50%;background:#0f202577;pointer-events:auto;touch-action:none}#joystick i{position:absolute;left:31px;top:31px;width:36px;height:36px;background:#d6f56f77;border:1px solid var(--lime);border-radius:50%;pointer-events:none}.touch-actions{position:absolute;bottom:123px;right:18px;display:grid;grid-template-columns:repeat(2,48px);gap:9px}.touch-actions button{border-radius:50%;height:48px;background:#1a2f30c9;border:1px solid #d6f56f55;font:9px var(--mono);touch-action:none}.touch-actions button:first-child{background:#d6f56fcc;color:#192819}.hud-help{display:none}#minimap{bottom:255px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#game-help{position:absolute;left:67px;top:23px;font:16px var(--mono)}
@media(max-width:760px){#game-help{left:9px;top:52px;width:27px;height:27px;font-size:12px}.hud-top>.icon-button#game-help{top:52px}.modal .room-code-row .button{font-size:8px;padding:0 9px}.room-code-row{flex-wrap:wrap}}
@media(max-height:550px) and (orientation:landscape){.objective-panel{top:80px;width:168px}.objective-panel p,#resource-list{display:none}#event-feed{top:80px}.player-hud{bottom:12px;padding:8px 13px}.hud-help{display:none}#minimap{bottom:100px}#interact-prompt{bottom:90px}#deadlock-alert{top:95px}#joystick{bottom:110px}.touch-actions{bottom:110px}}
@media(max-width:760px){.objective-panel{width:195px}.objective-panel p,#resource-list{display:none}.objective-panel h3{font-size:18px;margin:7px 0}#toggle-graph{margin-top:4px}body.in-game #toast{bottom:auto;top:185px;font-size:10px;padding:11px 15px}}
/* Expanded arena and spectator tools */
.watch-entry{display:flex;align-items:center;gap:17px;margin-top:13px}.watch-entry button{font:9px var(--mono);color:var(--cyan);background:transparent;padding:6px 0;letter-spacing:.7px}.watch-entry>span{font:7px var(--mono);color:#90a59c;letter-spacing:.8px}
#viewer-badge{position:absolute;top:93px;left:50%;transform:translateX(-50%);background:#122025dd;border:1px solid #6fcdb33b;padding:6px 12px;border-radius:20px;font:8px var(--mono);color:var(--cyan);white-space:nowrap}
#spectator-bar{pointer-events:auto;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(710px,calc(100% - 30px));padding:17px 20px;background:#101e22f2;border:1px solid #71ded260;border-radius:8px;box-shadow:0 10px 40px #0005}
.spectator-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px;font:10px var(--mono)}.spectator-heading b{color:var(--cyan);letter-spacing:1px}.spectator-heading>span:last-child{margin-left:auto;color:#c4d1c6;font-size:9px}
.spectator-controls{display:flex;gap:8px;align-items:center}.spectator-controls button,.spectator-controls select{background:#213033;border:1px solid #ffffff24;color:#dfe9df;border-radius:4px;min-height:35px;padding:0 10px;font:9px var(--mono)}.spectator-controls select{flex:1;min-width:0}.spectator-controls option{background:#18282b;color:#e4ebdf}.spectator-controls button.selected{background:#71ded223;border-color:var(--cyan);color:var(--cyan)}#spectator-bar>small{display:block;margin-top:11px;color:#90a59c;font:8px var(--mono)}
body.spectating .player-hud,body.spectating .hud-help,body.spectating #touch-controls{display:none!important}
body.spectating #minimap{bottom:181px}body.spectating #deadlock-alert,body.spectating #respawn-overlay,body.spectating #interact-prompt{display:none!important}
#watch-room{margin-top:8px}.room-actions #join-code{text-transform:uppercase}
@media(max-width:760px){.watch-entry{gap:10px;flex-wrap:wrap}.watch-entry>span{font-size:6px}#viewer-badge{top:68px;font-size:7px;padding:4px 9px}#spectator-bar{bottom:14px;padding:13px}.spectator-heading{flex-wrap:wrap;font-size:9px;gap:7px}.spectator-heading>span:last-child{width:100%;margin-left:0;font-size:8px}.spectator-controls{flex-wrap:wrap;gap:5px}.spectator-controls button,.spectator-controls select{font-size:8px;min-height:34px;padding:0 8px}.spectator-controls select{max-width:185px;flex-basis:130px}body.spectating #minimap{bottom:200px}#watch-overview{width:100%}.spectator-controls #watch-score{flex:1}}
@media(max-height:550px) and (orientation:landscape){#spectator-bar{bottom:8px;padding:9px 13px;width:min(650px,95%)}.spectator-heading{margin-bottom:7px}#spectator-bar>small{display:none}body.spectating #minimap{bottom:114px}}

.checkbox-label.hidden{display:none!important}