.flow-nav{height:72px;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid var(--border)}
.flow-nav button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:9px;color:#a7ad96;font-size:10px;letter-spacing:.3px}
.flow-nav button span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #d7dcc7;border-radius:50%;font:9px ui-monospace,monospace;background:#fffdf4}
.flow-nav button strong{font-weight:700;white-space:nowrap}
.flow-nav button.active{color:#718566}
.flow-nav button.active span{background:#e6b66e;border-color:#d8a658;color:#fffdf3;box-shadow:0 3px 0 #c79754}
.flow-nav button.complete span{background:#8db17c;border-color:#7da26c;color:#fff;font-size:0}
.flow-nav button.complete span:after{content:'✓';font-size:10px}
.flow-nav i{width:44px;height:1px;background:#d9ddca}

body[data-flow="home"] .lobby{min-height:calc(100vh - 165px);padding-top:28px;padding-bottom:36px}
body[data-flow="home"] footer{display:none}
.deployment-board{min-height:calc(100vh - 165px);padding:18px 0 86px;position:relative}
body[data-flow="map"] .deployment-board>.operator-heading,
body[data-flow="map"] .class-options,
body[data-flow="map"] .loadout-detail,
body[data-flow="map"] .material-heading,
body[data-flow="map"] .material-options,
body[data-flow="map"] .material-intel{display:none}
body[data-flow="operator"] .deployment-board>.section-title:first-child,
body[data-flow="operator"] .map-options,
body[data-flow="operator"] .material-heading,
body[data-flow="operator"] .material-options,
body[data-flow="operator"] .material-intel{display:none}
body[data-flow="operator"] .operator-heading{margin-top:3px}
.flow-actions{position:absolute;left:0;right:0;bottom:18px;display:grid;grid-template-columns:140px 1fr 150px;gap:16px;align-items:center;padding-top:15px;border-top:1px solid var(--border)}
.flow-actions span{text-align:center;color:#9ba58c;font-size:10px}
.flow-actions .button{width:100%}

.launch-panel{min-height:calc(100vh - 165px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:9vw;padding:35px 4vw 55px}
.launch-copy h1{font-size:clamp(44px,5vw,70px);line-height:1.14;color:#586c55;margin:20px 0;text-shadow:0 4px 0 #fffdf4}
.launch-copy h1 span{color:#dba765}.launch-copy p{max-width:450px;color:#929c84;line-height:1.9;font-size:12px}
.launch-card{background:#fffdf6;border:2px solid #e0e1cb;border-radius:24px;padding:28px;box-shadow:0 8px 0 #c4c8aa35,0 24px 55px #80977014}
.launch-strip{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #e2e4d2}
.launch-strip span{font-weight:900;color:#708367;font-size:17px}.launch-strip small{color:#b0b39d;font-size:8px;letter-spacing:2px}
.launch-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.launch-summary>div{background:#f6f7ea;border:1px solid #e0e4cf;border-radius:16px;padding:17px;min-height:110px}
.launch-summary small,.launch-summary span{display:block;color:#9da58f;font-size:9px}.launch-summary strong{display:block;color:#718365;font-size:15px;margin:13px 0 8px}
.launch-code-row{margin:0 0 16px}.launch-code-row label{display:block;color:#8f997f;font-size:10px;margin-bottom:8px}.launch-code-row input{text-transform:uppercase;letter-spacing:4px}
.launch-card>.button{width:100%;margin-top:12px}.launch-card>.primary{justify-content:center}

.room-panel{min-height:calc(100vh - 101px);align-content:center}
.room-loadout{grid-column:1/-1;display:grid;gap:10px}.room-loadout>span{color:#909c80;font-size:12px}
.room-class-options{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.room-class{display:grid;gap:4px;padding:12px 10px;text-align:left;cursor:pointer;background:#fffdf6;border:2px solid #e0e1cb;border-radius:16px;box-shadow:0 5px 0 #c4c8aa35;font:inherit}
.room-class strong{color:#6f7c5f;font-size:14px}.room-class small{color:#9aa28b;font-size:11px}
.room-class.selected{border-color:#a1bd83;background:#f3f8e9;box-shadow:0 4px 0 #a9b98b42}.room-class:disabled{cursor:default;opacity:.55}
.arena-section{margin-top:22px}.guide-strip[hidden]+footer{margin-top:20px}

@media(max-width:900px){.room-class-options{grid-template-columns:repeat(3,1fr)}.flow-nav{gap:5px}.flow-nav i{width:18px}.flow-nav button{padding:7px 3px}.launch-panel{gap:35px;padding-left:0;padding-right:0}.class-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.flow-nav{height:60px;justify-content:space-between}.flow-nav i{display:none}.flow-nav button strong{display:none}.flow-nav button span{width:28px;height:28px}.flow-nav button.active strong{display:block;font-size:9px}.launch-panel{grid-template-columns:1fr;gap:12px;padding:28px 0}.launch-copy h1{font-size:38px;margin:12px 0}.launch-copy p{display:none}.launch-card{padding:20px}.launch-summary{gap:9px}.launch-summary>div{padding:13px}.deployment-board{padding-bottom:92px}.flow-actions{grid-template-columns:1fr 1fr}.flow-actions span{display:none}.class-options{grid-template-columns:repeat(2,1fr)}body[data-flow="operator"] .loadout-detail{grid-template-columns:130px 1fr}.operator-stats{display:none}.loadout-portrait canvas{height:190px}}