/* Desktop command stations, earned cosmetics and match discovery. */
.menu-actions{width:420px}.menu-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-pair .metal-button{font-size:10px;letter-spacing:.7px;padding:14px 10px}.menu-mini{gap:12px;flex-wrap:wrap}.menu-mini .text-button{font-size:10px}.career-summary{font-size:8px;letter-spacing:1.3px;color:#9eafa9;margin-top:10px}.menu-content{max-width:530px}.menu-copy{margin-bottom:17px}.menu-tagline{margin-bottom:16px}.menu-logo{max-width:440px}.form-error{color:#ffb39b!important;min-height:14px}.public-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.public-rooms{display:grid;gap:12px;max-height:420px;overflow:auto;margin-bottom:15px}.public-room{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:15px;padding:17px;border:1px solid #506777;background:linear-gradient(115deg,#253a46,#14202a)}.public-room h3{font-size:16px;letter-spacing:1px;color:#f0d0a0}.public-room p{font-size:12px;margin:5px 0}.public-room small{font-size:10px;color:#87b4b5}.public-crest svg,.career-crest svg,.cosmetic-item>svg,.message-sender svg,.offer-top svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5}.public-crest{color:#8fcae0}.empty-public{padding:35px 15px;text-align:center;color:#afc7cd;background:#14202b;border:1px dashed #4f6571}.empty-public p{margin-top:8px}.lobby-action-group{display:flex;gap:10px;align-items:center}.lobby-action-group .metal-button{min-width:170px}.lobby-controls .rules-row{gap:8px}.lobby-controls label{font-size:9px;letter-spacing:.4px}.lobby-controls select{font-size:11px;padding:10px 6px}.lobby-controls label:first-child{flex:1.15}.header-comms .comms-panel{left:auto;right:0;top:48px;transform:none}.comms-options{display:flex;align-items:center;justify-content:space-between;margin-top:10px;border-top:1px solid #405965;padding-top:5px}.comms-options .text-button{font-size:9px;padding:7px 0;letter-spacing:.4px}.comms-cooldown{font-size:9px;color:#98b4bf}.message-options button{padding:9px 12px}.comms-panel button:disabled{opacity:.55}.message-banner{position:fixed;top:73px;right:25px;width:300px;z-index:25;padding:12px 17px;background:linear-gradient(135deg,#263f4ff5,#0e202df5);border:1px solid #8bacba;box-shadow:0 10px 35px #0009;opacity:0;visibility:hidden;pointer-events:none}.message-banner.show{opacity:1;visibility:visible;pointer-events:auto;animation:radio-message 5.2s both}.message-sender{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#a9c9d7}.message-sender svg{width:21px;height:21px}.dismiss-message{margin-left:auto;background:transparent;color:#9bb5c1;font-size:21px;padding:0 3px}.message-banner>strong{display:block;font-size:16px;font-weight:500;line-height:1.5;margin:9px 0}.message-reactions{display:flex;gap:9px;align-items:center}.message-reactions span,.reaction-label{font-size:8px;letter-spacing:1.5px;color:#90aab5}.message-reactions button{font-size:22px;background:#243b49;border:1px solid #4f6a79;padding:2px 8px;border-radius:3px}.reaction-label{display:block}.match-offer{position:fixed;right:24px;bottom:80px;width:330px;z-index:24;padding:17px;background:linear-gradient(140deg,#3a3426f7,#15232ef7);border:1px solid #c2a16a;box-shadow:0 12px 40px #000b}.offer-top{display:flex;gap:10px;align-items:center;color:#f3ce8d;font-size:9px;letter-spacing:1.4px}.offer-top svg{width:23px;height:23px}.match-offer h3{font-size:19px;margin-top:12px;color:#e2ecee}.match-offer p{font-size:11px;color:#aebfc9;margin:8px 0 13px}.match-offer>div:last-child{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.match-offer .text-button{font-size:9px;letter-spacing:0;padding:9px 4px}.match-offer .metal-button{letter-spacing:.5px}.comms-hub.results-comms{position:fixed;right:25px;bottom:24px;z-index:27}.results-comms .comms-panel{left:auto;right:0;top:auto;bottom:53px;transform:none}.preset-list{display:grid;gap:12px;margin:18px 0;max-height:410px;overflow:auto}.preset-card{border:1px solid #47606c;background:#12232db3;display:grid;grid-template-columns:1fr 165px;gap:20px;padding:16px}.preset-card h3{color:#ecd1a3;font-size:16px;margin-bottom:6px}.preset-card p{font-size:11px}.preset-actions{display:flex;flex-direction:column;justify-content:center;gap:4px}.preset-actions .text-button{padding:5px;font-size:9px;letter-spacing:.4px}.preset-shapes{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}.preset-shapes b{font-size:8px;color:#8cabbb;letter-spacing:.5px}.preset-shapes .shape-pixels{margin-top:7px}.career-header{display:flex;gap:15px;align-items:center;margin-bottom:20px}.career-crest{height:58px;width:58px;flex-shrink:0;display:grid;place-items:center;background:#243a46;border:1px solid #527282;color:#b5d5df}.career-header h3{font-size:17px;letter-spacing:2px;color:#e4d4bc}.career-header p{font-size:12px;margin:4px 0}.career-header small{font-size:10px;line-height:1.5;color:#859eaa}.career-workshop{display:grid;grid-template-columns:225px 1fr;gap:25px}.career-workshop>div>label{font-size:9px;letter-spacing:1px;margin-top:10px}.career-workshop select{font-size:11px;padding:9px}.career-workshop .fine{margin-top:12px;font-size:10px}.career-workshop #preview-deployment{margin-top:12px;width:100%}.career-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.career-tabs button{border:1px solid #3e5968;background:#152936;text-align:center;font-size:10px;letter-spacing:.4px;padding:10px 7px}.career-tabs .selected{color:#f5d6a3;border-color:#b5925e;background:#453a2b}#cosmetic-items{display:grid;gap:9px}.cosmetic-item{display:flex;align-items:center;gap:15px;text-align:left;padding:12px 15px;background:#172a36;border:1px solid #415a6b;min-height:61px}.cosmetic-item.equipped{border-color:#83b6b2;background:#24453f}.cosmetic-item strong{font-size:13px;font-weight:500;display:block}.cosmetic-item small{display:block;font-size:8px;letter-spacing:1px;color:#91aebb;margin-top:5px}.cosmetic-item b{margin-left:auto;color:#a7dec8}.cosmetic-item:disabled{opacity:.48}.paint-swatch{height:24px;width:24px;border:3px solid #ffffff38;box-shadow:0 0 10px #0007;flex-shrink:0}#cosmetic-preview{height:220px;position:relative;background:radial-gradient(ellipse,#3f5059,#111c26);border:1px solid #4b6474;overflow:hidden}#cosmetic-preview canvas{display:block;width:100%;height:100%}.showcase-fallback{display:grid;place-items:center;font-size:20px;letter-spacing:3px;color:#abcbd4}.debrief-banner{width:650px;padding:22px 25px;max-height:calc(100vh - 110px);overflow:auto;z-index:20;backdrop-filter:blur(12px);background:linear-gradient(135deg,#24353afa,#0c1922fa)}.debrief-heading{display:flex;align-items:center;text-align:left;gap:18px}.debrief-heading h1{font-size:27px;letter-spacing:3px;margin:10px 0}.debrief-heading .eyebrow{font-size:9px;letter-spacing:2px}.victory-mech{width:130px;height:118px;flex-shrink:0}.victory-mech canvas{width:100%;height:100%;display:block}.career-earned{display:inline-block;font-size:10px;color:#9fd6bd;margin-top:9px}.debrief-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #53616c;border-bottom:1px solid #53616c;padding:13px 0;margin:10px 0 5px}.debrief-stats span{font-size:8px;letter-spacing:.7px;color:#98b2c0}.debrief-stats strong{display:block;font-size:24px;color:#e2e8de;letter-spacing:0;margin-bottom:5px}.result-banner .stat-explainer{font-size:9px;color:#849daa}.highlight-moment{width:100%;text-align:left;margin:13px 0 10px;padding:10px 14px;background:#4539238c;border:1px solid #8f784d}.highlight-moment span,.highlight-moment strong,.highlight-moment small{display:block}.highlight-moment span{font-size:8px;letter-spacing:1px;color:#d6b880}.highlight-moment strong{font-size:12px;letter-spacing:.7px;margin:5px 0}.highlight-moment small{font-size:10px;color:#abb9bd}.debrief-kills{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.debrief-kills>span{text-align:left;padding:8px 10px;background:#122730;border:1px solid #38525d;font-size:9px;color:#bacdd4}.debrief-kills b{display:block;font-size:8px;color:#80a6ae;margin-top:5px;font-weight:400}.new-unlocks{color:#a5dfbb!important;font-size:10px!important;margin-top:10px!important}.debrief-banner .row{gap:8px;margin-top:15px}.debrief-banner .row button{font-size:10px;letter-spacing:.7px;padding:12px 10px}.debrief-bottom{display:flex;justify-content:center;gap:20px}.debrief-bottom .text-button{font-size:9px;margin:9px 0;padding:6px}.debrief-banner>.fine{font-size:9px}.grid-cell.deploy-arrival{animation:arrive-lights .8s ease-out}.grid-cell.deploy-arrival[data-deployment=hologram]{animation:arrive-hologram 1.2s ease-out}.grid-cell.deploy-arrival[data-deployment=embers]{animation:arrive-embers 1.2s ease-out}.deployment-preview:after{content:'';position:absolute;inset:0;border:2px solid #a0c9e5;pointer-events:none;animation:arrive-lights .8s ease-out both}.deployment-preview[data-deployment=hologram]:after{animation:arrive-hologram 1.2s ease-out both}.deployment-preview[data-deployment=embers]:after{animation:arrive-embers 1.2s ease-out both}.modal .setting-row{padding:8px 0}.modal .setting-row input{margin-top:0}.modal .setting-row label{font-size:12px;max-width:230px}.modal .sound-preview{margin-top:2px}
@keyframes radio-message{0%,82%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(12px)}}@keyframes arrive-lights{0%{background:#b1d4e780;box-shadow:inset 0 0 0 2px #e6edf4}100%{background:transparent;box-shadow:inset 0 0 0 0 transparent}}@keyframes arrive-hologram{0%{background:repeating-linear-gradient(0deg,#73d7efaa 0 2px,#0e779555 3px 5px);filter:brightness(1.6)}100%{background:transparent;filter:brightness(1)}}@keyframes arrive-embers{0%{background:radial-gradient(circle,#fff2afcc,#ff862a88 50%,transparent 75%);box-shadow:inset 0 0 10px #ffa62a}100%{background:transparent;box-shadow:inset 0 0 0 transparent}}
body.reduced-motion .message-banner.show{animation:none;opacity:1}body.reduced-motion .deploy-arrival,body.reduced-motion .deployment-preview:after{animation:none;background:transparent}body.reduced-motion .deployment-preview:after{border:1px solid #76acc2}@media(prefers-reduced-motion:reduce){.message-banner.show{animation:none;opacity:1}.deploy-arrival,.deployment-preview:after{animation:none}}
@media(max-height:760px){.menu-logo{max-width:360px}.menu-copy{font-size:12px;margin-bottom:13px}.menu-actions{gap:7px}.menu-mini{margin-top:12px}.menu-actions>.metal-button{padding:12px 20px}.menu-pair .metal-button{padding:12px 8px}.career-workshop{grid-template-columns:190px 1fr}#cosmetic-preview{height:190px}.career-header{margin-bottom:15px}.cosmetic-item{padding:10px 12px;min-height:54px}.debrief-banner{padding:17px 23px}.debrief-heading h1{font-size:25px}.debrief-stats{padding:10px 0}.debrief-kills>span{padding:6px 8px}.debrief-banner .row{margin-top:12px}}