/* The game menu and teaching lab use the approved arena palette and sprite sheets. */
.menu-preview-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:52px;align-items:center}
.menu-cabinet{position:relative;padding:18px 24px 20px;border:1px solid #2a6550;background:radial-gradient(ellipse at 50% 25%,#09302770,transparent 65%),#040b14;box-shadow:0 25px 65px #0007;min-width:0;isolation:isolate}
.menu-preview-bar{display:flex;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #1b4038;font:10px/1.5 var(--mono);color:#8eafa2;letter-spacing:.4px}.menu-preview-bar b{color:var(--cyan);font-size:9px}
.menu-preview-logo{position:relative;z-index:2;text-align:center;font:700 38px/1.08 var(--mono);letter-spacing:-2px;color:#d9f4df;margin-top:21px}.menu-preview-logo span{color:var(--green);text-shadow:0 0 25px #00ff4120}
.menu-preview-arena{height:157px;position:relative;overflow:hidden;margin-inline:-24px}.menu-preview-fighter,.menu-preview-boss{position:absolute;width:228px;height:228px;bottom:-20px;left:calc(24% - 114px);transform:scaleX(-1)}.menu-preview-boss{left:calc(77% - 114px);transform:none}.menu-preview-arena>b{position:absolute;top:66px;left:calc(50% - 16px);color:var(--gold);font:italic 700 22px var(--mono)}
.menu-preview-gridfloor{position:absolute;bottom:0;left:-40%;width:180%;height:84px;transform:perspective(210px) rotateX(67deg);transform-origin:center bottom;background:repeating-linear-gradient(0deg,transparent 0 23px,#00ff4126 24px 25px),repeating-linear-gradient(90deg,transparent 0 34px,#00ff4122 35px 36px);border-top:1px solid #00ff4140}
.menu-preview-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-preview-modes button,.menu-preview-offers button,.menu-preview-dock button{min-width:0;min-height:48px;padding:10px 14px;border:1px solid #347354;background:#05110e;color:var(--green);font:700 14px/1.4 var(--mono);text-align:left;border-radius:0;transition:transform 160ms var(--ease-out)}
.menu-preview-modes button{display:flex;align-items:center;justify-content:space-between;gap:8px}.menu-preview-modes .menu-quick{grid-column:1/-1;min-height:58px;background:#13341c;border-color:var(--green);font-size:19px}.menu-preview-modes .menu-cup{grid-column:1/-1;color:var(--gold);border-color:#80702b;background:#221e0c}.menu-preview-modes [data-menu-preview=sim]{color:var(--cyan);border-color:#29616d}.menu-preview-modes button[aria-pressed=true],.menu-preview-offers button[aria-pressed=true],.menu-preview-dock button[aria-pressed=true]{outline:1px solid currentColor;outline-offset:2px;background:#123022}
.menu-preview-offers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:15px}.menu-preview-offers button{font-size:10px;min-height:44px;text-align:center;color:#c9dfaa;border-color:#324b3b;background:#0b1812}
.menu-preview-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:15px;border-top:1px solid #294f3b}.menu-preview-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:8px;padding:9px 3px;min-height:64px}.menu-preview-dock button>span{font-size:21px;line-height:1}
.menu-preview-note{font:11px/1.65 var(--sans);color:#8caaa0;margin-top:16px}.menu-preview-detail{min-width:0}.menu-preview-detail h3{font:700 31px/1.25 var(--mono);letter-spacing:-1px;max-width:480px;color:#d9f2de}.menu-preview-detail>p:not(.eyebrow){font-size:15px;color:#a1bcb1;line-height:1.75;margin-top:18px}.menu-preview-detail .eyebrow{font-size:10px;line-height:1.7}
.menu-preview-destination{position:relative;min-height:205px;margin-top:26px;padding:21px 150px 22px 21px;border:1px solid #21473e;background:radial-gradient(ellipse at 90% 55%,#00f0ff12,transparent 60%),#06141b;overflow:hidden}.menu-destination-label{display:block;font:10px/1.4 var(--mono);color:var(--cyan);margin-bottom:12px}.menu-preview-destination>strong{display:block;position:relative;z-index:2;font:700 19px/1.35 var(--mono);color:#d2ecdd}.menu-preview-destination>p{position:relative;z-index:2;font-size:13px;line-height:1.7;margin-top:10px;color:#8fb6a6}.menu-preview-visual{pointer-events:none}#menu-preview-visual{position:absolute;right:-51px;bottom:-41px;width:266px;height:266px;opacity:.9}#menu-preview-visual>.sprite{width:100%;height:100%}
#menu-preview-steps{list-style:none;counter-reset:menu-step;padding:0;margin:23px 0;display:grid;gap:12px}#menu-preview-steps li{counter-increment:menu-step;display:flex;align-items:center;gap:12px;color:#a9c6b7;font-size:14px}#menu-preview-steps li::before{content:'0' counter(menu-step);display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #2d5543;color:var(--green);font:10px var(--mono)}.menu-preview-detail>.menu-preview-status{font:11px/1.65 var(--mono);color:#78a190;padding-top:16px;border-top:1px solid #1c3b30;min-height:54px}.menu-preview-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:20px}.menu-preview-links>a:not(.button){font:12px var(--sans);color:#9fbaaa}.menu-preview-links .button{font-size:11px}
.advanced-invitation{display:flex;justify-content:space-between;gap:16px;align-items:center;border-block:1px solid #275642;padding-block:21px;margin-top:28px;color:#9ebdac;font-size:14px}.advanced-invitation a{color:var(--cyan);font-weight:700}.advanced-invitation a>span{padding-left:12px}
.advanced-lab{min-width:0;border:1px solid #285246;background:#05121b}.lab-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #285246}.lab-tabs button{min-height:60px;padding:15px;border:0;border-bottom:2px solid transparent;border-radius:0;background:#07171d;font:700 12px/1.4 var(--mono);color:#91b7a6}.lab-tabs button[aria-pressed=true]{border-bottom-color:var(--cyan);background:#0b282c;color:var(--cyan)}.lab-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;padding:27px 28px;border-bottom:1px solid #234438}.lab-intro h3{font:700 23px/1.3 var(--mono);letter-spacing:-.6px;color:#d7efdd}.lab-intro p{font-size:14px;line-height:1.7;color:#9ab9a8}
.lab-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:0}.lab-controls-panel,.lab-result-panel{min-width:0;padding:24px}.lab-controls-panel{border-right:1px solid #214639}.lab-size{border:0;padding:0;margin:0;min-width:0}.lab-size legend{display:block;color:#92b09f;font:10px/1.6 var(--mono);letter-spacing:.5px;margin-bottom:8px}.lab-size>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lab-size button{min-height:44px;border:1px solid #325f4a;background:#071d15;color:#b4d9bd;font:700 13px var(--mono);border-radius:0;min-width:0}.lab-size button[aria-pressed=true]{border-color:var(--green);background:#0d301b;color:var(--green)}
.lab-exposure{display:grid;grid-template-columns:1fr 25px 1fr;gap:5px 14px;align-items:center;margin-block:18px 21px;padding:13px 15px;background:#0c201c;border:1px solid #2b4a38}.lab-exposure>div{display:flex;flex-direction:column;gap:5px}.lab-exposure>div>span{font:9px/1.5 var(--mono);color:#84aa93}.lab-exposure b{font:700 25px/1 var(--mono);color:var(--green)}.lab-exposure>span{font-size:21px;color:#66a97c}.lab-exposure>div:last-of-type b{color:var(--cyan)}.lab-exposure>p{grid-column:1/-1;font-size:12px;line-height:1.65;color:#95b09d;margin-top:6px}
.lab-price{display:flex;align-items:center;justify-content:space-between;gap:14px}.lab-price>div>span{display:block;font:10px/1.5 var(--mono);color:#729a8b}.lab-price strong{display:block;font:700 27px/1.35 var(--mono);color:#c6f1da}.lab-price>p{max-width:155px;text-align:right;font:11px/1.6 var(--mono);color:#8caf9b}.lab-chart{display:block;width:100%;height:92px;margin:10px 0 18px;overflow:visible}
.lab-quick-controls,.lab-parry-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lab-quick-controls button,.lab-parry-controls button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid #31724e;border-radius:0;background:#09251a;color:var(--green);padding:12px 8px;min-height:58px;font:700 12px/1.4 var(--mono);min-width:0}.lab-quick-controls button small,.lab-parry-controls button small{font:10px/1.4 var(--mono);color:inherit;opacity:.8}.lab-quick-controls .lab-sell,.lab-parry-controls .lab-sell{border-color:#764253;background:#25121d;color:#ff8da2}.lab-quick-controls .lab-power{background:#08232d;border-color:#317989;color:var(--cyan)}.lab-quick-controls .lab-power.lab-sell{border-color:#74499c;background:#23172e;color:#c7a2ff}.lab-parry-controls{margin-top:10px}.lab-parry-controls button{border-width:2px}.lab-parry-controls button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#262411}
.lab-parry-chooser{padding:14px;border:1px solid var(--gold);margin-top:12px;background:#25220e}.lab-parry-chooser legend{color:var(--gold);padding-right:7px}.lab-parry-chooser button{color:var(--gold);border-color:#796725;background:#24200d}.lab-parry-chooser #lab-dismiss-parry{display:block;margin:9px 0 0 auto;border:0;background:none;font:12px var(--sans);color:#b5ad88;min-height:32px}
.lab-pending{margin:15px 0 11px;font:10px/1.6 var(--mono);color:#91c4ab;overflow-wrap:anywhere;min-height:20px}.lab-tick{width:100%;font-size:12px;min-height:51px}
.lab-fight{height:220px;border:1px solid #245246;background:radial-gradient(ellipse at 20% 75%,#00f0ff14,transparent 55%),radial-gradient(ellipse at 75% 60%,#ffcc0014,transparent 60%),#050e16;position:relative;overflow:hidden;isolation:isolate}.lab-fight-label{position:absolute;z-index:2;top:13px;left:14px;right:14px;color:#79a997;font:9px/1.6 var(--mono);letter-spacing:1px}.lab-fighter{position:absolute;bottom:1px;width:230px;height:230px;left:calc(24% - 115px)}.lab-you{transform:scaleX(-1)}.lab-boss{left:calc(77% - 115px)}#lab-fight-cue{position:absolute;left:10px;right:10px;bottom:9px;padding:7px 5px;background:#030d14ed;border-top:1px solid #2e5743;color:#b4e1c1;font:10px/1.5 var(--mono);text-align:center;z-index:3}
.lab-scorecards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.lab-scorecards>div{padding:13px 12px;border:1px solid #30573e;background:#0a1e18;min-width:0}.lab-scorecards>div:last-child{border-color:#2c535f;background:#0a1d27}.lab-scorecards span{display:block;font:9px/1.5 var(--mono);color:#91b39c}.lab-scorecards strong{display:block;font:700 clamp(16px,1.9vw,24px)/1.4 var(--mono);color:#daf0dc;overflow-wrap:anywhere}.lab-scorecards small{font-size:11px;line-height:1.5;color:#799b8e}.lab-scorecards strong[data-sign=gain]{color:var(--green)}.lab-scorecards strong[data-sign=loss]{color:#ff8299}
.lab-position{position:relative;margin-top:13px;border:1px solid #244e42;padding:17px 15px;background:#071b21}.lab-position[data-held=true]{border-color:var(--gold);background:#201f13}.lab-position>span{display:block;font:10px/1.5 var(--mono);color:var(--cyan);margin-bottom:8px}.lab-position[data-held=true]>span{color:var(--gold)}.lab-position>strong{display:block;font:700 15px/1.5 var(--mono);color:#c8e1d2}.lab-position>p{font-size:13px;line-height:1.7;color:#99b7a7;margin-top:9px}.lab-receipt{border-left:2px solid #38795d;padding:8px 0 8px 14px;margin-top:18px}.lab-receipt>span{font:10px/1.5 var(--mono);color:#7eb699}.lab-receipt>p{font:12px/1.8 var(--mono);color:#a9cbb7;margin-top:6px;overflow-wrap:anywhere}
.lab-status{border-block:1px solid #2b5749;padding:17px 25px;background:#0a261f;color:#c1dfcf;min-height:78px;font-size:14px;line-height:1.7}.lab-lesson-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px 25px;color:#8fb19e;font:12px/1.8 var(--sans)}.lab-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 24px;border-top:1px solid #214536}.lab-footer button{min-height:44px;padding:10px 12px;border:1px solid #355743;background:#091c17;color:#a7c9b4;font:11px/1.5 var(--mono);border-radius:0}.lab-footer .button{margin-left:auto;font-size:10px;padding-inline:13px}.lab-scenario{display:flex;gap:7px}.lab-scenario button[aria-pressed=true]{color:var(--cyan);border-color:#458993;background:#0b292d}.advanced-lab button:disabled{opacity:.4;cursor:default}.advanced-lab [hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.menu-cabinet button:hover{transform:translateY(-2px);border-color:currentColor}.lab-tabs button:hover,.lab-size button:hover{color:#fff}.lab-quick-controls button:hover,.lab-parry-controls button:hover{border-color:currentColor}}
@media(max-width:1050px){.menu-preview-grid{gap:28px;grid-template-columns:1fr 1fr}.menu-preview-logo{font-size:34px}.menu-preview-detail h3{font-size:26px}.menu-preview-destination{padding-right:110px}#menu-preview-visual{right:-76px;opacity:.75}.menu-preview-destination>strong{font-size:17px}.lab-controls-panel,.lab-result-panel{padding:18px}.lab-quick-controls button,.lab-parry-controls button{font-size:10px}.lab-footer .button{margin-left:0}.lab-intro{padding:23px}.lab-intro h3{font-size:20px}.lab-exposure{padding:11px}}
@media(max-width:760px){
 .menu-preview-grid{grid-template-columns:1fr;gap:28px}.menu-cabinet{max-width:430px;width:100%;margin:auto;padding:14px 16px 17px}.menu-preview-bar{font-size:11px;letter-spacing:0}.menu-preview-bar b{font-size:10px}.menu-preview-logo{font-size:33px}.menu-preview-arena{height:133px;margin-inline:-16px}.menu-preview-fighter,.menu-preview-boss{width:206px;height:206px;left:calc(24% - 103px)}.menu-preview-boss{left:calc(77% - 103px)}.menu-preview-arena>b{top:54px}.menu-preview-modes button{font-size:14px;min-height:48px}.menu-preview-modes .menu-quick{font-size:17px;min-height:54px}.menu-preview-offers button{font-size:11px;padding:9px 4px}.menu-preview-dock{gap:6px}.menu-preview-dock button{font-size:10px;min-height:63px}.menu-preview-note{font-size:12px;line-height:1.6}.menu-preview-detail h3{font-size:25px}.menu-preview-detail .eyebrow{font-size:12px;letter-spacing:.6px}.menu-preview-detail>p:not(.eyebrow){font-size:14px}.menu-preview-detail>.menu-preview-status{font-size:12px}.menu-preview-destination{min-height:203px;padding:16px 90px 17px 16px}#menu-preview-visual{width:230px;height:230px;right:-79px;bottom:-28px;opacity:.65}.menu-destination-label{font-size:12px}.menu-preview-destination>strong{font-size:17px}.menu-preview-destination>p{font-size:12px;line-height:1.65}.menu-preview-links .button{width:100%;font-size:12px}.advanced-invitation{flex-direction:column;align-items:flex-start;gap:7px;font-size:13px}
 .lab-tabs button{font-size:12px;padding:13px 8px;min-height:57px}.lab-intro{display:block;padding:20px 16px}.lab-intro h3{font-size:21px}.lab-intro p{font-size:13px;line-height:1.65;margin-top:10px}.lab-layout{display:flex;flex-direction:column;gap:0;padding:16px 12px}.lab-controls-panel,.lab-result-panel{display:contents}
 #lab-base-controls{order:0}.lab-exposure{order:1;margin-block:12px}.lab-price{order:2}.lab-chart{order:3;height:76px;margin:7px 0 10px}.lab-fight{order:4;height:142px}.lab-scorecards{order:5;margin-block:10px}.lab-quick-controls{order:6}.lab-parry-controls{order:7}.lab-parry-chooser{order:8}.lab-pending{order:9}.lab-tick{order:10}.lab-position{order:11}.lab-receipt{order:12}
 .lab-size legend{font-size:12px;letter-spacing:0}.lab-size>div{gap:7px}.lab-size button{font-size:13px;min-height:44px}.lab-exposure>div>span{font-size:12px;line-height:1.4}.lab-exposure b{font-size:23px}.lab-exposure>p{font-size:12px;line-height:1.55}.lab-exposure{gap:8px}.lab-price>div>span{font-size:12px}.lab-price strong{font-size:25px}.lab-price>p{font-size:12px;max-width:130px}.lab-fight-label{font-size:12px;letter-spacing:0;top:9px;left:10px}.lab-fighter{width:148px;height:148px;left:calc(24% - 74px);bottom:1px}.lab-boss{left:calc(78% - 74px)}#lab-fight-cue{font:12px/1.4 var(--sans);padding:5px;bottom:5px;left:6px;right:6px}.lab-scorecards>div{padding:10px 9px}.lab-scorecards span{font-size:12px}.lab-scorecards strong{font-size:18px}.lab-scorecards small{font-size:12px;display:block;line-height:1.4}.lab-quick-controls,.lab-parry-controls{gap:7px}.lab-quick-controls button,.lab-parry-controls button{font-size:12px;min-height:61px;padding:9px 4px;gap:4px}.lab-quick-controls button small,.lab-parry-controls button small{font-size:12px}.lab-parry-chooser{padding:12px}.lab-parry-chooser #lab-dismiss-parry{font-size:12px;min-height:44px}.lab-pending{font-size:12px;margin-block:12px 10px}.lab-tick{font-size:12px}.lab-position{padding:13px}.lab-position>span{font-size:12px}.lab-position>strong{font-size:14px}.lab-position>p{font-size:13px;line-height:1.6}.lab-receipt>span,.lab-receipt>p{font-size:12px}.lab-status{font-size:13px;line-height:1.65;padding:14px 15px}.lab-lesson-notes{grid-template-columns:1fr;gap:12px;padding:17px 15px;font-size:12px}.lab-footer{padding:16px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.lab-footer button{font-size:12px;padding:9px 6px}.lab-scenario{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.lab-footer .button{grid-column:1/-1;min-height:50px;font-size:12px;width:100%}.menu-cabinet button{transition:none}
}
@media(prefers-reduced-motion:reduce){.menu-cabinet button{transition:none}.menu-cabinet .sprite-strip,#menu-preview-visual .sprite-strip{animation:none!important}.advanced-lab .lesson-sprite>img{animation:none!important}}
.motion-paused .menu-cabinet button,.page-hidden .menu-cabinet button{transition:none}
/* Match the game's central gold Quick Fight pill and keep the next screen reachable. */
.menu-preview-modes .menu-quick{position:relative;z-index:3;width:220px;max-width:100%;justify-self:center;justify-content:center;gap:10px;min-height:65px;margin-top:-29px;margin-bottom:7px;border:2px solid var(--gold);border-radius:50px;background:linear-gradient(150deg,#2c240b,#0a1011);color:#ffdf5e;font-size:16px;box-shadow:0 0 0 5px #061018b3}
.menu-preview-modes .menu-quick[aria-pressed=true]{outline-color:var(--gold);background:#29240d}
.menu-preview-selection{display:block;min-height:44px;padding-top:13px;font:11px/1.6 var(--mono);color:#8cbbaa}
@media(max-width:760px){.menu-preview-selection{font-size:12px}.menu-preview-modes .menu-quick{min-height:61px;width:205px;font-size:15px}.lab-exposure>div:last-of-type b{font-size:21px}}
/* Keep the complete fighter poses inside the compact menu's artwork window. */
.menu-preview-arena{height:180px}.menu-preview-fighter,.menu-preview-boss{width:200px;height:200px;bottom:-10px;left:calc(24% - 100px)}.menu-preview-boss{left:calc(77% - 100px)}
@media(max-width:760px){.menu-preview-arena{height:156px}.menu-preview-fighter,.menu-preview-boss{width:180px;height:180px;left:calc(24% - 90px)}.menu-preview-boss{left:calc(77% - 90px)}}