:root{color-scheme:dark;--base:#0b1117;--surface:#121c26;--raised:#192632;--line:#2b3b49;--ink:#e5edf1;--muted:#8b9dab;--cyan:#85d5df;--gold:#d8b47e;--ordinary:#8ba7b6;--rare:#b09fcf;--legendary:#d8b47e;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:13px}
*{box-sizing:border-box}body{margin:0;min-width:1120px;background:var(--base);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}input,select{background:#111d27;border:1px solid var(--line);color:var(--ink);padding:9px 11px;border-radius:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3,p{margin:0}[hidden]{display:none!important}strong{font-weight:600}.app{height:100dvh;min-height:720px;display:flex;flex-direction:column}.topbar{height:69px;flex-shrink:0;padding:0 30px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);background:#101922}.brand{display:flex;align-items:center;gap:12px;font:700 25px "Barlow Condensed","Bahnschrift",sans-serif;letter-spacing:.7px;min-width:163px}.brand small{display:block;font:9px "Noto Sans SC",sans-serif;color:var(--muted);letter-spacing:2px;margin-top:3px}.brand-mark{width:20px;height:31px;border-left:6px solid var(--cyan);border-right:6px solid var(--ink);transform:skew(-18deg)}#main-nav{display:flex;align-self:stretch;gap:24px}#main-nav button{position:relative;color:var(--muted);padding:0 2px;font-size:12px;white-space:nowrap}#main-nav button.active{color:var(--ink)}#main-nav button.active:after{content:"";position:absolute;height:2px;background:var(--cyan);left:0;right:0;bottom:0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px;white-space:nowrap}.preview-badge{font-size:9px;border:1px solid #a2b4c829;color:#a2b2bc;padding:5px 8px;border-radius:3px}.wallet-button{display:flex;align-items:center;gap:7px;font:16px "Barlow Condensed",sans-serif;color:var(--gold)}.wallet-button span:last-child{color:var(--muted);font:10px "Noto Sans SC",sans-serif}.ticket-icon{font-size:22px}.admin-link{font-size:10px;color:var(--muted)}.admin-link:hover{color:var(--gold)}.avatar{width:31px;height:31px;background:#213441;border:1px solid #456070;display:grid;place-items:center;font:600 15px "Barlow Condensed",sans-serif;border-radius:4px}
#screen{width:100%;max-width:1780px;padding:24px 36px 18px;margin:auto;flex:1;min-height:0;display:flex;flex-direction:column}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.eyebrow{font:9px "IBM Plex Mono",Consolas,monospace;color:var(--muted);letter-spacing:2px;display:block}.page-heading h1{font-size:27px;font-weight:600;letter-spacing:1px;margin-top:6px}.page-heading>p{font-size:11px;color:var(--muted);line-height:1.9;text-align:right}.content{flex:1;min-height:0}.primary,.gold-button{height:48px;background:var(--cyan);color:#112834;border:1px solid transparent;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:600;border-radius:4px}.primary:hover{background:#b0e5eb}.primary>span,.gold-button>span{font-size:19px;font-weight:400}.gold-button{background:var(--gold);color:#30271b}.gold-button:hover{background:#ebcfa9}.outline{padding:9px 14px;border:1px solid var(--line);border-radius:4px;background:#192a356b;font-size:11px}.outline:hover{border-color:var(--cyan)}.text-button{font-size:10px;color:var(--cyan);padding:0}.text-button:hover{color:#c0eef0}.small-label{color:var(--muted);font-size:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:15px;font-weight:500}.section-heading span{font-size:10px;color:var(--muted)}.subtle{font-size:10px;color:var(--muted);line-height:1.9}.scroll-area{min-height:0;overflow:auto;scrollbar-color:#415668 transparent;scrollbar-width:thin}.badge{font-size:9px;padding:4px 8px;border:1px solid #608da045;background:#52728214;border-radius:3px;color:#a6c7ce}.badge.gold{border-color:#ad895b55;color:var(--gold);background:#aa825e11}.badge.rare{color:var(--rare);border-color:#a08abb50}.badge.muted{border-color:var(--line);color:var(--muted);background:none}.row{display:flex;align-items:center;gap:10px}
.lobby-content{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:minmax(0,1fr) 96px;gap:14px}.hero-stage{position:relative;border:1px solid #354c5d;border-radius:6px;overflow:hidden;min-height:0;background:#1d2933}.hero-stage:before{content:"";position:absolute;inset:0;background:url('assets/ui/neon-city.webp') center 54%/cover;opacity:.15;filter:saturate(.45)}.hero-stage:after{position:absolute;content:"";inset:0;background:radial-gradient(ellipse at 55% 42%,#59758129,transparent 65%),linear-gradient(90deg,#15212a66,transparent 40%,#101e2c33);pointer-events:none}.hero-top{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;z-index:2}.hero-tabs{display:flex;gap:4px;background:#0f1b25a6;border:1px solid #4c657a66;padding:3px;border-radius:4px}.hero-tabs button{padding:6px 12px;font-size:10px;color:var(--muted);border-radius:2px}.hero-tabs button.active{background:#2a4051;color:var(--ink)}.hero-description{position:absolute;left:27px;top:82px;z-index:2;pointer-events:none}.hero-description h2{font:600 clamp(26px,3.3vw,50px) "Barlow Condensed",sans-serif;letter-spacing:1px;line-height:1.05}.hero-description p{font-size:10px;color:#a8bcc8;line-height:2;margin-top:12px}.hero-bottom{position:absolute;left:26px;bottom:21px;right:26px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.hero-bottom h3{font-size:18px;margin-top:7px}.hero-bottom .row{pointer-events:auto}.hero-bottom small{font-size:9px;color:var(--muted)}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none;cursor:grab}.viewer-status{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);z-index:3;background:#0d1b26e0;padding:10px 16px;font-size:11px;color:var(--muted);border-radius:4px}.viewer-status:empty{display:none}.platform{position:absolute;width:54%;height:35px;bottom:15%;left:23%;border-radius:50%;background:#01080c33;box-shadow:0 0 25px #3e647d20;border:1px solid #8cb7c510;pointer-events:none}.deploy-panel{display:flex;flex-direction:column;min-height:0;border:1px solid #3c5866;border-radius:6px;background:#14232e;overflow:hidden}.deploy-body{padding:21px;flex:1;min-height:0;overflow:auto}.deploy-body h2{font-size:19px;margin-bottom:17px}.mode-selector{display:flex;gap:4px;margin-bottom:20px;background:#0e1a24;border:1px solid var(--line);padding:4px;border-radius:4px}.mode-selector button{flex:1;font-size:11px;color:var(--muted);height:33px;border-radius:2px}.mode-selector button.active{background:#294350;color:var(--cyan)}.map-banner{display:flex;align-items:center;gap:13px;background:#0f1d28;border:1px solid #334a5c;border-radius:4px;padding:8px;margin-bottom:20px}.map-banner img{width:90px;height:59px;object-fit:cover;border-radius:2px;filter:saturate(.65)}.map-banner strong{display:block;font-size:11px;line-height:1.8}.map-banner small{font:9px "IBM Plex Mono",monospace;color:var(--muted);display:block;margin-top:3px}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.slot{border:1px solid #344957;background:#12212c;padding:10px;display:flex;align-items:center;gap:9px;border-radius:3px}.slot-number{font:24px "Barlow Condensed",sans-serif;color:#597485}.slot strong{font-size:11px;display:block}.slot small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.deploy-foot{border-top:1px solid #324959;padding:16px 21px;background:#11212c}.deploy-foot .primary{width:100%}.deploy-foot p{margin-top:9px;text-align:center;color:var(--muted);font-size:9px}.brief-card{display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:6px;padding:18px 21px;background:#14212d}.brief-card.gold-card{background:linear-gradient(110deg,#29271f,#16212b);border-color:#8c73464f}.brief-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #6a89994a;background:#20323f;font:24px "Barlow Condensed",sans-serif;color:var(--cyan);border-radius:4px}.gold-card .brief-icon{background:#4838274d;border-color:#96774c6b;color:var(--gold)}.brief-card h3{font-size:12px;margin-bottom:7px;font-weight:500}.brief-card p{font-size:9px;color:var(--muted)}.brief-card .text-button{margin-left:auto;white-space:nowrap}
.arsenal-content{display:grid;grid-template-columns:166px minmax(0,1fr) 290px;gap:12px}.weapon-sidebar{padding:13px;background:#111e29;border:1px solid var(--line);border-radius:6px;overflow:auto}.weapon-option{display:block;width:100%;padding:15px 11px;text-align:left;border-left:2px solid transparent;border-radius:3px;margin-bottom:4px}.weapon-option:hover{background:#20303d}.weapon-option.active{background:#203441;border-left-color:var(--cyan);color:var(--cyan)}.weapon-option strong{font:600 19px "Barlow Condensed",sans-serif;display:block}.weapon-option small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.arsenal-center{display:flex;flex-direction:column;min-width:0;min-height:0;gap:12px}.inspection-stage{position:relative;flex:1;min-height:0;border:1px solid #354b5e;border-radius:6px;background:radial-gradient(ellipse at 50% 42%,#36444d77,#16222e 70%);overflow:hidden}.inspection-stage .hero-top{top:18px;left:19px;right:19px}.inspection-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.inspection-label{position:absolute;left:21px;bottom:20px;z-index:2;pointer-events:none}.inspection-label h2{font-size:22px;margin-top:7px}.skin-strip{display:flex;gap:9px;overflow:auto;flex-shrink:0;padding-bottom:3px;height:126px;scrollbar-width:thin;scrollbar-color:#425e71 transparent}.skin-mini{min-width:142px;max-width:142px;border:1px solid var(--line);border-top:2px solid var(--ordinary);border-radius:4px;background:#15232e;text-align:left;padding:8px 9px;position:relative}.skin-mini.active{background:#233844;border-color:#67909e}.skin-mini img{width:100%;height:61px;object-fit:contain}.skin-mini strong{font-size:10px;display:block;margin-top:4px}.skin-mini small{color:var(--muted);font-size:9px}.weapon-details{background:#13212c;border:1px solid var(--line);border-radius:6px;padding:20px;display:flex;flex-direction:column;min-height:0}.weapon-details h2{font-size:18px;margin:9px 0 7px}.ownership{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding:11px 0 17px;border-bottom:1px solid var(--line)}.ownership.owned{color:#b8d3c5}.weapon-details .metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;padding:22px 0}.metric small{font-size:9px;color:var(--muted);display:block}.metric strong{font:500 25px "Barlow Condensed",sans-serif;display:block;margin-top:5px}.metric em{font:9px "IBM Plex Mono",monospace;color:var(--muted);margin-left:5px}.weapon-details .primary,.weapon-details .gold-button{margin-top:auto;width:100%}.weapon-details .subtle{margin-top:13px}.tiny-loadout{border-top:1px solid var(--line);margin-top:17px;padding-top:15px;color:var(--muted);font-size:10px;line-height:2}
.inventory-content{display:flex;flex-direction:column;min-height:0}.inventory-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:18px;flex-shrink:0}.segments{display:flex;gap:4px;border-bottom:1px solid var(--line)}.segments button{padding:10px 17px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.segments button.active{color:var(--cyan);border-bottom-color:var(--cyan)}.inventory-toolbar select{height:37px;min-width:145px;font-size:11px}.inventory-count{margin-left:auto;color:var(--muted);font-size:10px}.skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-content:start;padding-bottom:12px}.skin-card{position:relative;text-align:left;background:#172530;border:1px solid #304252;border-top:2px solid var(--ordinary);border-radius:5px;overflow:hidden;transition:transform .17s,border-color .17s}.skin-card:hover{transform:translateY(-3px);border-color:#7a9baa}.skin-card.rare,.skin-mini.rare{border-top-color:var(--rare)}.skin-card.legendary,.skin-mini.legendary{border-top-color:var(--legendary)}.skin-card .card-image{height:147px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 55%,#4357683d,transparent 72%)}.skin-card img{width:95%;height:130px;object-fit:contain;transition:transform .2s}.skin-card:hover img{transform:scale(1.04)}.skin-card .item-rarity{position:absolute;top:12px;left:13px;font:9px "IBM Plex Mono",monospace;color:var(--ordinary)}.skin-card.rare .item-rarity{color:var(--rare)}.skin-card.legendary .item-rarity{color:var(--gold)}.card-state{position:absolute;top:10px;right:11px;font-size:9px;color:#90a7b5}.card-state.owned{color:#a6c8b6}.skin-card .card-body{padding:13px 15px 14px;border-top:1px solid #3447545c}.skin-card .weapon-name{color:var(--muted);font:10px "Barlow Condensed",sans-serif;letter-spacing:1px}.skin-card h3{font-size:13px;font-weight:500;margin:5px 0 9px}.skin-card .card-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.skin-card .card-bottom span:last-child{color:#a7c6d4}.inventory-footnote{margin-top:auto;padding-top:13px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.empty-state{grid-column:1/-1;min-height:240px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}
.supply-content{display:grid;grid-template-columns:350px minmax(0,1fr);gap:16px}.tasks-panel{border:1px solid var(--line);border-radius:6px;background:#12202b;display:flex;flex-direction:column;min-height:0}.tasks-header{padding:22px 22px 17px;border-bottom:1px solid var(--line)}.tasks-header h2{font-size:18px;margin:7px 0 8px}.task-list{padding:7px 22px 17px;flex:1;overflow:auto}.task{padding:21px 0;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}.task h3{font-size:12px;font-weight:500;margin-bottom:8px}.task p{font-size:10px;color:var(--muted);line-height:1.9}.task-progress{height:3px;background:#283a47;margin:14px 0 11px;overflow:hidden}.task-progress>span{display:block;height:100%;background:var(--cyan)}.task-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.task-bottom button{border:1px solid #597e8799;color:var(--cyan);padding:5px 12px;border-radius:3px;font-size:10px}.task-bottom .gold-text{color:var(--gold)}.task-bottom button:disabled{border-color:var(--line);color:var(--muted)}.tasks-foot{padding:17px 22px;background:#101c26;border-top:1px solid var(--line)}.supply-right{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0}.crate-panel{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 225px;border:1px solid #69563e;border-radius:6px;background:radial-gradient(ellipse at 28% 52%,#54412d61,transparent 62%),#172029;overflow:hidden}.crate-display{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:50px 25px 30px}.crate-heading{position:absolute;top:23px;left:26px}.crate-heading h2{font-size:20px;margin-top:8px}.crate-heading p{font-size:10px;color:var(--muted);margin-top:7px}.crate-object{position:relative;width:245px;height:145px;border-radius:9px;background:linear-gradient(145deg,#aa8451,#655035 65%,#392d21);border:3px solid #c2a674;box-shadow:inset 0 0 0 10px #171e2580,inset 0 0 0 12px #ba96615c,20px 28px 25px #070b1077;transform:perspective(700px) rotateY(-17deg) rotateX(10deg) rotateZ(-4deg);display:flex;align-items:center;justify-content:center}.crate-object:before{content:"";position:absolute;width:87px;height:21px;top:-21px;left:75px;border:7px solid #7a8285;border-bottom:0;border-radius:8px 8px 0 0;background:#151b24}.crate-object:after{content:"";position:absolute;left:19px;right:19px;bottom:18px;height:12px;border-top:2px solid #a98b60;border-bottom:2px solid #a98b60;background:#252726}.crate-logo{font:700 30px "Barlow Condensed",sans-serif;letter-spacing:4px;color:#dbc492;text-shadow:1px 2px 0 #423323}.crate-control{position:relative;border-left:1px solid #75624344;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px;background:#191e21a6}.balance-label{font-size:10px;color:var(--muted)}.balance-number{font:500 46px "Barlow Condensed",sans-serif;line-height:1}.balance-number small{font:10px "Noto Sans SC",sans-serif;color:var(--muted);margin-left:10px}.crate-control .gold-button{height:44px;padding:0 12px;font-size:11px}.pity-meter{height:4px;background:#393429;margin:7px 0}.pity-meter span{display:block;height:100%;width:33%;background:var(--gold)}.supply-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex-shrink:0}.probability{border:1px solid var(--line);border-radius:5px;background:#16232e;padding:14px 17px}.probability strong{font:500 23px "Barlow Condensed",sans-serif;display:block}.probability small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.probability.rare strong{color:var(--rare)}.probability.legendary strong{color:var(--gold)}.pool-panel{border:1px solid var(--line);border-radius:5px;padding:16px 19px;background:#14212c;flex-shrink:0}.pool-items{display:flex;gap:10px;overflow:auto}.pool-item{min-width:110px;flex:1;border:1px solid #364657;border-bottom:2px solid var(--ordinary);border-radius:4px;padding:8px;text-align:center;background:#1a2833}.pool-item.rare{border-bottom-color:var(--rare)}.pool-item.legendary{border-bottom-color:var(--gold)}.pool-item img{height:58px;width:100%;object-fit:contain}.pool-item strong{display:block;font-size:9px;font-weight:400}.supply-constraints{display:flex;justify-content:space-between;gap:10px;flex-shrink:0;font-size:9px;color:var(--muted)}
.room-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.room-main{padding:26px;display:flex;flex-direction:column;background:#14212b;border:1px solid var(--line);border-radius:6px;min-height:0}.room-header{display:flex;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid var(--line)}.room-header h2{font-size:17px;font-weight:500}.room-header .code{font:20px "IBM Plex Mono",monospace;color:var(--muted);letter-spacing:3px}.room-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.room-empty h3{font-size:23px;font-weight:500}.room-empty p{font-size:11px;color:var(--muted)}.room-footer{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:10px}.room-rule-panel{border:1px solid var(--line);background:#14232e;border-radius:6px;display:flex;flex-direction:column;min-height:0}.room-rule-body{padding:22px;flex:1;overflow:auto}.room-rule-body h2{font-size:17px;margin-bottom:20px}.room-rule-body label{display:block;margin-bottom:16px}.room-rule-body label span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.room-rule-body select{width:100%;font-size:11px}.room-rule-foot{padding:17px 22px;border-top:1px solid var(--line)}.room-rule-foot .primary{width:100%}.room-rule-foot p{font-size:9px;color:var(--muted);text-align:center;margin-top:10px}
.admin-content{display:grid;grid-template-columns:175px minmax(0,1fr);gap:20px}.admin-sidebar{border:1px solid #6b594341;border-radius:6px;background:#171e23;padding:14px;display:flex;flex-direction:column;min-height:0}.admin-sidebar .eyebrow{padding:8px 10px 16px;color:var(--gold);font-size:8px}.admin-sidebar button{padding:12px;text-align:left;color:var(--muted);font-size:11px;border-left:2px solid transparent;margin-bottom:6px;border-radius:2px}.admin-sidebar button.active{border-left-color:var(--gold);background:#67543730;color:var(--gold)}.admin-sidebar p{font-size:9px;color:var(--muted);line-height:2;margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--line)}.admin-main{display:flex;flex-direction:column;min-height:0}.admin-banner{padding:12px 16px;border:1px solid #80654255;background:#6f583a15;color:#c4b79c;font-size:10px;border-radius:4px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.admin-metric{border:1px solid var(--line);background:#16232d;border-radius:5px;padding:17px}.admin-metric small{font-size:10px;color:var(--muted);display:block}.admin-metric strong{font:500 31px "Barlow Condensed",sans-serif;display:block;margin-top:9px}.admin-metric p{font-size:9px;color:var(--muted);margin-top:6px}.admin-panel{border:1px solid var(--line);border-radius:5px;padding:19px;background:#14212b;min-height:0}.admin-panel .section-heading h2{font-size:14px}.map-management{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.map-manage-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#1a2732}.map-manage-card img{width:100%;height:112px;object-fit:cover;filter:saturate(.55)}.map-manage-card>div{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.map-manage-card strong{font-size:11px;font-weight:500}.toggle{width:31px;height:17px;flex-shrink:0;border-radius:12px;background:#44515c;border:1px solid #60717f;position:relative}.toggle:before{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#b2bec5}.toggle.on{background:#3b7278;border-color:#6aa0a4}.toggle.on:before{left:16px;background:#c4e3e4}.admin-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;gap:15px}.admin-footer p{font-size:9px;color:var(--muted)}.admin-footer .gold-button{font-size:11px;height:39px;min-width:130px}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{text-align:left;font-size:9px;color:var(--muted);font-weight:400;padding:11px 12px;background:#1b2a36;white-space:nowrap}.data-table td{padding:13px 12px;border-bottom:1px solid #3143508c}.data-table input{width:75px;padding:6px 8px;font-size:11px}.data-table select{font-size:10px;max-width:135px;padding:6px 8px}.data-table .item-cell{display:flex;align-items:center;gap:11px}.data-table .item-cell img{width:67px;height:35px;object-fit:contain}.table-note{padding:15px 0;color:var(--muted);font-size:10px;line-height:1.9}.protected{font-size:9px;color:var(--gold);display:block;margin-top:4px}.configuration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.configuration-grid label span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.configuration-grid input{width:100%}.empty-audit{height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--muted);font-size:11px}
footer{height:32px;flex-shrink:0;padding:0 36px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #243541;color:#6d8392;font:8px "IBM Plex Mono","Microsoft YaHei",monospace;letter-spacing:.2px}.status-dot{display:inline-block;width:4px;height:4px;background:var(--cyan);border-radius:50%;margin-right:7px}.toast{position:fixed;bottom:49px;left:50%;transform:translateX(-50%);z-index:20;background:#223746;border:1px solid #5c7b8e;padding:13px 19px;color:var(--ink);font-size:11px;box-shadow:0 10px 40px #0008;border-radius:4px;max-width:650px;text-align:center}.asset-dialog{width:min(1000px,90vw);height:min(650px,86vh);padding:0;border:1px solid #577588;background:#14212c;color:var(--ink);border-radius:7px;overflow:hidden}.asset-dialog::backdrop,.info-dialog::backdrop{background:#070f18d9;backdrop-filter:blur(5px)}.dialog-heading{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);height:89px}.dialog-heading h2{font-size:20px;font-weight:500;margin-top:7px}.close-button{font-size:25px;color:var(--muted);padding:2px 10px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;height:calc(100% - 89px)}.detail-stage{position:relative;min-height:0;background:radial-gradient(ellipse at center,#33434e,#16232e 76%)}.detail-stage canvas{width:100%;height:100%;display:block;touch-action:none}.viewer-toolbar{position:absolute;bottom:17px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.viewer-toolbar button{border:1px solid #547083;padding:6px 10px;color:var(--ink);border-radius:3px;font-size:9px}#detail-info{padding:24px;border-left:1px solid var(--line);display:flex;flex-direction:column;background:#13202a;overflow:auto}#detail-info h3{font-size:17px;margin:18px 0 8px}#detail-info .item-data{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}#detail-info .item-data>div{display:flex;justify-content:space-between;font-size:10px;padding:9px 0;color:var(--muted)}#detail-info .item-data strong{font-weight:400;color:var(--ink)}#detail-info .primary,#detail-info .gold-button{margin-top:auto;font-size:11px;width:100%}#detail-info .subtle{margin:14px 0 18px}.info-dialog{width:440px;border:1px solid #577588;background:#152430;color:var(--ink);border-radius:6px;padding:31px}.info-dialog>.close-button{position:absolute;top:9px;right:9px}.info-dialog h2{font-size:21px;margin:14px 0}.info-dialog p{font-size:12px;color:var(--muted);line-height:2;white-space:pre-line;margin-bottom:24px}.info-dialog .primary{width:100%;font-size:12px}.thumbnail-mode{min-width:0!important;background:transparent!important}.thumbnail-mode #app,.thumbnail-mode dialog{display:none}.thumbnail-canvas{width:512px;height:320px;display:block}
@media(min-width:1650px){.skin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.skin-card .card-image{height:169px}.skin-card img{height:150px}.lobby-content{grid-template-columns:minmax(0,1fr) 390px}.deploy-body{padding:25px}.deploy-foot{padding:19px 25px}.slot{padding:13px}.arsenal-content{grid-template-columns:185px minmax(0,1fr) 315px}.crate-object{width:285px;height:165px}.crate-object:before{left:95px}.supply-content{grid-template-columns:390px minmax(0,1fr)}}
@media(max-width:1320px){.topbar{padding:0 24px;gap:24px}#main-nav{gap:18px}.header-actions{gap:11px}.preview-badge{font-size:8px}.header-actions .wallet-button span:last-child{display:none}#screen{padding-left:26px;padding-right:26px}.lobby-content{grid-template-columns:minmax(0,1fr) 325px}.supply-content{grid-template-columns:315px minmax(0,1fr)}.crate-panel{grid-template-columns:minmax(0,1fr) 202px}.crate-object{width:210px;height:125px}.crate-object:before{left:60px}.probability{padding:12px 13px}.map-management{grid-template-columns:repeat(3,1fr)}}
@media(max-height:780px){.topbar{height:61px}#screen{padding-top:17px;padding-bottom:14px}.page-heading{margin-bottom:15px}.page-heading h1{font-size:25px}.lobby-content{grid-template-rows:minmax(0,1fr) 80px;gap:11px}.brief-card{padding:13px 17px}.deploy-body{padding:17px 20px}.deploy-body h2{font-size:17px;margin-bottom:12px}.mode-selector,.map-banner{margin-bottom:15px}.map-banner img{height:49px}.slot{padding:8px}.deploy-foot{padding:12px 20px}.primary{height:43px}.hero-description{top:76px}.hero-description h2{font-size:32px}.hero-description p{display:none}.skin-card .card-image{height:122px}.skin-card img{height:109px}.skin-card .card-body{padding:10px 13px}.skin-strip{height:110px}.skin-mini img{height:49px}.weapon-option{padding:12px 10px}.weapon-details{padding:17px}.weapon-details .metrics{gap:18px 12px;padding:17px 0}.task{padding:17px 0}.task-progress{margin-top:11px}.tasks-header{padding:18px 20px 14px}.task-list{padding:4px 20px 10px}.crate-heading{top:18px;left:21px}.crate-heading h2{font-size:18px}.crate-display{padding-top:69px}.crate-object{height:122px;width:220px}.crate-control{padding:17px}.pool-panel{padding:13px 16px}.pool-item img{height:43px}.probability{padding:10px 14px}.probability strong{font-size:21px}.admin-metric{padding:13px}.admin-metric strong{font-size:26px}.map-manage-card img{height:93px}.data-table td{padding:10px 11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.topbar{gap:20px;padding:0 24px}#main-nav{gap:18px}.header-actions{gap:13px}.brand{min-width:150px}.deploy-body>select{width:100%;margin-bottom:10px}.deploy-body .map-banner{margin-bottom:14px}
.arsenal-live{display:flex;flex-direction:column;gap:14px;min-height:0}.weapon-tabs,.skin-strip{display:flex;flex-wrap:wrap;gap:8px}.outline.active{border-color:var(--cyan);color:var(--cyan)}.arsenal-live-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-height:0;flex:1}.model-panel{display:flex;flex-direction:column;padding:20px;min-height:0}.model-panel canvas{width:100%;min-height:130px;flex:1}.skin-strip{margin-top:14px}.equipment-controls{padding:20px;display:flex;flex-direction:column;gap:12px}.equipment-controls h2{font-size:17px}.equipment-controls label,.rooms-live label,.admin-panel label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.equipment-controls select{width:100%}.stat-summary{font:12px/2 Consolas,monospace;color:var(--muted)}
.supply-live{display:flex;flex-direction:column;gap:16px}.supply-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task-live,.draw-live,.probability-live,.history-live{padding:24px}.task-live-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.task-live-row strong{font-size:13px}.task-live>p{margin-top:18px}.draw-live{position:relative;display:flex;flex-direction:column;gap:14px;min-height:340px}.draw-live .supply-crate{margin:15px auto 25px;flex:1;min-height:130px}.draw-live .gold-button{width:100%}.probability-live h2,.history-live h2{font-size:16px;margin-bottom:15px}.probability-live .probability-list{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.probability-list>div{display:flex;justify-content:space-between;color:var(--gold);font-size:12px;padding:12px;border:1px solid var(--line)}.pool-weights{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.pool-weights button{font-size:10px}.history-live p{font-size:11px;padding:8px 0}
.rooms-live{display:grid;grid-template-columns:1fr 1fr;gap:18px;overflow:auto}.rooms-live>.panel{padding:24px;display:flex;flex-direction:column;gap:16px}.rooms-live h2{font-size:18px}.rooms-live .primary{flex-shrink:0}
.admin-main{display:flex;flex-direction:column;min-height:0}.admin-scroll{flex:1}.admin-toolbar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:11px;color:var(--muted)}.admin-toolbar .gold-button{height:36px;font-size:11px}.admin-panel{padding:20px}.admin-panel h2{font-size:16px;margin-bottom:16px}.admin-panel p{margin:12px 0;line-height:1.9}.admin-panel>.row{margin:12px 0}.live-table{width:100%;border-collapse:collapse;font-size:11px}.live-table th,.live-table td{text-align:left;padding:10px 7px;border-bottom:1px solid var(--line)}.live-table input:not([type=checkbox]){width:100%;min-width:70px;max-width:160px;padding:7px}.live-table select{max-width:110px;padding:7px}.live-table input[type=checkbox]{accent-color:var(--cyan);width:16px;height:16px}.weapon-config input{max-width:110px!important}.admin-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-operation{border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px}.admin-operation h3{font-size:13px}.admin-player-info{font-size:11px;color:var(--muted)}
details{margin:12px 0;font-size:11px;color:var(--muted)}summary{cursor:pointer;padding:8px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 Consolas,monospace;max-height:40vh;overflow:auto}.info-dialog pre{margin:18px 0}.info-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:20px}.info-dialog .row{justify-content:flex-end}.detail-layout aside{display:flex;flex-direction:column;gap:20px}.map-manage-card label{flex-direction:row;align-items:center}.skin-card-copy{padding:0 14px 12px}.skin-card-copy h3{font-size:13px;margin:8px 0}.skin-card-copy>small{color:var(--muted);font-size:10px}.skin-card-copy>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.skin-image{height:140px;display:flex;align-items:center;justify-content:center}.skin-image img{width:92%;height:100%;object-fit:contain}.system-settings-dialog{z-index:20}.inventory-content{min-height:0}.admin-sidebar{overflow:auto}
@media(max-height:800px){#screen{padding-top:16px}.page-heading{margin-bottom:12px}.lobby-content{grid-template-rows:minmax(0,1fr) 75px}.deploy-body{padding:16px}.deploy-body .map-banner{height:64px}.deploy-body>.subtle{font-size:9px}.equipment-controls{gap:9px;padding:16px}.skin-image{height:110px}.topbar{height:62px}}
.skin-strip-live{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.skin-strip-live button{height:38px}.draw-live .supply-crate{display:flex;align-items:center;justify-content:center;perspective:900px}.draw-live .crate-object{flex-shrink:0;transform:rotateX(-12deg) rotateY(-25deg);margin:20px 0}.hero-switch{display:flex;gap:5px}.hero-switch button{padding:9px 12px;font-size:11px;color:var(--muted);border:1px solid var(--line);background:#101d26}.hero-switch button.active{color:var(--cyan);background:#213947}.stage-tag{font-size:9px;color:var(--muted);padding:6px 8px;border:1px solid var(--line)}.skin-card.original{border-top-color:#8cabb2}
.admin-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;min-height:0}.admin-sidebar{min-height:0;padding:15px}.admin-identity strong,.admin-identity small{display:block}.admin-identity small{font-size:10px;color:var(--muted);margin-top:5px}.admin-identity{margin-bottom:18px}.admin-main{min-width:0}.admin-toolbar{min-height:45px}.admin-scroll>.admin-panel{margin-top:0}.admin-main .admin-metrics{margin-bottom:15px}.admin-layout .admin-sidebar button{width:100%;text-align:left}.admin-layout .admin-sidebar .avatar{margin-bottom:10px}
body{min-width:0}.app{min-width:0}.content,.panel,.header-actions{min-width:0}.data-table-wrap{overflow:auto}.asset-dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.info-dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}
@media(max-width:1120px){.topbar{height:auto;min-height:104px;flex-wrap:wrap;gap:0 18px;padding:12px 20px 0}.header-actions{gap:12px}#main-nav{order:3;width:100%;height:42px;overflow-x:auto;flex-shrink:0;gap:25px}#main-nav button{flex-shrink:0}#screen{padding:20px}.app{height:auto;min-height:max(760px,100dvh)}.content{min-height:490px}.lobby-content{grid-template-columns:minmax(0,1fr) 315px;grid-template-rows:minmax(420px,1fr) 85px}.arsenal-live-grid{grid-template-columns:minmax(0,1fr) 285px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout{grid-template-columns:165px minmax(0,1fr)}.page-heading>p{max-width:48%}.skin-image{height:120px}.probability-live .probability-list{grid-template-columns:repeat(2,1fr)}.admin-toolbar{gap:12px;flex-wrap:wrap}.admin-toolbar .gold-button{flex-shrink:0}}
@media(max-width:800px){.topbar{padding-left:14px;padding-right:14px}.brand{min-width:130px;font-size:22px}.header-actions{gap:9px}.header-actions .wallet-button{font-size:14px}.header-actions .admin-link{font-size:10px}.header-actions .avatar{width:27px;height:27px}#main-nav{gap:22px}#screen{padding:18px 14px}.page-heading{gap:16px}.page-heading h1{font-size:23px}.page-heading>p{font-size:10px}.lobby-content{grid-template-columns:1fr;grid-template-rows:420px auto auto}.deploy-panel{min-height:450px}.brief-card{min-height:90px}.arsenal-live-grid,.supply-live-grid,.rooms-live{grid-template-columns:1fr}.model-panel{min-height:440px}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-content{grid-template-columns:1fr}.inventory-sidebar{border-right:0}.detail-layout{grid-template-columns:1fr}.detail-stage{min-height:320px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:flex;flex-wrap:wrap;gap:8px}.admin-identity{width:100%}.admin-layout .admin-sidebar button{width:auto}.map-management{grid-template-columns:repeat(2,minmax(0,1fr))}.app>footer{gap:12px;flex-wrap:wrap;height:auto;min-height:42px}.page-heading{align-items:flex-start}.task-live,.draw-live,.probability-live,.history-live{padding:18px}}
 body { min-width: 320px; }
 .app { display: grid; grid-template-columns: 184px minmax(0, 1fr); grid-template-rows: 69px minmax(0, 1fr) auto; height: auto; min-height: 100dvh; }
 .app .topbar { grid-column: 1 / -1; height: 69px; min-height: 69px; padding: 0 28px; justify-content: space-between; flex-wrap: nowrap; }
 .home-sidebar { grid-column: 1; grid-row: 2; border-right: 1px solid var(--line); background: #101922; padding: 28px 14px; display: flex; flex-direction: column; gap: 24px; }
 .home-sidebar > .eyebrow { font-size: 9px; padding-left: 10px; }
 .home-sidebar #main-nav { display: flex; flex-direction: column; gap: 6px; height: auto; width: auto; overflow: visible; }
 .home-sidebar #main-nav button, .home-sidebar #main-nav a { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 12px; text-align: left; color: var(--muted); font-size: 12px; border: 1px solid transparent; border-radius: 4px; }
 .home-sidebar #main-nav button > span, .home-sidebar #main-nav a > span { font: 10px var(--utility); color: #607883; }
 .home-sidebar #main-nav button.active { background: #8ed4dd12; border-color: #8ed4dd35; color: var(--ink); }
 .home-sidebar #main-nav button.active::after { display: none; }
 .home-sidebar #main-nav button.active > span { color: var(--cyan); }
 .home-sidebar #main-nav a:hover, .home-sidebar #main-nav button:hover { color: var(--ink); background: #ffffff08; }
 .sidebar-divider { height: 1px; background: var(--line); margin: 12px 8px; }
 .home-sidebar > p { margin-top: auto; padding: 12px 10px; font: 9px/2 var(--utility); color: var(--cyan); }
 .home-sidebar > p span { color: var(--muted); }
 .app #screen { grid-column: 2; grid-row: 2; align-self: stretch; margin: 0; padding: 28px 30px; min-width: 0; }
 .app > footer { grid-column: 1 / -1; height: auto; min-height: 42px; }
 .functional-lobby { display: grid; grid-template-columns: minmax(0, 1fr) 320px; grid-template-rows: auto auto; gap: 20px; align-content: start; }
 .mode-workspace { padding: 24px; border: 1px solid var(--line); background: var(--surface); border-radius: 6px; }
 .formal-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
 .formal-mode-card { padding: 23px 20px; display: flex; flex-direction: column; gap: 12px; min-height: 182px; color: var(--ink); text-align: left; border: 1px solid var(--line); border-radius: 4px; background: #111d28; }
 .formal-mode-card:hover { border-color: #668b98; background: #172934; }
 .formal-mode-card[href] { text-decoration: none; }
 .formal-mode-card.selected { border-color: var(--cyan); background: #19313a; box-shadow: inset 3px 0 var(--cyan); }
 .mode-card-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; font: 9px var(--utility); letter-spacing: .7px; color: var(--muted); }
 .mode-check { font-size: 18px; line-height: 1; color: var(--cyan); }
 .formal-mode-card > strong { font-size: 26px; font-weight: 600; letter-spacing: .5px; }
 .mode-rule { font-size: 12px; color: #c6d9df; }
 .formal-mode-card > small { margin-top: auto; font-size: 10px; color: var(--muted); }
 .lobby-shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 20px; }
 .lobby-shortcuts .outline { display: flex; justify-content: space-between; padding: 12px 14px; text-align: left; }
 .lobby-shortcuts span { font-size: 10px; color: var(--muted); }
 .lobby-join { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
 .lobby-join h3 { font-size: 13px; }
 .lobby-join .subtle { margin: 6px 0 12px; }
 .lobby-join-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
 .lobby-join-controls input { min-width: 0; }
 .lobby-configuration { padding: 24px; display: flex; flex-direction: column; gap: 17px; }
 .lobby-configuration > .section-heading { width: 100%; }
 .selected-mode-summary h3 { margin-top: 5px; font-size: 23px; }
 .lobby-configuration label { display: grid; gap: 8px; font-size: 12px; color: var(--muted); }
 .lobby-map-preview { position: relative; height: 112px; overflow: hidden; border-radius: 3px; border: 1px solid var(--line); }
 .lobby-map-preview img { width: 100%; height: 100%; object-fit: cover; }
 .lobby-map-preview strong { position: absolute; bottom: 0; left: 0; right: 0; padding: 9px 12px; background: #0a121ad9; font-size: 12px; }
 .lobby-team-size > span { font-size: 12px; color: var(--muted); }
 .lobby-team-size .mode-selector { margin-top: 8px; }
 .lobby-launch-actions { display: grid; gap: 10px; }
 .lobby-launch-actions button { width: 100%; min-height: 44px; }
 .lobby-mode-note { line-height: 1.8; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
 .lobby-loadout summary { cursor: pointer; font-size: 11px; color: var(--muted); }
 .lobby-loadout .slot-grid { margin: 12px 0; }
 .lobby-recent { grid-column: 1 / -1; padding: 22px 24px; }
 .lobby-recent .section-heading { margin-bottom: 16px; }
 .lobby-empty { padding: 20px 0 12px; color: var(--muted); font-size: 12px; }
 .lobby-record-head, .lobby-record-row { display: grid; grid-template-columns: 80px minmax(0, 1fr) 110px 125px; gap: 16px; align-items: center; font-size: 12px; }
 .lobby-record-head { color: var(--muted); font-size: 10px; padding-bottom: 10px; }
 .lobby-record-row { padding: 13px 0; border-top: 1px solid var(--line); }
 .lobby-record-row small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }
 .lobby-record-row time { color: var(--muted); font-size: 11px; }
 .record-outcome { font-size: 12px; }
 .outcome-win { color: var(--cyan); }
 .outcome-loss { color: #e59b94; }
 .outcome-draw, .outcome-unknown { color: var(--muted); }
 button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
 @media (max-width: 1180px) {
   .app { grid-template-columns: 160px minmax(0, 1fr); }
   .app #screen { padding: 24px 20px; }
   .functional-lobby { grid-template-columns: minmax(0, 1fr) 275px; gap: 14px; }
   .mode-workspace, .lobby-configuration { padding: 18px; }
   .formal-mode-card { padding: 20px 14px; }
   .formal-mode-card > strong { font-size: 23px; }
 }
 @media (max-width: 1000px) {
   .functional-lobby { grid-template-columns: 1fr; }
   .lobby-configuration { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
   .lobby-configuration > .section-heading, .lobby-mode-note, .lobby-loadout { grid-column: 1 / -1; }
   .lobby-map-preview { height: 145px; }
 }
 @media (max-width: 680px) {
   .app { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) auto; }
   .app .topbar { height: auto; min-height: 66px; padding: 12px 14px; gap: 12px; flex-wrap: wrap; }
   .home-sidebar { grid-column: 1; grid-row: 2; border-right: 0; border-bottom: 1px solid var(--line); padding: 8px 14px; }
   .home-sidebar > .eyebrow, .home-sidebar > p, .sidebar-divider { display: none; }
   .home-sidebar #main-nav { flex-direction: row; overflow-x: auto; gap: 8px; }
   .home-sidebar #main-nav button, .home-sidebar #main-nav a { flex-shrink: 0; min-height: 38px; padding: 0 12px; font-size: 11px; }
   .home-sidebar #main-nav button > span, .home-sidebar #main-nav a > span { display: none; }
   .app #screen { grid-column: 1; grid-row: 3; padding: 22px 14px; }
   .app .page-heading { display: block; margin-bottom: 20px; }
   .app .page-heading > p { max-width: none; text-align: left; margin-top: 10px; }
   .mode-workspace, .lobby-configuration, .lobby-recent { padding: 16px; }
   .formal-mode-grid { gap: 10px; }
   .formal-mode-card { min-height: 158px; padding: 16px 12px; gap: 12px; }
   .formal-mode-card > strong { font-size: 22px; }
   .mode-card-top { font-size: 7px; }
   .mode-rule { font-size: 10px; }
   .lobby-shortcuts { grid-template-columns: 1fr; gap: 10px; }
   .lobby-configuration { display: flex; }
   .lobby-map-preview { width: 100%; height: 145px; }
   .lobby-configuration label, .lobby-team-size, .lobby-launch-actions, .lobby-loadout { width: 100%; }
   .lobby-record-head { display: none; }
   .lobby-record-row { grid-template-columns: 56px minmax(0, 1fr) 65px; gap: 8px; }
   .lobby-record-row time { grid-column: 2 / -1; }
   .lobby-recent .section-heading h2 { font-size: 15px; }
   .lobby-recent .text-button { font-size: 10px; }
 }
.prop-hunt-map-summary { display: grid; gap: 12px; padding: 26px; min-height: 150px; background: #142c31; color: #a8e6c9; }
.prop-hunt-map-summary span { font-size: 12px; line-height: 1.8; color: #b2c6cd; }
.lobby-map-preview .prop-hunt-map-summary strong { position: static; padding: 0; background: none; }
.lobby-map-preview:has(.prop-hunt-map-summary) { height: auto; }
.lobby-map-preview .prop-hunt-map-summary + strong { position: static; display: block; }