@charset "UTF-8";
/* Classic desktop CF panel language, adapted for a landscape touch screen. */
#menu{--steel:#2c3032;--steel-line:#555a5b;--amber:#e2aa46;--menu-left:max(18px,env(safe-area-inset-left));--menu-right:max(18px,env(safe-area-inset-right));background:radial-gradient(ellipse at 45% 0,#55595a18,transparent 70%),repeating-linear-gradient(110deg,#99999903 0,#99999903 2px,transparent 3px,transparent 5px);font-family:Tahoma,"Microsoft YaHei",sans-serif;color:#d8dbd8;text-shadow:0 1px 1px #000}
#menu:before{content:"";position:absolute;inset:7px;border:1px solid #606464;box-shadow:inset 0 0 0 2px #1116;pointer-events:none}
#menu .grain{opacity:.05}
#menu .topbar{left:var(--menu-left);right:var(--menu-right);top:12px;height:48px;gap:20px}
#menu .brand{gap:16px;min-width:0}
.cf-logo{width:165px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px #0009)}
.classic-title{padding-left:16px;border-left:1px solid #7776}
#menu h1{font-size:19px;letter-spacing:3px;color:#ede5ce}
.classic-title small{display:block;color:#9a9d99;font-size:8px;letter-spacing:1px;margin-top:4px}
#menu .account{font-size:10px;color:#bdc3bf;gap:9px}
#menu .status-dot{background:#92b471;box-shadow:0 0 3px #829965}
#menu .divider{background:#70737377;margin:0 6px}
.utility-button{height:30px;min-width:48px;border:1px solid #585c5d;background:linear-gradient(#52585a,#262a2c);box-shadow:inset 0 1px #94979566,0 1px 2px #0008;font-size:11px}
#menu .tabs{left:var(--menu-left);right:var(--menu-right);top:70px;height:38px;gap:5px;border:1px solid #090b0c;box-shadow:0 1px #676b6b,inset 0 1px #5f676666;background:linear-gradient(#3d4345,#222729)}
#menu .tabs>button{height:100%;min-width:168px;font-size:13px;letter-spacing:1px;padding:0 20px;border-right:1px solid #0b0d0e;color:#b9c1c3;box-shadow:inset -1px 0 #656c6b77;display:flex;align-items:center;gap:8px}
#menu .tabs>button small{font-size:7px;margin-left:0;letter-spacing:.8px;color:#b6bdb7}
#menu .tabs>button.active{color:#ffe1a7;background:linear-gradient(#807045,#423822);box-shadow:inset 0 1px #c0a46866,inset 0 -2px #dfa94b}
#menu .tabs>button.active:after{display:none}
.tab-symbol{font-size:18px;color:#bebcaf}
.channel-path{margin-left:auto;align-self:center;padding:0 15px;color:#b3b8b7;font-size:10px;white-space:nowrap}
.channel-path span{padding:0 8px;color:#757e7a}.channel-path b{font-weight:400;color:#e5c386}
#lobby{position:absolute;left:var(--menu-left);right:var(--menu-right);top:120px;bottom:88px;display:grid;grid-template-columns:minmax(235px,.31fr) 1fr;gap:12px;min-height:0}
.metal-panel{border:1px solid #0c1010;background:linear-gradient(#313638ee,#202525f5);box-shadow:inset 0 0 0 1px #62696666,0 2px 5px #0005;min-width:0;min-height:0}
.panel-heading{height:31px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #070a0a;background:linear-gradient(#4f5758,#333a3b);box-shadow:inset 0 1px #78807d55,0 1px #5c625e44;flex:none}
.panel-heading h2{font-size:12px;letter-spacing:1px;color:#ebecd8;white-space:nowrap}
.panel-heading>span{font-size:8px;letter-spacing:.6px;color:#a6afab;margin-left:auto}
.player-panel{display:flex;flex-direction:column;overflow:hidden;background:transparent}
.player-identity{height:54px;display:flex;align-items:center;gap:11px;padding:7px 14px;background:#202627;border-bottom:1px solid #61666055;flex:none}
.player-identity strong{display:block;font-size:12px;letter-spacing:1px;color:#e4e6dd}.player-identity small{font-size:9px;color:#929d98;display:block;margin-top:5px}
.rank-badge{width:34px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#6a7665,#26332b);border:1px solid #899a7c55;box-shadow:inset 0 0 0 2px #151e1788;transform:skewY(-4deg)}
.rank-badge i{width:17px;height:7px;border-left:3px solid #d8d9ba;border-bottom:3px solid #d8d9ba;transform:rotate(-45deg);margin-top:-1px}
.identity-tag{font-size:20px;font-weight:900;letter-spacing:-1px;color:#505955;margin-left:auto;font-style:italic}
.operator-preview{position:relative;flex:1;min-height:50px;background:radial-gradient(ellipse at 50% 80%,transparent,#070a0a22 80%);overflow:hidden;border-bottom:1px solid #070909}
.preview-watermark{position:absolute;left:13px;top:13px;font-size:13px;line-height:1.2;letter-spacing:3px;font-weight:900;color:#a7afab22;font-style:italic;pointer-events:none}
.preview-corner{position:absolute;width:18px;height:18px;pointer-events:none;opacity:.45}.preview-corner.top-left{left:8px;top:8px;border-left:1px solid #abb3a6;border-top:1px solid #abb3a6}.preview-corner.bottom-right{right:8px;bottom:8px;border-bottom:1px solid #abb3a6;border-right:1px solid #abb3a6}
#menu .operator-label{left:13px;top:auto;bottom:13px;color:#ece2c6;text-shadow:0 1px 4px #000;pointer-events:none}
#menu .operator-label strong{font-size:17px;letter-spacing:2px;margin:0}.operator-label>span{font-size:7px;letter-spacing:1.5px;color:#a8b3aa}
.rotation-hint{position:absolute;right:10px;bottom:12px;color:#9caaa0;font-size:8px;pointer-events:none}
.player-results{height:31px;display:flex;align-items:center;justify-content:space-around;background:#1a2020;flex:none;border-bottom:1px solid #525a5555;font-size:9px;color:#99a19c}
.player-results b{margin-left:8px;font-size:11px;color:#d5d9c7;font-weight:400}
.bag-heading{height:30px;display:flex;align-items:center;gap:8px;padding:0 10px;flex:none;background:linear-gradient(#404647,#2a3131);font-size:10px;border-bottom:1px solid #141b19}.bag-heading b{font-weight:400}.bag-heading b>span{display:inline-block;background:#bd8c3b;color:#171b15;padding:1px 5px;margin-left:3px;font-weight:700;text-shadow:none}.bag-heading small{font-size:8px;color:#999f97}.bag-heading button{margin-left:auto;color:#dec08b;font-size:9px;min-height:24px;padding:0 5px}
.bag-slots{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:4px;padding:7px;flex:none;height:75px;background:#1d2425}
.bag-slot{position:relative;border:1px solid #4a5250;box-shadow:inset 0 0 0 1px #060a0988;background:linear-gradient(135deg,#434b4866,#101a19);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}
.bag-slot.primary-slot{border-color:#aa8545;box-shadow:inset 0 0 0 1px #4c3c2466}.slot-index{position:absolute;top:3px;left:4px;color:#ae8f4b;font-size:8px}.bag-slot svg{height:28px;width:90%;fill:#a4a79a;filter:drop-shadow(0 2px #0a100e)}.bag-slot strong{font-size:9px;font-weight:400;color:#c7ccbf;margin-top:2px;letter-spacing:.5px}
.channel-panel{min-height:0;min-width:0;display:grid;grid-template-rows:minmax(165px,1.15fr) minmax(155px,.95fr) 72px;gap:10px}
.room-browser{display:flex;flex-direction:column;overflow:hidden}
.mode-filter{font-size:9px;border:1px solid #727762;background:#2c342b;padding:4px 9px;color:#d9d8bd;margin-left:0;white-space:nowrap}
.room-columns,.room-row{display:grid;grid-template-columns:46px minmax(0,1fr) 64px 76px 66px;align-items:center;gap:8px;text-align:left}
.room-columns{height:28px;margin:0 9px;color:#b3b6a9;font-size:9px;border-bottom:1px solid #565d5677;background:#10181855;flex:none}
.room-columns>span:first-child,.room-number{text-align:center}.room-columns>span:not(:first-child){border-left:1px solid #6a726044;padding-left:7px}
.room-list{flex:1;min-height:0;display:grid;grid-template-rows:repeat(3,minmax(32px,1fr));padding:3px 8px 0;background:repeating-linear-gradient(#182122 0,#182122 38px,#5d665a22 39px,#182122 40px)}
.room-row{padding:0 0;color:#cbd1c4;font-size:10px;border:1px solid transparent;border-bottom-color:#58605144;min-height:32px}
.room-row:nth-child(2){background:#63725a0e}.room-row.selected{background:linear-gradient(90deg,#a085443d,#806d3438);border:1px solid #bda468;box-shadow:inset 0 0 0 1px #d8c79122;color:#fff0bd}.room-row:hover{background-color:#87947418}
.room-title{font-size:12px;display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap}.room-title small{font-size:9px;margin-left:3px;color:#7f8b7c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row.selected .room-title small{color:#bdba99}
.room-number{font-family:Tahoma,monospace;color:#b6bbaa;font-size:10px}.room-level{width:13px;height:13px;background:linear-gradient(135deg,#acbc8d,#536f54);border:1px solid #c2d4a877;transform:rotate(45deg);display:block;flex:none;box-shadow:inset 0 0 0 2px #17251b77}.room-level.normal{background:linear-gradient(135deg,#c6ac70,#786133);border-color:#e3c88377}.room-level.hard{background:linear-gradient(135deg,#b79a7f,#8b5743);border-color:#c8a09177}.room-ready{color:#a7bb88;font-size:9px}
.room-list-note{display:flex;justify-content:space-between;height:24px;align-items:center;padding:0 14px;color:#7e8c7e;font-size:8px;border-top:1px solid #606e5655;flex:none}
.room-details{display:flex;flex-direction:column;overflow:hidden}.room-detail-body{display:grid;grid-template-columns:.95fr 1fr;gap:14px;padding:12px;flex:1;min-height:0}
.map-preview{position:relative;min-width:0;min-height:0;border:1px solid #626b56;background:#111d1e;overflow:hidden;box-shadow:inset 0 0 12px #0007}.map-preview canvas{width:100%;height:100%;display:block;object-fit:contain}.map-preview-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#111a19cc;border-top:1px solid #9fa28644}.map-preview-caption strong{font-weight:400;font-size:12px;color:#e7dec1}.map-preview-caption>span{font-size:7px;color:#8d9a8f;letter-spacing:.8px}
.room-settings{min-width:0;display:flex;flex-direction:column;justify-content:center}.room-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;font-size:10px;border-bottom:1px solid #68715c22}.room-rule>span{color:#919c8d;white-space:nowrap}.room-rule>b{font-weight:400;color:#d3d9c6;white-space:nowrap}.room-rule button{min-height:22px;padding:0;color:#ead09b;font-size:10px}
#menu .side-pick{border:1px solid #64715a;background:#10191b;box-shadow:0 1px #050905;margin:10px 0 0;flex:none;height:33px}
#menu .side-pick button{font-size:11px;white-space:nowrap;padding:0 5px;color:#a6b1a6}.side-pick button small{margin-left:5px;font-size:8px;opacity:.7}#menu .side-pick button.active{background:linear-gradient(#756849,#423c2a);color:#f4d79e;box-shadow:inset 0 1px #ab956144}
.lobby-console{overflow:hidden}.console-tabs{height:23px;display:flex;align-items:center;gap:21px;padding:0 11px;border-bottom:1px solid #53605177;font-size:9px;background:#35403c88;color:#838f85}.console-tabs .active{color:#d4bf83}.console-tabs b{font-size:8px;letter-spacing:1px;margin-left:auto;color:#8b9e7d;font-weight:400}#lobby-message{font-size:10px;line-height:1.7;padding:8px 11px;color:#bdc2b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lobby-message>span{color:#c6b37e;margin-right:4px}
#menu .bottom-bar{height:76px;gap:24px;border-top:1px solid #5c6560;box-shadow:inset 0 1px #090c0b,inset 0 2px #57635a44;background:linear-gradient(#363d3f,#202627);padding:0 var(--menu-right) 0 var(--menu-left)}
#menu .loadout{gap:13px}#menu .loadout-symbol{font-size:29px;color:#c5b080}#menu .loadout small{font-size:8px;letter-spacing:1px;color:#8f9d90}#menu .loadout strong{font-size:12px;letter-spacing:1px;margin-top:5px;color:#d8decf}#menu .loadout strong span{font-size:9px;color:#939f91;letter-spacing:0}#menu .build-label{margin-left:auto;font-size:8px;letter-spacing:.5px;text-align:right;color:#8d998d}#menu .build-label b{font-weight:400;color:#b8bea9}#menu .build-label span{font-size:8px;margin-top:5px;letter-spacing:0}
#menu .start-button{width:210px;height:51px;clip-path:none;color:#fff0ce;text-shadow:0 1px 2px #3f220a;font-size:19px;letter-spacing:2px;padding:0 22px;background:linear-gradient(#d7ac5c,#a8752c 49%,#936124 51%,#c29644);border:1px solid #0b1010;box-shadow:inset 0 0 0 1px #e3bd73,0 1px 3px #0009;flex:none}#menu .start-button span{font-size:17px;color:#ffdf9c;margin-top:2px}
#warehouse{position:absolute;left:var(--menu-left);right:var(--menu-right);top:120px;bottom:88px;display:grid;grid-template-columns:minmax(215px,.29fr) 1fr minmax(210px,.3fr);gap:12px;min-height:0}
#menu .inventory,#menu .item-detail{position:relative;left:auto;right:auto;top:auto;width:auto;min-height:0;border:1px solid #58615b;background:linear-gradient(#353d3f,#202828);padding:16px;box-shadow:inset 0 0 0 1px #0b1110}
#menu .inventory{display:flex;flex-direction:column}#menu .inventory h2{font-size:20px;margin:8px 0 14px;letter-spacing:1px}#menu .inventory-tabs{border-color:#5b685a}#menu .inventory-tabs button.active{color:#ead196;background:linear-gradient(#6d6344,#393b2c);border-color:#d1ab69}#menu #item-list{flex:1;min-height:0;overflow:auto}#menu .inventory-item{background:#1c2829;border-color:#4a5950}#menu .inventory-item.selected{border-color:#c0a26c;background:#8d79482e}#menu .inventory-item>span{color:#c9b276}#menu .item-detail h2{font-size:31px;color:#e8d6b0;letter-spacing:1px}#menu .item-detail .eyebrow,#menu .inventory .eyebrow{color:#a3b69a;letter-spacing:1px}#menu .item-detail .primary-button{background:linear-gradient(#b99751,#795c2d);border:1px solid #d0b16b;color:#f2e6be;text-shadow:0 1px #312616}#menu .warehouse-preview{position:relative;min-width:0;min-height:0;border:1px solid #626c5866;box-shadow:inset 0 0 0 1px #090e0c77}#menu .preview-caption{left:0;right:0;bottom:18px;font-size:9px}#menu .preview-caption span{font-size:7px;color:#9aab92}
.map-preview>img{width:100%;height:100%;object-fit:cover;display:block}
.map-view-tabs{position:absolute;top:5px;right:5px;display:flex;background:#11191aee;border:1px solid #74826799;box-shadow:0 1px 2px #0009}
.map-view-tabs button{min-width:34px;height:23px;padding:0 6px;font-size:8px;color:#b2bba9}
.map-view-tabs button.active{background:linear-gradient(#736447,#433b28);color:#edcf98}
.modal-card{background:linear-gradient(#353c3e,#20292a);border:1px solid #6d7868;box-shadow:inset 0 0 0 1px #0b1411,0 18px 60px #0009}
.sound-options{gap:16px}.sound-options>label{display:flex;align-items:center;gap:10px;white-space:nowrap}.sound-options input{accent-color:var(--gold)}
.network-modal .modal-card{width:min(740px,94vw);max-height:94dvh;overflow:auto;padding:20px 26px}.network-modal h2{margin:5px 0 12px}.network-fields{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px}.network-fields label{display:grid;gap:6px;font-size:12px;color:#abb4b6}.network-fields input{width:100%;min-width:0;padding:11px 8px;border:1px solid #51594f;background:#141b1c;color:#f4e9cf;font:inherit;border-radius:3px}.network-fields input:focus{outline:1px solid var(--gold)}#network-status{font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0}.room-invite{display:flex;align-items:center;gap:14px}.room-invite b{color:var(--gold);letter-spacing:4px;font-size:24px}.room-invite small{margin-left:auto;font-size:11px;color:#afb4a5}.room-teams{display:grid;grid-template-columns:1fr 1fr;gap:16px}.room-teams h3{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#d6c99e;margin:10px 0 5px}.room-teams h3 button{padding:5px 8px;font-size:10px}.room-member{display:flex;justify-content:space-between;gap:8px;padding:9px 7px;background:#ffffff06;border-bottom:1px solid #ffffff10;font-size:12px}.room-member small{color:#8e9d9f;font-size:10px}.room-member.is-self{background:#ad955024;color:#f2d599}.network-modal button:disabled{opacity:.45;cursor:default}#solo-start{white-space:nowrap;margin-left:auto;margin-right:10px}.network-modal .modal-actions{margin-top:10px}
@media(max-height:460px){.network-modal .modal-card{padding:12px 20px}.network-modal h2{font-size:19px;margin:2px 0 8px}.room-member{padding:5px 7px;font-size:11px}.room-invite b{font-size:20px}.room-invite button{padding:7px 10px;font-size:11px}.network-modal #network-status{font-size:10px;margin:6px 0}.network-modal .modal-actions button{min-height:34px;padding:7px 15px}.network-modal .eyebrow{font-size:8px}.network-fields input{padding:9px 6px}#solo-start{padding:9px 12px;font-size:11px}#menu .build-label{display:none}}
@media(max-width:1050px){.room-title small{display:none}#menu .channel-path{font-size:9px;padding:0 10px}#menu .tabs>button{min-width:150px;padding:0 14px}#menu .build-label b{display:none}.cf-logo{width:145px}.classic-title{padding-left:12px}#menu .brand{gap:12px}}
@media(max-height:650px){#menu .topbar{top:10px;height:39px}#menu .tabs{top:58px;height:34px}#lobby,#warehouse{top:102px;bottom:73px}#menu .bottom-bar{height:62px}#menu .start-button{height:43px;width:185px;font-size:17px}.player-identity{height:42px}.player-results{height:24px}.bag-slots{height:62px}.bag-heading{height:26px}.channel-panel{grid-template-rows:minmax(135px,1.1fr) minmax(123px,.9fr) 50px;gap:8px}.panel-heading{height:27px}.room-columns{height:23px}.room-list-note{height:20px}.room-detail-body{padding:9px;gap:10px}.room-rule{min-height:20px;font-size:9px}.room-rule button{font-size:9px}#menu .side-pick{height:29px;margin-top:7px}#lobby-message{padding:5px 10px;font-size:9px}.console-tabs{height:21px}#lobby{grid-template-columns:minmax(215px,.31fr) 1fr}#warehouse{grid-template-columns:minmax(190px,.29fr) 1fr minmax(190px,.3fr)}#menu .inventory,#menu .item-detail{padding:12px}#menu .inventory h2{font-size:18px;margin:6px 0 10px}}
@media(max-height:460px){#menu{--menu-left:max(12px,env(safe-area-inset-left));--menu-right:max(12px,env(safe-area-inset-right))}#menu:before{inset:4px}#menu .topbar{top:7px;height:33px;gap:10px}.cf-logo{width:123px;height:26px}#menu .brand{gap:10px}.classic-title{padding-left:10px}#menu h1{font-size:14px;letter-spacing:2px}.classic-title small{font-size:6px;margin-top:2px}#menu .account{font-size:8px;gap:6px}.account-name{display:none}#menu .divider{margin:0 2px}.utility-button{min-width:37px;height:27px;font-size:9px}#menu .tabs{top:46px;height:28px;gap:0}#menu .tabs>button{min-width:127px;font-size:11px;padding:0 12px;gap:6px}#menu .tabs>button small{font-size:6px}.tab-symbol{font-size:14px}.channel-path{font-size:8px!important;padding:0 8px!important}.channel-path span{padding:0 4px}#lobby,#warehouse{top:82px;bottom:56px;gap:7px}#lobby{grid-template-columns:minmax(190px,.31fr) 1fr}.panel-heading{height:23px;padding:0 9px;gap:8px}.panel-heading h2{font-size:10px}.panel-heading>span{font-size:7px}.player-identity{height:31px;gap:7px;padding:3px 9px}.player-identity strong{font-size:9px}.player-identity small{font-size:7px;margin-top:2px}.rank-badge{width:25px;height:25px}.rank-badge i{width:12px;height:5px;border-width:2px}.identity-tag{font-size:16px}.preview-watermark{font-size:9px;letter-spacing:2px;left:9px;top:10px}#menu .operator-label{left:9px;bottom:9px}#menu .operator-label strong{font-size:12px;letter-spacing:1px}#menu .operator-label>span{font-size:6px}.rotation-hint{display:none}.player-results{height:19px;font-size:7px}.player-results b{font-size:8px;margin-left:4px}.bag-heading{height:20px;font-size:8px;padding:0 7px}.bag-heading small{font-size:6px}.bag-heading button{font-size:7px;min-height:20px}.bag-slots{height:47px;gap:3px;padding:4px}.bag-slot svg{height:21px}.bag-slot strong{font-size:7px;margin-top:0}.slot-index{font-size:6px;left:3px;top:2px}.channel-panel{grid-template-rows:minmax(116px,1.15fr) minmax(91px,.9fr) 28px;gap:6px}.room-columns,.room-row{grid-template-columns:30px minmax(0,1fr) 35px 54px 45px;gap:5px}.room-columns{height:17px;margin:0 6px;font-size:7px}.room-columns>span:not(:first-child){padding-left:3px}.room-list{padding:2px 5px 3px;grid-template-rows:repeat(3,minmax(24px,1fr))}.room-row{min-height:24px;font-size:8px}.room-title{font-size:10px;gap:7px}.room-title small{display:none}.room-number{font-size:8px}.room-level{height:10px;width:10px}.room-ready{font-size:7px}.room-list-note{display:none}.mode-filter{font-size:7px;padding:3px 6px}.room-detail-body{grid-template-columns:.85fr 1fr;gap:8px;padding:6px}.map-preview-caption{padding:3px 5px}.map-preview-caption strong{font-size:9px}.map-preview-caption>span{font-size:5px}.room-settings{display:grid;grid-template-columns:1fr 1fr;gap:1px 7px;align-content:center}.room-rule{font-size:7px;min-height:15px;gap:3px}.room-rule>b{font-size:7px}.room-rule button{min-height:15px;font-size:7px}.room-rule:first-child{grid-column:1/-1}.room-rule:nth-child(3){grid-column:2;grid-row:2}.room-rule:nth-child(4){display:none}#menu .side-pick{grid-column:1/-1;margin:3px 0 0;height:24px}#menu .side-pick button{font-size:9px}.side-pick button small{font-size:6px;margin-left:3px}.console-tabs{display:none}#lobby-message{font-size:8px;padding:5px 8px;line-height:16px}#menu .bottom-bar{height:48px;gap:16px}#menu .loadout{gap:8px}#menu .loadout-symbol{font-size:22px}#menu .loadout small{font-size:6px}#menu .loadout strong{font-size:9px;margin-top:3px;letter-spacing:.5px}#menu .loadout strong span{font-size:7px}#menu .build-label span{font-size:7px;margin-top:0}#menu .start-button{height:34px;width:157px;font-size:14px;padding:0 17px;letter-spacing:2px}#menu .start-button span{font-size:12px;margin-top:1px}#warehouse{grid-template-columns:minmax(180px,.3fr) 1fr minmax(174px,.3fr)}#menu .inventory,#menu .item-detail{padding:9px}#menu .inventory h2{font-size:15px;margin:4px 0 5px}#menu .inventory .eyebrow{font-size:6px}#menu .inventory-tabs{margin:0 0 4px}#menu .inventory-tabs button{font-size:9px;padding:5px}#menu .inventory-item{padding:6px 8px;margin-top:4px}#menu .inventory-item strong{font-size:10px}#menu .inventory-item small{font-size:7px;margin-top:2px}#menu .inventory-item>span{font-size:7px}#menu .inventory-foot{display:none}#menu .item-detail h2{font-size:22px;margin-top:6px}#menu .item-detail>p{font-size:8px;margin-top:6px}#menu .stat{font-size:8px;gap:7px;margin:9px 0}#menu .included-note{font-size:7px;margin:9px 0;padding-top:7px}#menu .item-detail .primary-button{font-size:9px;padding:9px}#menu .preview-caption{bottom:10px;font-size:7px}#menu .preview-caption span{font-size:5px;margin-top:4px}}
@media(max-width:740px) and (orientation:landscape){#menu .classic-title{display:none}#menu .tabs>button{min-width:116px}#menu .tabs>button small{display:none}#menu .channel-path{font-size:7px!important}#lobby{grid-template-columns:185px 1fr}#menu .build-label{display:none}.room-columns,.room-row{grid-template-columns:26px minmax(0,1fr) 29px 42px 36px;gap:4px}.room-title{font-size:9px}.room-rule:first-child>b{font-size:6px}#warehouse{grid-template-columns:164px 1fr 164px}#menu .start-button{margin-left:auto}}
@media(max-height:460px){.map-view-tabs{top:3px;right:3px}.map-view-tabs button{height:20px;min-width:29px;font-size:7px;padding:0 4px}}
@media(max-height:360px){#lobby,#warehouse{top:77px;bottom:49px}.player-identity{display:none}.channel-panel{grid-template-rows:minmax(112px,1fr) minmax(84px,.8fr);gap:5px}.lobby-console{display:none}#menu .bottom-bar{height:43px}#menu .start-button{height:31px}.panel-heading{height:21px}.room-detail-body{padding:4px 6px}.room-settings{gap:0 5px}.bag-slots{height:42px}#menu .inventory-item{padding:4px 7px}#menu .item-detail h2{font-size:18px}.room-settings .side-pick{height:22px}}

/* All loadout slots remain reachable on short phone screens. */
.settings-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.settings-actions>button{flex:1;min-height:36px}.redeem-label{display:block;margin-bottom:8px;font-size:13px}#redeem-code{display:block;width:100%;padding:12px;border:1px solid #79745d;border-radius:0;background:#111b1d;color:#ece9dd;font:18px monospace;user-select:text;-webkit-user-select:text;touch-action:manipulation}#redeem-result{min-height:36px;margin:12px 0;line-height:1.6}#redeem-result[data-success="true"]{color:#d8b56b}#redeem-warehouse{margin-top:12px;width:100%;min-height:36px}
@media(max-height:360px){.settings-modal .modal-card,.redeem-modal .modal-card{padding:16px 22px}.settings-modal .modal-card h2,.redeem-modal .modal-card h2{margin:5px 0 10px}.settings-modal .setting-row{margin:8px 0}.settings-actions{margin-top:6px;gap:6px}.settings-actions>button{padding:8px;min-height:32px}.redeem-label{font-size:12px;margin-bottom:4px}#redeem-code{padding:8px}#redeem-result{min-height:0;margin:8px 0}#redeem-warehouse{margin-top:8px;min-height:32px;padding:8px}}
#menu .inventory{display:flex;flex-direction:column;min-height:0}#menu .inventory-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-shrink:0;gap:0}#menu .inventory-tabs button{white-space:nowrap;padding:7px 1px;font-size:10px;letter-spacing:0}#item-list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}#item-list button{touch-action:pan-y}#menu .inventory-foot{flex-shrink:0}#menu .loadout strong{max-width:370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-height:500px){#menu .inventory-tabs button{font-size:8px;padding:6px 0}#menu .loadout strong{max-width:300px}}

@media(max-height:360px){.network-modal .modal-card{padding:8px 16px}.network-modal .modal-card h2{font-size:16px;margin:0 0 4px}.network-modal .eyebrow{display:none}.network-modal .room-invite{gap:8px}.network-modal .room-invite b{font-size:18px}.network-modal .room-invite small{font-size:9px}.network-modal .room-teams h3{margin:6px 0 3px;font-size:11px}.network-modal .room-member{padding:3px 6px;line-height:14px}.network-modal #network-status{font-size:9px;line-height:1.3;margin:4px 0}.network-modal .modal-actions{margin-top:5px}.network-modal .modal-actions button{min-height:28px;padding:6px 12px}}