/* Menu shell only. Combat canvas, input, simulation and pixel assets stay unchanged. */
#panel{--mint:#65e6b3;--paper:#e7ead8;--ink:#08151e;--edge:#315465;--dim:#a3bdc6;--gold:#f2c46e;width:min(1100px,calc(100vw - 32px));height:min(800px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border:2px solid var(--edge);border-radius:0;background:#07141e;box-shadow:8px 8px 0 #0008;color:var(--paper);display:flex;flex-direction:column;overflow:hidden;font:20px/1.2 VT323,monospace}
#panel h1{font:44px/.95 VT323,monospace;margin:6px 0 12px;font-weight:400;letter-spacing:.5px}#panel h2{font:27px/1.05 VT323,monospace;font-weight:400;margin:20px 0 10px}#panel p{line-height:1.3}#panel button,.hubDialog button{border-radius:0;min-height:44px;box-shadow:none;font:22px/1 VT323,monospace;padding:11px 16px;background:var(--mint,#65e6b3);color:#071c20;border:2px solid transparent}#panel button:hover:not(:disabled),.hubDialog button:hover:not(:disabled){filter:brightness(1.12)}#panel button.secondary,.hubDialog button.secondary{background:#142e3d;color:#d9e9e5;border-color:#365365}#panel button.textButton,.hubDialog button.textButton{background:transparent;color:#a4d0cb;border-color:transparent;font-size:19px}#panel .eyebrow,.hubDialog .eyebrow{font:16px/1.1 VT323,monospace;color:#8ac7b4;letter-spacing:1.4px;margin:0 0 9px}#panel .hint,.hubDialog .hint{font:17px/1.25 VT323,monospace;color:var(--dim,#a3bdc6);margin:8px 0}#panel label,.hubDialog label{font:19px/1.15 VT323,monospace;margin:12px 0}#panel input,#panel select,.hubDialog input{border-radius:0;border:2px solid #355464;color:#f1f3e9;background:#0b202d;font:20px/1 VT323,monospace;padding:10px;min-height:44px;margin-top:5px}#panel summary,.hubDialog summary{font:20px/1.2 VT323,monospace;color:#bfdbd9;padding:10px 0;min-height:44px}#panel button:focus-visible,.hubDialog button:focus-visible,#panel input:focus-visible,#panel select:focus-visible,.hubDialog input:focus-visible,#panel a:focus-visible,#panel summary:focus-visible{outline:3px solid #ffdb87;outline-offset:2px}#panel .hubHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 8px;flex-shrink:0}.hubWordmark{width:210px;height:44px;object-fit:contain;image-rendering:pixelated;object-position:left}.hubHeaderRight{display:flex;align-items:center;gap:10px}.betaChip,.mutedChip,.choiceChip{display:inline-block;padding:5px 9px;border:1px solid #456271;font-size:16px;color:#b5ccd2;white-space:nowrap}.choiceChip{color:#ffdc95;border-color:#8c7245}.hubHeader .iconButton{background:transparent!important;color:#a9c8cf!important;width:44px;padding:6px!important;font-size:28px!important}.hubNav{display:flex;gap:16px;padding:0 24px;border-bottom:2px solid #294553;flex-shrink:0}.hubNav button{min-width:110px;background:transparent!important;color:#93b1ba!important;border:0!important;border-bottom:3px solid transparent!important;padding:12px!important;font-size:23px!important;letter-spacing:1px}.hubNav button[aria-current=page]{color:#80efc0!important;border-bottom-color:#80efc0!important}.hubScroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:26px 28px 12px;scrollbar-color:#476572 #0c1c29}.hubFooter{display:flex;justify-content:space-between;gap:8px;padding:9px 24px;border-top:1px solid #294553;color:#789ca8;font-size:14px;letter-spacing:.7px;flex-shrink:0}.hubLead{font-size:21px;color:#adc6cc;margin:8px 0 22px;max-width:650px}.playGrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:32px;align-items:stretch}.modePicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.modePicker button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#112b3a!important;color:#dce9e6!important;text-align:left;padding:14px 10px!important;border:2px solid #31505e!important}.modePicker button[aria-pressed=true]{border-color:#76d9b5!important;background:#173a3e!important}.modePicker b{font-weight:400;font-size:24px}.modePicker small{font-size:16px;line-height:1.1;color:#a8c2cd}.modeGlyph{font-size:30px;line-height:1;color:#71d5b4}.modePicker button[data-mode=zone] .modeGlyph{color:#75c8ed}.modePicker button[data-mode=blitz] .modeGlyph{color:#f3c77c}.modeDescription{min-height:48px;font-size:18px;color:#b6cbd1;margin:12px 0 18px}.quickName{max-width:280px}.actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.actions .launchButton{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:27px!important;min-height:54px!important;border-bottom:5px solid #309c7b!important}#panel .actions .textButton{font-size:18px}.pilotCard{--frame:#5d8995;position:relative;border:2px solid var(--frame);box-shadow:4px 4px 0 #020a1088;background:linear-gradient(180deg,#112d3d,#091d2b);padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;overflow:hidden}.pilotCard:before,.pilotCard:after{content:'';position:absolute;width:14px;height:14px;border:4px solid var(--frame);pointer-events:none}.pilotCard:before{top:5px;left:5px;border-right:0;border-bottom:0}.pilotCard:after{bottom:5px;right:5px;border-top:0;border-left:0}.frame-orbit{--frame:#71c7ef!important}.frame-comet{--frame:#efa765!important}.frame-aurora{--frame:#bb97ec!important}.frame-solar{--frame:#f0d77c!important}.pilotCard strong{font:30px/1 VT323,monospace;color:#edf2df}.pilotCard span{color:#bdd2d4;font-size:20px}.pilotCard .cardEyebrow{font-size:15px;color:var(--frame);letter-spacing:2px}.pilotCard small{font-size:16px;color:#a6bdc8;line-height:1.2}.shipDisplay{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:170px;flex:1;isolation:isolate}.hangarRocket{width:190px;height:80px;object-fit:contain;image-rendering:pixelated;transform:rotate(-30deg);filter:drop-shadow(6px 8px 0 #0004);z-index:1}.hangarOrbit{position:absolute!important;width:160px;height:160px;border:2px dashed var(--frame);opacity:.4;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);transform:rotate(15deg)}.shipDisplay:after{content:'';position:absolute;inset:10%;background:repeating-linear-gradient(0deg,transparent 0 23px,#7bb9ce0b 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#7bb9ce0b 23px 24px);z-index:-1}progress{width:100%;height:8px;border:0;background:#223a46;accent-color:#65dcb1}progress::-webkit-progress-bar{background:#223a46}progress::-webkit-progress-value{background:#65dcb1}progress::-moz-progress-bar{background:#65dcb1}.pilotCard progress{margin-top:7px}.sectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hangarLayout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.8fr);gap:20px}.cosmeticCatalog{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cosmeticChoice{border:2px solid #355565;background:#102634;padding:14px;min-width:0}.cosmeticChoice.selected{border-color:#80d3b5}.cosmeticChoice h3{font:26px/1 VT323,monospace;margin:8px 0;color:#e6e6d5}.cosmeticChoice p{font:17px/1.2 VT323,monospace;color:#a9c3cd;min-height:40px;margin:6px 0 12px}.cosmeticChoice .swatch{width:34px;height:28px;border:3px solid var(--frame,#5d8995);display:block;box-shadow:3px 3px 0 #0006}.cosmeticChoice button{font-size:18px!important;padding:7px 9px!important;width:100%}.cosmeticChoice .previewButton{background:transparent!important;color:#b3d4d7!important;border-color:#385563!important;margin-bottom:6px}.cosmeticChoice .itemState{font-size:15px;color:#e1c888}.shopPreview{margin:24px 0 8px;border-top:2px solid #345261;padding:18px 0;display:flex;gap:20px}.shopPreview h2{margin:0 0 8px!important}.shopPreview p{color:#adc4cb;font-size:19px;margin:6px 0 12px}.shopGlyph{font:60px VT323;color:#ad8ddb;line-height:1}.profileIntro{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #345261}.profileIntro strong{font:36px VT323;color:#dff2df}.profileIntro p{margin:3px 0;color:#91ccb6}.profileStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.statTile{padding:14px 10px;border:1px solid #355565;background:#102633;min-width:0}.statTile strong{display:block;font:32px/1 VT323;color:#e9ebd7}.statTile span{font:16px/1 VT323;color:#a9c4cf}.progressTrack{border-left:3px solid #71d6b2;padding:1px 15px}.progressTrack label{display:flex;justify-content:space-between;gap:10px}.progressTrack p{font-size:17px;color:#a6bfca}.recentMatch{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid #2b4758;align-items:center}.recentMatch b{font-weight:400;color:#c6e2de}.recentMatch small{display:block;color:#91adba;font-size:15px}.recentMatch .xpAward{color:#99e9c2}.emptyState{padding:20px;border:1px dashed #426473;background:#102633;color:#b7d0d4}.accountActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:15px;border-top:1px solid #345261}.accountActions a{color:#acd7d1;font-size:18px}.localArchive{margin-top:20px}#hubNotice{margin:0;padding:9px 24px;color:#ffdc92;background:#172b34;border-bottom:1px solid #385562;font-size:19px;flex-shrink:0}#hubNotice:empty{display:none}.hubDialog{--mint:#65e6b3;--dim:#a3bdc6;width:min(530px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:2px solid #597482;padding:26px;color:#e8eada;background:#0b202e;font:20px/1.3 VT323,monospace;box-shadow:8px 8px 0 #0008}.hubDialog::backdrop{background:#01080dde}.hubDialog h2{font:32px/1 VT323;margin:8px 0 14px;max-width:90%}.hubDialog h3{font:23px VT323;color:#99d8c3;font-weight:400;margin:18px 0 8px}.hubDialog section{border-top:1px solid #385362;margin-top:20px;padding-top:4px}.hubDialog p{line-height:1.25}.hubDialog .dialogClose{position:absolute;right:8px;top:8px;width:44px;background:transparent;color:#d1e1dd;font-size:30px;padding:0}.hubDialog .dangerButton{background:#f0b1a6;color:#3b1616}.hubDialog form button{width:100%}.hubDialog #authNotice,.hubDialog #deleteNotice{color:#ffd38e}.hubDialog .profileStats{grid-template-columns:repeat(2,1fr)}#roster{display:flex;flex-direction:column;gap:6px;white-space:normal;max-height:220px}#roster .rosterPilot{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:#15323f;color:#d9ece7;font-size:19px;padding:8px 12px;border-left:3px solid var(--frame,#698593)}#roster .rosterPilot small{color:#a8c2ca}#panel[data-page=play]:has(#lobby:not([hidden])) .playGrid{display:none}#panel #status{font:18px/1.25 VT323;color:#b7d2cb;margin:12px 0}#panel .roomRow button{min-height:44px}#panel .roomFields{grid-template-columns:1fr 1fr 1fr}#panel #roomsPanel{margin-top:20px}#panel .audioOptions{display:flex;gap:10px;flex-wrap:wrap}.podiumPlace .pilotProfileButton{padding:0;background:transparent;color:inherit;font:inherit;min-height:44px;border:0;overflow-wrap:anywhere;max-width:100%}.podiumPlace[data-frame]{border-color:var(--frame,#698593)}.hubDialog .publicCard{border:2px solid var(--frame,#698593);padding:18px}.hubDialog .publicCard p{margin:4px 0}.hubDialog .publicCard strong{font-size:28px}
@media(max-width:760px){#panel{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}#panel .hubHeader{padding:9px 14px 5px}.hubWordmark{width:170px;height:36px}.hubNav{padding:0 14px;gap:4px;justify-content:space-between}.hubNav button{min-width:0;flex:1}.hubScroll{padding:20px 16px 12px}.hubFooter{padding:8px 14px;font-size:12px;letter-spacing:0}.playGrid{grid-template-columns:1fr;gap:20px}.playGrid .pilotCard{display:none}#panel h1{font-size:37px}.hubLead{font-size:20px;margin-bottom:12px}.modePicker{margin-top:18px}.modePicker b{font-size:22px}.modePicker small{font-size:15px}.modeDescription{min-height:42px;margin-bottom:10px}.quickName{max-width:100%}.hangarLayout{grid-template-columns:1fr}.hangarLayout .pilotCard{padding:15px;gap:6px}.hangarLayout .shipDisplay{min-height:100px}.hangarLayout .hangarOrbit{width:110px;height:110px}.hangarLayout .hangarRocket{width:150px;height:65px}.hangarLayout .pilotCard strong{font-size:25px}.hangarLayout .pilotCard span{font-size:18px}.profileStats{grid-template-columns:repeat(2,1fr)}.profileIntro{align-items:flex-start;flex-direction:column}.sectionHeading{align-items:flex-start;flex-direction:column;gap:4px}.recentMatch{grid-template-columns:1.2fr 1fr auto;gap:5px;font-size:17px}#panel .roomFields{grid-template-columns:1fr}.hubDialog{padding:22px 18px}.hubFooter span:last-child{display:none}.cosmeticChoice{padding:12px}.shopPreview{gap:10px}.shopGlyph{font-size:42px}}
@media(max-width:350px){.hubScroll{padding:16px 12px 10px}.modePicker{gap:5px}.modePicker button{padding:10px 7px!important}.modePicker b{font-size:20px}.modePicker small{font-size:14px}.hubWordmark{width:145px}.hubHeaderRight{gap:2px}.betaChip{padding:3px 5px}.hubNav button{font-size:21px!important}.cosmeticCatalog{gap:7px}.cosmeticChoice h3{font-size:23px}.cosmeticChoice button{font-size:17px!important}}
@media(max-height:500px) and (min-width:600px){#panel{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);width:calc(100vw - 20px)}#panel .hubHeader{padding:5px 18px}.hubWordmark{height:30px;width:160px}.hubNav button{padding:7px!important;min-height:44px}.hubScroll{padding:15px 20px}.hubFooter{display:none}.playGrid{grid-template-columns:1.6fr 1fr;gap:24px}.playGrid .pilotCard{display:flex}.playGrid .shipDisplay{min-height:100px}.playGrid .hangarRocket{width:150px}#panel h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){#panel *, .hubDialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Central zone mode withdrawn after playtesting; keep two distinct survival choices. */
.modePicker{grid-template-columns:repeat(2,minmax(0,1fr))}

.modePicker .experimentalMode{grid-column:1/-1}.modePicker .experimentalMode .modeGlyph{font-size:20px}

.modePicker button{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:5px;row-gap:4px;min-height:72px!important;padding:9px 10px!important}.modePicker .modeGlyph{grid-row:1/3;font-size:20px!important;align-self:center}.modePicker b{font-size:21px!important}.modePicker small{font-size:15px!important}.modePicker .experimentalMode{grid-template-columns:65px 1fr}.modePicker{margin-top:12px!important}

#lobbyRules{padding:10px 12px 10px 28px;margin:10px 0;border-left:3px solid #64ceae;background:#0d2530;color:#c4dcd8;font:18px/1.25 VT323,monospace}#lobbyRules li{margin:4px 0}#game:focus{outline:none}

/* Clear hierarchy: two featured modes, optional details, one launch action. */
body:not(.inMatch) #feed,body:not(.inMatch) #commentary,body:not(.inMatch) #effects,body:not(.inMatch) #spectatorBar{display:none!important}
.moreModes{margin:8px 0}.moreModes summary,.lobbyHelp summary{color:#acc5ca;font:19px VT323,monospace;cursor:pointer;padding:10px 0;min-height:44px;box-sizing:border-box}.modeDescription{min-height:0!important;font-size:19px!important;margin:10px 0!important}.moreModes .experimentalMode{grid-column:auto!important;grid-template-columns:22px 1fr!important}.modePicker{gap:8px}#panel #status:empty{display:none}#panel:has(#lobby:not([hidden])) #status{font-size:16px}#panel .lobbyHelp{margin:8px 0}#lobby h2{font-size:27px!important}#lobby #ready{min-width:120px}.hubScroll{padding-top:16px}.playMain h1{font-size:34px!important;margin:0 0 12px!important}
@media(max-width:760px){.hubScroll{padding-top:12px}.playMain h1{font-size:28px!important}.moreModes summary{padding:8px 0}.quickName{font-size:18px}.quickName input{padding:8px 10px!important;min-height:42px}.modePicker button{min-height:64px!important}.modePicker b{font-size:21px!important}#lobby h2{font-size:26px!important}.modeDescription{font-size:18px!important}.actions{gap:8px!important}}

body:has(#gameMenu:not([hidden])) #feed,body:has(#gameMenu:not([hidden])) #commentary,body:has(#gameMenu:not([hidden])) #effects,body:has(#scorePanel:not([hidden])) #feed,body:has(#scorePanel:not([hidden])) #commentary{visibility:hidden}