@import url('/fonts/fonts.css');
#game-shell,#game-shell *{-webkit-user-select:none;user-select:none}
#game-shell input,#game-shell textarea,#game-shell .chat-message-text{-webkit-user-select:text;user-select:text}
#game-shell::selection,#game-shell ::selection{background:#000;color:#fff}
.chat-message-text{cursor:text}
:root{color-scheme:dark;--text:#d6c69c;--muted:#958670;--orange:#e4a53d;--red:#f3442c;--blue:#58b8f4;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed',sans-serif;--border:#5c4d32}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080908;color:var(--text);font:11px 'IBM Plex Sans',sans-serif}body{min-width:800px;min-height:100vh;display:grid;place-items:center}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid #5b4b2f;background:linear-gradient(#3c3427,#181812);min-height:24px}button:where(:not(:disabled)):hover{color:#ffe7aa;border-color:#a78b48;background:linear-gradient(#665333,#2c261b)}button:focus-visible{outline:1px solid #f9c45b;outline-offset:1px}button:disabled{opacity:.4;cursor:default}input,select{color:#eee0bc;border:1px solid #65543a;background:#151713;padding:0 8px;outline:none;height:29px;width:100%;border-radius:0}input:focus,select:focus{border-color:#dca850}label{display:block;color:#a79a80;font:9px var(--mono);margin:10px 0 5px}p{line-height:1.8}.hidden{display:none!important}.muted{color:var(--muted)}.orange{color:var(--orange)}.blue{color:var(--blue)}.red{color:#ff6e52}#game-shell{width:800px;height:520px;position:relative;box-shadow:0 0 0 1px #4e4838,0 12px 70px #000}#arena-stage{width:800px;height:520px;position:relative;overflow:hidden;isolation:isolate;background:#172024}#screen{position:absolute;inset:0}#screen canvas{width:800px!important;height:520px!important;display:block;outline:none}.playing #screen canvas{cursor:none}.lobby-overlay{position:absolute;inset:0;padding:0 4px 4px;z-index:5;background:#2d2117 url("/assets/lobby-background.png") center/cover no-repeat;border:0;display:flex;flex-direction:column}.topbar{height:26px;display:flex;align-items:center;gap:8px;padding:0 9px;border-bottom:2px ridge #796a45;background:linear-gradient(#3b392b,#171c15);font:9px var(--mono)}.rank-star{color:#6dff4b;font-size:18px;text-shadow:0 0 7px #38f93688}.exp-label{color:#62d75b;font-size:8px}.exp-track{width:68px;height:7px;border:1px solid #4b603a;background:#152611}.exp-track i{display:block;width:55%;height:100%;background:linear-gradient(#7db85c,#325028)}.brand{font:700 19px var(--display);color:#e6d9be;margin:0 auto;letter-spacing:1px;text-shadow:1px 2px #000}#profile-name{font-size:9px;color:#e4b956}.online-mark i{display:inline-block;width:4px;height:4px;background:#7cdb57;box-shadow:0 0 5px #9bff5d}nav{display:flex;height:25px;background:#161913;border-bottom:2px ridge #817149}nav button{width:144px;border-width:0 1px 0 0;font-size:10px;color:#dad4c3}nav button.nav-active{background:linear-gradient(#a27732,#674322);color:#fff1cb}nav>span{margin-left:auto;padding:6px 10px;font:8px var(--mono);color:#847b65}.battlezone{height:229px;display:grid;grid-template-columns:570px 1fr;border-bottom:0}.rooms-panel{min-width:0;background:#1b1d17b3;display:flex;flex-direction:column;border-right:0}.panel-tabs{display:flex;height:23px;border-bottom:2px ridge #7f6b43;background:#0a100c}.panel-tabs b{background:linear-gradient(#795222,#472f15);width:140px;text-align:center;padding:3px;font-weight:400}.panel-tabs button{margin-left:auto;font-size:9px;min-height:20px;border:0;padding:0 10px}.room-columns{display:grid;grid-template-columns:1fr 48px 65px 63px;padding:3px 9px;color:#a69573;background:#2d291c;font-size:8px;border-bottom:1px solid #635435}#room-list{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#8a7954 #191b15;font-size:10px}#room-list>.muted{display:block;padding:18px 12px}.room-entry{display:grid;grid-template-columns:1fr 48px 65px 63px;align-items:center;min-height:29px;padding:0 6px 0 9px;border-bottom:1px solid #64553766;background:#80613a16}.room-entry:nth-child(even){background:#c3964a13}.room-entry:hover{background:#bd874b44}.room-entry>div{overflow:hidden;white-space:nowrap}.room-entry strong{font-weight:500;color:#e0d8c5;font-size:10px}.room-entry small{display:inline;margin-left:9px;font:8px var(--mono);color:#b2a07b}.room-entry .room-mode{font:9px var(--mono);color:#d3c5a7}.room-entry .room-players{color:#87bdfa;font:9px var(--mono)}.room-entry button{font-size:8px;min-height:20px;min-width:55px;border-color:#665335;background:#201e14}.room-actions{height:27px;display:flex;align-items:center;gap:10px;background:#141a12;border-top:2px ridge #776943;padding:1px 5px}.room-actions button{font-size:9px;padding:0 14px;min-height:22px}.room-actions>span{color:#8c9379;font:8px var(--mono)}.room-actions button:last-child{margin-left:auto;color:#edcf8a}.map-info{padding:8px;background:linear-gradient(110deg,#5f3f1c77,#211e1777)}.map-preview{height:110px;background:repeating-linear-gradient(0deg,#72847722 0 1px,#19251e33 1px 12px),repeating-linear-gradient(90deg,#d0ad6055 0 3px,#25382f 3px 40px);border:3px ridge #9c8657;box-shadow:0 2px 5px #0009;display:flex;flex-direction:column;justify-content:center;align-items:center}.map-preview>span{font-size:43px;color:#dbcd99;text-shadow:0 2px #000}.map-preview b{font:700 19px var(--display);letter-spacing:2px;color:#f5e0a4;text-shadow:0 2px 3px #000}.map-info>b{display:block;font-size:11px;margin-top:9px;color:#e9d6a0}.map-info p{font-size:9px;color:#b4a27c;margin:6px 0}.online-mark{display:flex;gap:4px;align-items:center;color:#a5b284;font-size:8px}.lobby-chat{height:134px;background:#1a1c16b3;border-bottom:0}.chat-heading{height:21px;padding:5px 9px;color:#c7ba94;font:8px var(--mono);border-bottom:1px solid #66583d}.chat-heading span{float:right;color:#899a74}.chat-log{padding:8px 10px;height:84px;line-height:1.7;color:#cfc5aa;font-size:10px}.system-message{color:#88c479}.chat-disabled{height:24px;padding:4px 10px;border-top:1px solid #554b32;background:#141811;color:#80795f;font-size:9px}footer{flex:1;display:flex;align-items:center;gap:12px;padding:8px 13px;background:#24241b99}.portrait{display:grid;place-items:center;font:700 40px var(--display);color:#f0e8ca;background:linear-gradient(130deg,#adb4af,#4e605b);width:48px;height:53px;border:3px ridge #908878;box-shadow:0 2px 4px #0008}footer b{display:block;font-size:10px;color:#e5cc8e}footer small{display:block;font:7px var(--mono);color:#899578;margin-top:5px}.engine-label{font:8px var(--mono);color:#87846d;margin-left:auto}footer button{margin-left:15px;font-size:10px;padding:6px 12px}.battle-toolbar{position:absolute;right:7px;top:5px;display:flex;gap:7px;align-items:center;font:7px var(--mono);color:#a2b1aa;background:#101811bc;padding:3px 5px}.battle-toolbar b{color:#d1c39f;font-size:8px}.battle-toolbar button{width:22px;padding:0;font-size:14px;min-height:20px}.battle-toolbar #population{display:none}.match-top{position:absolute;top:9px;left:50%;transform:translateX(-50%);display:flex;height:42px;background:#101811d9;border:1px solid #7a7354;box-shadow:0 3px 15px #0008;pointer-events:none}.team-score{display:flex;align-items:center;gap:7px;padding:0 12px}.team-score b{font:600 28px var(--display)}.team-score span{font:7px var(--mono)}.team-score.blue{border-bottom:2px solid #6dbbe0}.team-score.red{border-bottom:2px solid #e57865}.match-clock{padding:3px 10px;display:flex;flex-direction:column;align-items:center;border:solid #475449;border-width:0 1px}.match-clock b{font:16px var(--mono);color:#e4e3ce}.match-clock span{font:5px var(--mono);color:#9d9d84;white-space:nowrap}.kill-feed{position:absolute;right:8px;top:66px;pointer-events:none}.kill-row{background:#10170ebf;padding:4px 6px;font:7px var(--mono);display:flex;gap:6px;margin-top:3px}.kill-row span:nth-child(2){color:#bbb28e;font-size:6px}.live-indicator{position:absolute;top:7px;left:8px;font:6px var(--mono);color:#99c777}.live-indicator span{margin-left:5px;color:#b0b59a}.combat-hud{position:absolute;bottom:7px;left:7px;width:454px;z-index:1;filter:drop-shadow(0 2px 4px #0009)}.stance-btn{height:20px;min-height:20px;display:flex;gap:5px;align-items:center;font:8px var(--mono);padding:0 7px}.stance-btn span{font-size:6px}.stance-btn.selected{color:#c4f09d;border-color:#a7ce7b}.hud-main{height:65px;display:grid;grid-template-columns:130px 263px 61px;background:linear-gradient(#3e3b23,#171b11);border:3px ridge #897443;box-shadow:inset 0 0 10px #000}.weapon-display{height:59px;position:relative;border-right:4px ridge #7d714c;background:#0a100caa}.weapon-display canvas{width:124px;height:44px;display:block;margin-top:-2px}.weapon-display>div{display:flex;justify-content:space-around;font:10px Georgia,serif;color:#e8bd67;text-shadow:1px 1px #000}.weapon-display b{font-weight:400}.weapon-display>div>span{color:#c3b48d}.hud-meters{padding:2px 3px;position:relative}.meter-row{height:25px;display:grid;grid-template-columns:18px 1fr 82px;gap:3px;align-items:center}.meter-icon{text-align:center;color:#c8ae6b;font:bold 21px Georgia}.health-row .meter-icon{color:#29ff29;text-shadow:0 0 7px #10ff0e;font-size:23px}.meter-track{height:19px;border:2px ridge #9b8146;background:#151e0d;box-shadow:inset 0 0 6px #000}.meter-track i{height:100%;display:block;width:100%}.ammo-track i{background:repeating-linear-gradient(90deg,#c37916 0 1px,#ffd55a 1px 2px,#e99d20 2px 3px);box-shadow:inset 0 2px 3px #fff4,inset 0 -3px 3px #9b3800}.health-track i{background:linear-gradient(#b90000,#ff2c15 40%,#fa1d08 60%,#9b0000);box-shadow:inset 0 0 4px #ff7c44;transition:width .15s}.meter-number{height:22px;border:2px ridge #7c683d;background:#11160c;display:flex;justify-content:center;align-items:center;color:#e9cd85;font:13px Georgia,serif;white-space:nowrap;text-shadow:1px 1px #000}.meter-number b{font-weight:400}.meter-number small{font:12px Georgia,serif}.hud-inventory{border-left:3px ridge #7c6b44;display:grid;grid-template-rows:1fr 1fr}.hud-inventory>div{display:flex;align-items:center;gap:8px;padding:0 6px;border-bottom:2px ridge #665a37;position:relative}.hud-inventory svg{width:14px;height:22px;fill:#a89860;color:#b5a779;filter:drop-shadow(1px 1px 1px #000)}.hud-inventory b{font:13px Georgia,serif;color:#d4b160;font-weight:400}.hud-inventory small{position:absolute;right:3px;bottom:0;color:#796f4e;font-size:5px}.hud-inventory span{color:#a09252;font-size:15px}.room-invite{position:absolute;top:29px;right:7px;background:#101811b3;padding:3px 4px;display:flex;align-items:center;gap:6px;font:7px var(--mono)}.room-invite>b{color:#a8aa8a;font-weight:400}.room-invite button{min-height:19px;font-size:8px}.room-invite small{font-size:6px;color:#928969}.chat-panel{display:none;position:absolute;bottom:8px;right:7px;width:300px;background:#121910dd;border:1px solid #6e674b;z-index:2}.chat-open .chat-panel{display:block}#chat-messages{max-height:95px;overflow:auto;padding:5px;font-size:9px;line-height:1.5}.chat-line{overflow-wrap:anywhere;color:#c1c7a9}#chat-form{display:flex}#chat-input{height:25px;font-size:9px;border:0}#chat-form button{width:30px;border:0}.center-overlay{position:absolute;inset:0;background:#0c140bd9;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;cursor:default}.center-overlay>span{font:9px var(--mono);letter-spacing:2px;color:#a2ac91}.center-overlay>b{font:600 42px var(--display);color:#ead7a5}.center-overlay em{font-style:normal;color:#e3af54}.center-overlay small{color:#969d87;font-size:9px}.center-overlay button{width:220px}.primary,.secondary{min-height:32px;padding:6px 12px;font-size:10px;letter-spacing:.5px}.primary{background:linear-gradient(#916c31,#67421d);border:2px ridge #b4975b;color:#fff0c5}.primary:where(:not(:disabled)):hover{background:linear-gradient(#b78b45,#7d542a)}.scoreboard{position:absolute;top:73px;left:95px;right:95px;padding:20px;background:#151c12f5;border:3px ridge #8c8058;z-index:4}.eyebrow{display:flex;justify-content:space-between;font:8px var(--mono);color:#d0bd8a}.scoreboard table{width:100%;border-collapse:collapse;font:9px var(--mono);margin:12px 0}.scoreboard td,.scoreboard th{padding:5px;border-bottom:1px solid #4e5134;text-align:left}.scoreboard th{font-weight:400}.scoreboard td:nth-child(n+2),.scoreboard th:nth-child(n+2){text-align:right}.scoreboard>small{display:block;text-align:center;font-size:8px;color:#a1987c}.window-dialog{position:absolute;inset:43px 165px 40px;z-index:8;border:3px ridge #a08a55;padding:17px 24px;background:repeating-linear-gradient(120deg,#0000 0 4px,#0001 4px 5px),radial-gradient(ellipse at top,#5a4528,#26281b);box-shadow:0 0 0 600px #071007bb,0 4px 30px #000;overflow:auto;scrollbar-width:thin;cursor:default}.window-dialog h2{font:600 28px var(--display);color:#efdaaa;margin:0 0 10px;border-bottom:2px ridge #85734c;padding-bottom:8px}.dialog-close{position:absolute;right:8px;top:8px;width:24px;font-size:20px;line-height:20px;color:#edb372}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#create-form>.primary{margin-top:19px;width:100%}.settings-note{font-size:9px;margin:5px 0 12px;color:#b8ab8d;line-height:1.6}.binding-row{display:grid;grid-template-columns:1fr 80px 30px;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #88724d66}.binding-row>b{font-size:11px;font-weight:400}.binding-row button{font:11px var(--mono)}.binding-row button.capturing{color:#adff8b;border-color:#baff8d;background:#31492d}#binding-status{height:28px;padding-top:5px;font-size:9px;color:#efc67a}.sound-settings{display:grid;grid-template-columns:90px 1fr 45px;align-items:center;gap:6px}.sound-settings .checkbox-label{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:5px 0}.checkbox-label input{width:14px;height:14px;accent-color:#e4ad50}.sound-settings label{margin:0;font-size:8px}.sound-settings input[type=range]{padding:0;height:20px;accent-color:#d4a64e;border:0}.sound-settings output{font:9px var(--mono);text-align:right}.dialog-actions{display:flex;gap:12px;margin-top:20px}.dialog-actions button{flex:1;font-size:9px}#help-dialog p{font-size:11px;line-height:1.8;margin:8px 0}#help-dialog .primary{width:100%;margin-top:12px}.toast{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);max-width:620px;white-space:nowrap;background:#202817ef;border:1px solid #a18d52;padding:9px 16px;color:#eddeb0;font-size:10px;z-index:10;pointer-events:none}#game-shell:fullscreen{margin:auto;background:#080908;display:grid;place-items:center}#game-shell:fullscreen #arena-stage{box-shadow:0 0 0 1px #4e4838}

.map-preview{position:relative;overflow:hidden}.map-preview canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-preview b{position:absolute;bottom:0;left:0;right:0;padding:3px;text-align:center;background:#10170dc9;font-size:14px}

html{background:#000}body{background:#000 url('/assets/page-background.png') center center/auto fixed no-repeat}#game-shell{box-shadow:0 0 55px #000b,0 12px 70px #0009}nav button{width:122px}.map-preview{height:79px}.map-info{padding:7px}.map-preview b{font-size:11px}.lobby-presence-heading{display:flex;gap:5px;align-items:center;color:#a3be72;font:8px var(--mono);padding:8px 3px 5px}.lobby-presence-heading>i{width:4px;height:4px;background:#8fe162}.lobby-presence-heading>b{margin-left:auto;color:#dbcfac;font-weight:400}#lobby-players{height:114px;overflow:auto;scrollbar-width:thin;scrollbar-color:#817449 #242519}.lobby-player{display:flex;align-items:center;gap:6px;padding:4px 3px;border-bottom:1px solid #715e342f;font-size:10px;color:#b9d68a}.lobby-player .presence-star{font-size:12px;color:#a2c371}.lobby-player .lobby-player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player small{font:6px var(--mono);color:#bdab7d}.lobby-chat{height:134px;min-height:134px}.chat-log{height:83px;overflow:auto;scrollbar-width:thin;scrollbar-color:#817449 #242519;padding:6px 10px}.lobby-chat-line{font-size:10px;line-height:1.6;overflow-wrap:anywhere;color:#d9ceb3}.lobby-chat-line b{color:#aec58b;font-weight:600}.lobby-chat-line time{font:8px var(--mono);color:#99987b;margin:0 5px}#lobby-chat-form{height:26px;display:flex;border-top:1px solid #72613f;background:#171b12}#lobby-chat-input{height:25px;border:0;font-size:10px}#lobby-chat-form button{min-width:92px;height:25px;font-size:10px;border-width:0 0 0 1px}.profile-panel{background:#211f16ad;border-right:3px ridge #7d6c47;min-width:0}.profile-panel .panel-tabs>span{margin-left:auto;font-size:8px;padding:4px 9px;color:#9e9076}.profile-content{padding:10px 14px}.profile-identity{display:flex;align-items:center;gap:14px}.profile-portrait{width:58px;height:64px;background:linear-gradient(135deg,#8c9986,#344333);border:3px ridge #98875c;display:grid;place-items:center;font:700 40px var(--display);color:#e7d5aa}.profile-identity form{display:grid;grid-template-columns:220px 80px;gap:5px 8px;align-items:end}.profile-identity label{grid-column:1/-1;margin:0;font-size:8px}.profile-identity input{height:26px}.profile-identity button{height:26px;font-size:10px}.profile-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:14px 0 10px}.profile-stats>div{background:#161b11b3;border:1px solid #6d603a;text-align:center;padding:7px 2px}.profile-stats b{display:block;font:22px var(--display);color:#e7d3a0}.profile-stats span{font:6px var(--mono);color:#9e977d}.profile-content>small{font-size:8px;color:#9d957a}.kill-feed{left:0;right:auto;top:66px;max-height:310px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.kill-row{margin:0;max-width:380px;background:linear-gradient(90deg,#11180eea,#192315d9);border:1px solid #8b8058;border-left:0;padding:7px 11px;font:9px var(--mono);box-shadow:0 2px 7px #0007;display:flex;gap:8px;align-items:center;animation:kill-slide-in .3s ease-out both;white-space:nowrap}.kill-row b{font-weight:500}.kill-row .kill-weapon{color:#c9b67e;font-size:7px}.kill-row.leaving{animation:kill-slide-out .35s ease-in both}@keyframes kill-slide-in{from{transform:translateX(-110%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes kill-slide-out{from{transform:translateX(0);opacity:1}to{transform:translateX(-110%);opacity:0}}

.hud-corner{position:absolute;right:7px;top:5px;display:flex;flex-direction:column;align-items:stretch;gap:3px;z-index:2}.hud-corner .battle-toolbar{position:static;gap:4px}.battle-toolbar #menu-btn{width:auto;font-size:8px;padding:0 5px}.hud-corner-meta{display:flex;align-items:center;gap:6px;padding:2px 5px;background:#101811bc;font:7px var(--mono);color:#b7b69a}.hud-corner-meta #map-name{font-size:8px}.hud-corner-meta #invite-code{font-size:6px;font-weight:400}#ping{margin-left:auto;color:#6dff4b;text-align:right}
.combat-profile{position:absolute;left:7px;top:5px;z-index:2;display:flex;align-items:center;gap:8px;max-width:300px;height:27px;padding:0 8px;background:#101811d9;border:1px solid #6c6648;font:9px var(--mono);pointer-events:none}.combat-profile>#hud-profile-name{color:#ead3a1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-profile .rank-star{font-size:18px}.combat-profile .coin-balance{margin-left:3px}
.topbar-settings{width:22px;height:20px;min-height:20px;padding:0;font-size:17px;line-height:18px;color:#c7ba94}#lobby-sound-btn,#settings-nav{border:0}.room-actions #refresh-btn{margin-left:auto}.room-actions #quick-play-btn{margin-left:0}.lobby-overlay>.topbar,.lobby-overlay>nav,.lobby-overlay>.battlezone{flex-shrink:0}.lobby-chat{flex:1;display:flex;flex-direction:column;min-height:134px}.chat-heading,#lobby-chat-form{flex-shrink:0}.chat-log{flex:1;min-height:0;height:auto}

/* Lobby proportions: chat 214 × 0.84, rooms 570 × 0.8, map 244 × 230 × 0.8 */
.lobby-overlay>nav{height:25px}.room-nav{width:456px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0}.room-nav>button{width:auto;min-width:0;height:23px;min-height:23px}#leaders-nav{width:152px;height:23px;min-height:23px;margin-left:auto;border-left:1px solid #5b4b2f}
.coin-balance{display:flex;align-items:center;gap:5px;color:#ead098;min-width:45px}.coin-balance i{font-style:normal;font-size:16px;color:#e9b94e;text-shadow:0 2px #8d6227,1px 0 #fff09b}.coin-balance b{font-weight:500;font-size:9px}
.room-columns,.room-entry{grid-template-columns:minmax(0,1fr) 42px 58px}.room-entry{cursor:pointer}.room-entry.selected{background:linear-gradient(90deg,#a2743766,#6f542b66);box-shadow:inset 3px 0 #e4bd67}.room-entry:focus-visible{outline:1px solid #f9c45b;outline-offset:-1px}.room-entry small{margin-left:7px}.room-actions{gap:5px}.room-actions button{padding:0 8px}.room-actions #join-room-btn{margin-left:auto}.room-actions #refresh-btn{margin-left:0}
.leaders-panel{grid-column:1;grid-row:1;min-height:0;min-width:0;display:flex;flex-direction:column;background:#1b1d17b3;border-right:3px ridge #7d6c47}.leaders-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#8a7954 #191b15}#leaders-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}#leaders-table th{background:#2d291c;font-size:8px;font-weight:400;height:26px}#leaders-table th:first-child{width:28px}#leaders-table th:nth-child(2){width:143px;text-align:left}#leaders-table th:nth-child(n+3){width:55px}#leaders-table th button{width:100%;height:25px;min-height:25px;border:0;font-size:8px;padding:0 2px;background:transparent}#leaders-table th[aria-sort="descending"] button{color:#f4c875;background:#75522b66}#leaders-table td{height:29px;padding:3px 5px;text-align:center;border-bottom:1px solid #64553766;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaders-table td:nth-child(2){text-align:left;color:#e0d8c5}#leaders-table tbody tr:nth-child(even){background:#c3964a13}#leaders-table tbody tr.leader-self{background:#a2743733}#leaders-table tbody tr:nth-child(-n+3) td:first-child{color:#efc96c}.leaders-footer{height:27px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:1px 5px;border-top:2px ridge #776943;background:#141a12;font-size:8px}.leaders-footer button{font-size:9px;min-height:22px;padding:0 8px}#leaders-empty{padding:0 10px}
.lobby-overlay>.battlezone{height:auto;min-height:0;flex:1 1 0;grid-template-columns:456px 195.2px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#rooms-panel,#profile-panel{grid-column:1;grid-row:1;min-height:0}
#lobby-bottom{grid-column:2;grid-row:1;align-self:start;width:195.2px;height:184px;padding:5.6px}
.map-preview{height:63.2px;border-width:2.4px}.map-preview b{font-size:8.8px;padding:2.4px}
.lobby-presence-panel{grid-column:3;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#211f16ad;border-left:3px ridge #7d6c47;padding:0 5px}
.lobby-presence-panel .lobby-presence-heading{flex-shrink:0;border-bottom:1px solid #715e3466;padding-bottom:8px}
.lobby-presence-panel #lobby-players{height:auto;min-height:0;flex:1}
#player-search-form{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:4px;margin:5px 0;padding-top:6px;border-top:1px solid #715e3466}
#player-search-input,#player-search-form button{height:27px;min-height:27px;font-size:10px;padding:0 6px;min-width:0}
#player-search-input{width:100%;margin:0}
#player-search-status{grid-column:1/-1;font:9px var(--mono);color:#bbbd9e;overflow-wrap:anywhere}
#player-search-status:empty{display:none}
#game-shell{width:800px;height:520px}
#arena-stage{width:100%;height:100%}
#screen canvas{width:100%!important;height:100%!important}
#game-shell:fullscreen{width:100vw;height:100vh;margin:0;display:block;box-shadow:none;background:#101b22}
#game-shell:fullscreen #arena-stage{width:100%;height:100%;box-shadow:none}
.lobby-overlay>.battlezone{grid-template-columns:minmax(0,456fr) minmax(0,195.2fr) minmax(0,262.8fr)}
.room-nav{width:49.8905908%}
#lobby-bottom{width:auto}
#leaders-nav{width:16.6301969%}
.lobby-chat{height:179.76px;flex:0 0 179.76px}
.lobby-chat{display:grid;grid-template-columns:minmax(0,1fr) 100px;grid-template-rows:21px minmax(0,1fr) 26px}.lobby-chat>#private-chat-tab{grid-column:2;grid-row:1;font-size:10px;padding:0 8px}.lobby-chat>.chat-log{grid-column:1;grid-row:1/3;height:auto}.lobby-chat>#lobby-chat-form{grid-column:1/-1;grid-row:3}
.chat-emoji{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,25px);place-content:center;gap:2px;padding:4px 5px;border-left:1px solid #66583d;background:#171b1277}
.chat-emoji button{display:grid;place-items:center;padding:0;width:25px;height:25px;min-height:25px;font:17px/1 'Segoe UI Emoji',sans-serif;background:transparent;border:0}
#lobby-chat-form button{width:100px;min-width:100px;flex-shrink:0}


.profile-backdrop{position:absolute;inset:0;z-index:7;background:#071007b8}#profile-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:664px;height:440px;padding:16px 22px;overflow:hidden;box-shadow:0 4px 30px #000}#profile-dialog h2{font-size:28px;margin-bottom:12px}.profile-body{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px}.selected-skin{min-width:0;display:flex;flex-direction:column;align-items:center;border:2px ridge #9b8753;background:#171d13}.selected-skin canvas{width:166px;height:254px;display:block}.selected-skin>b{font:14px var(--display);color:#ead7a5;padding:6px 3px}.profile-details{min-width:0}.profile-name-form{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:5px 8px}.profile-name-form label{grid-column:1/-1;margin:0;font-size:9px}.profile-name-form input,.profile-name-form button{height:27px;font-size:11px}#profile-dialog .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}#profile-dialog .profile-stats>div{padding:6px 2px}#profile-dialog .profile-stats span{font-size:7px}.skin-heading{font:9px var(--mono);color:#c7b582;margin:10px 0 6px}.skin-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.skin-options button{display:flex;flex-direction:column;align-items:center;padding:3px 2px 5px;min-width:0;background:#181f14;border:1px solid #79643e}.skin-options button.selected{border-color:#e7c77b;box-shadow:inset 0 0 0 1px #b48c40;background:#514327}.skin-options canvas{width:55px;height:68px;display:block}.skin-options span{font-size:8px;white-space:nowrap;margin-top:4px;color:#e4d4aa}#skin-status{display:block;font-size:8px;color:#a5bb7b;margin-top:7px}.profile-storage-note{display:block;font-size:8px;color:#a79b7c;margin-top:14px}

#lobby-bottom{height:auto;align-self:stretch;min-height:0;display:flex;flex-direction:column}.map-preview{flex-shrink:0}#room-preview-roster{flex:1;min-height:0;overflow:auto;margin-top:7px;padding:0 3px;scrollbar-width:thin;scrollbar-color:#8a7954 #191b15}.preview-team{margin:0 0 8px}.preview-team.red .preview-player{background:rgba(237,104,82,.2)}.preview-team.blue .preview-player{background:rgba(88,184,244,.2)}.preview-player{display:flex;justify-content:space-between;gap:4px;padding:3px 5px;margin-bottom:2px;font-size:10px;color:#e0d8c5;overflow-wrap:anywhere}.preview-player small{font:7px var(--mono);color:#a28f6b;padding-top:2px}


.room-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-help{width:100%;margin-top:14px}#settings-dialog .dialog-actions{margin-top:10px}


.hud-performance{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#6dff4b;font:7px var(--mono);padding:3px 5px;background:#101811bc;pointer-events:none}

.chat-panel{bottom:8px;right:7px;width:430px;border-color:#8b8058;box-shadow:0 2px 9px #0009}
#chat-input{height:30px;font-size:10px;min-width:0}
#chat-form button{width:36px;font-size:18px}
.kill-row.chat-feed-row{white-space:normal;align-items:flex-start;line-height:1.45}
.chat-feed-row b{flex-shrink:0}
.chat-feed-row .chat-message-text{font-size:9px;color:#e2dcc8;overflow-wrap:anywhere;min-width:0}
.playing .kill-feed .chat-message-text{pointer-events:auto}
.kill-row.room-notice-row{display:block;white-space:normal;line-height:1.45}
.room-notice-row span{font-size:9px!important;color:#c5c9b7!important}
.chat-feed-row .neutral{color:#dbc58e}


.clan-tag{color:#6dff4b!important}.topbar-settings.muted-sound{color:#c37a67;text-decoration:line-through}
.room-columns,.room-entry{grid-template-columns:minmax(0,1fr) 30px 42px 58px}.room-columns button{min-height:17px;height:17px;font:8px var(--mono);padding:0;background:transparent;border:0;color:inherit}.room-columns button[aria-pressed=true]{color:#efcc75}.room-columns button[data-direction=descending]::after{content:' ▾'}.room-columns button[data-direction=ascending]::after{content:' ▴'}.room-level{text-align:center;color:#d4bb82}
.chat-heading{display:flex;align-items:center;gap:5px;padding:0 0 0 6px}.chat-heading button{height:21px;min-height:21px;font-size:10px;padding:0 8px}.chat-heading button[aria-pressed=true]{color:#f4d68a;background:#67502c}#private-chat-tab{width:100px;flex-shrink:0;margin-left:auto}#private-chat-tab.unread{color:#9cff6c}.lobby-chat .chat-log{min-height:0}
#character-bindings .character-binding-row{padding-top:3px;padding-bottom:3px}

.camera-speed-setting{display:grid;grid-template-columns:1fr 40px;align-items:center;gap:4px 8px;margin-top:12px}.camera-speed-setting label{grid-column:1/-1;margin:0;font-size:9px}.camera-speed-setting input{height:22px;padding:0;accent-color:#d4a64e}.camera-speed-setting output{font:10px var(--mono);text-align:right}

#character-bindings .character-binding-row{min-height:25px;padding:2px 0}#character-bindings .character-binding-row button{height:20px;min-height:20px}#settings-dialog .settings-note{line-height:1.4}.settings-content .binding-row{padding:4px 0}#music-status{grid-column:1/-1;font-size:9px}.settings-content .settings-help{margin-top:9px}

#private-chat-tab[data-chat-mode=private]{color:#f4d68a;background:#67502c}
#private-chat-tab[data-chat-mode=public].unread{background-image:none;animation:private-chat-unread 1.8s ease-in-out infinite}
@keyframes private-chat-unread{0%,100%{color:#a8d78c;background-color:#25271c;border-color:#5b4b2f;box-shadow:0 0 0 #80e65c00}50%{color:#d4ffb9;background-color:#3b592c;border-color:#99d16b;box-shadow:0 0 9px #80e65c77}}
@media(prefers-reduced-motion:reduce){#private-chat-tab[data-chat-mode=public].unread{animation:none;color:#d4ffb9;background-color:#3b592c;border-color:#99d16b}}
.lobby-player .lobby-player-link{flex:1;min-width:0;width:auto}.lobby-player .lobby-message-btn{flex:0 0 25px;width:25px;height:23px;min-height:23px;padding:3px;background:transparent;border:1px solid transparent;color:#d3bf88}.lobby-player .lobby-message-btn:where(:not(:disabled)):hover,.lobby-player .lobby-message-btn:focus-visible{background:#63502b;border-color:#ae9159;color:#fff0c5}#sound-btn svg,#lobby-sound-btn svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#sound-btn,#lobby-sound-btn{padding:2px}#sound-btn.muted-sound,#lobby-sound-btn.muted-sound{text-decoration:none}

html.game-expanded,html.game-expanded body{overflow:hidden;min-width:0}
#game-shell.expanded-tab{position:fixed;inset:0;width:100vw;height:100vh;z-index:100;box-shadow:none}
.clan-request{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid #645537}.clan-request>span{flex:1}.clan-request button{padding:0 7px}#clan-requests-panel{margin-top:12px}#clan-requests-panel h4{margin:5px 0}

.lobby-cloud-icon,.player-search-icon{display:block;background-color:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;pointer-events:none}
.lobby-cloud-icon{width:100%;height:100%;mask-image:url("/assets/icons/message-2.svg")}
.lobby-player .lobby-message-btn{opacity:0;pointer-events:none;transition:opacity .25s ease-out}
.lobby-player:hover .lobby-message-btn,.lobby-player:focus-within .lobby-message-btn{opacity:1;pointer-events:auto}
.player-search-icon{width:18px;height:18px;margin:auto;mask-image:url("/assets/icons/search.svg")}

#lobby-expand-tab-btn:disabled,.lobby-player.in-room{opacity:.4}
.ui-closing{pointer-events:none}
#room-preview-roster .preview-team,#room-preview-roster .preview-player{margin-bottom:0}