*{box-sizing:border-box}body{margin:0;background:#06060e;color:#f2f0eb;font-family:'Outfit',sans-serif}button,input{font:inherit}a{color:#e0c872;text-underline-offset:4px}button{cursor:pointer;color:#f2f0eb;background:#202033;border:1px solid #505069;border-radius:7px;padding:11px 16px;min-height:44px;font-weight:600;transition:background .15s,border-color .15s}button:hover{background:#30304a;border-color:#e0c872}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #a9d7e8;outline-offset:3px}.primary{background:#dfc273;color:#15131a;border-color:#dfc273}.primary:hover{background:#efda9c}.brand{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;text-decoration:none;color:#f2f0eb}.brand span{color:#c9a84c}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:19px max(24px,calc((100% - 1320px)/2));background:#080811f2;border-bottom:1px solid #29293c;gap:20px}nav{display:flex;gap:24px;font-size:14px}main{max-width:1320px;margin:auto;padding:34px 24px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.heading>p{color:#b2afc2;text-align:right;margin:0 0 5px}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif}h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.4px;margin:6px 0 0}h1 span{color:#dfc273}.eyebrow{font-size:13px;letter-spacing:1.5px;color:#d7c68f;margin:0 0 8px}h2{font-size:22px;line-height:1.3;margin:6px 0 14px}.cabinet-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.cabinet{min-width:0;background:#11111e;border:1px solid #414157;border-radius:14px;overflow:hidden;box-shadow:0 18px 70px #0006}.hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}.hud>div{display:flex;flex-direction:column;gap:3px}.hud span{color:#b2afc2;font-size:13px}.hud b{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-variant-numeric:tabular-nums}.heart-block b{color:#efb1a4}.hud button{font-size:13px;min-height:38px;padding:7px 12px}.stage{position:relative;background:#141826;aspect-ratio:900/640;isolation:isolate}.stage canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}.scene-label{position:absolute;top:16px;left:18px;font-size:13px;color:#c2bccf;background:#0a0e1be8;padding:6px 9px;border-left:2px solid #c9a84c;pointer-events:none}.boss-meter{position:absolute;top:16px;left:26%;width:48%;padding:6px 12px;background:#101020e8;text-align:center;font-size:13px}.boss-meter progress{display:block;width:100%;height:7px;margin-top:5px;accent-color:#e99d98}.cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090b18dd;text-align:center;padding:22px;z-index:2;backdrop-filter:blur(2px)}.cover h2{font-size:clamp(22px,3vw,34px);margin:4px 0 8px}.cover p{line-height:1.45;color:#c4bfd1;margin:5px 0 14px}.cover .eyebrow{color:#dfc273;font-size:13px}.cover img{image-rendering:pixelated;margin-bottom:7px}.mode-buttons{display:flex;gap:12px;justify-content:center;width:100%;margin:8px 0 15px}.mode-buttons button{min-width:42%;padding:15px}.mode-buttons small{display:block;font-size:13px;margin-top:5px;font-weight:400}.assist{font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.assist input{width:18px;height:18px;accent-color:#c9a84c}.assist span{color:#a9a5bb;font-size:13px}.cover .fine{font-size:13px;margin:12px 0 0}.xp-strip{display:flex;align-items:center;gap:12px;padding:12px 18px;font-size:13px;border-top:1px solid #343449}.xp-strip progress{flex:1;min-width:20px;height:7px;accent-color:#e0c872}.xp-strip b{font-weight:400;font-variant-numeric:tabular-nums}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 18px}.controls p{font-size:13px;color:#bbb5ca;max-width:440px}.controls>div{display:flex;gap:6px}.controls button{font-size:13px;padding:8px;white-space:nowrap}.event{color:#e0c872;font-size:13px;margin:8px 18px 15px;min-height:18px}aside>section,aside>details{border:1px solid #343449;background:#10101b;border-radius:10px;padding:20px;margin-bottom:16px}aside p{color:#b5b0c4;font-size:14px;line-height:1.5}.loadout h2{font-size:22px}.empty-build,.upgrade-row{padding:12px 0;border-bottom:1px solid #303042;display:flex;justify-content:space-between;gap:10px;font-size:14px}.empty-build span{color:#9994ad;font-size:13px}.upgrade-row b{color:#dfc273;white-space:nowrap}.evolution{margin-top:22px}.evolution b{font-size:14px}.evolution p{font-size:13px}.evolution progress{width:100%;height:6px;accent-color:#a9d7e8}.visit h2{font-size:19px}.visit p{font-size:13px}summary{cursor:pointer;font-size:14px;min-height:26px}.after-play{display:flex;gap:25px;align-items:center;border-top:1px solid #323244;margin-top:42px;padding:30px 0}.after-play>div{flex:1}.after-play p{color:#aba5bd;max-width:550px;line-height:1.5;font-size:15px}.after-play h2{font-size:23px}.after-play a{font-size:14px;max-width:180px}footer{max-width:1320px;margin:30px auto 0;padding:24px;color:#a5a0b5;font-size:13px;border-top:1px solid #303042}footer a{margin-right:25px}footer p{line-height:1.6}dialog{color:#f2f0eb;background:#141422;border:1px solid #716849;border-radius:14px;width:min(680px,calc(100% - 28px));padding:0;max-height:calc(100dvh - 30px);overflow:auto}dialog::backdrop{background:#02030bdd;backdrop-filter:blur(4px)}.panel-content{padding:30px}.panel-content>p{color:#c2bcce;line-height:1.5}.panel-content h2{font-size:29px}#choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#choices:empty{display:none}.upgrade-choice{padding:20px 14px;text-align:left;min-height:180px}.upgrade-choice .glyph{font-size:30px;color:#e0c872;display:block;margin-bottom:20px}.upgrade-choice strong{display:block;font-size:16px}.upgrade-choice small{display:block;font-size:13px;color:#c1bbcf;font-weight:400;line-height:1.5;margin-top:10px}.panel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.panel-actions a{padding:12px 0}.touch-controls{position:absolute;bottom:18px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stick{width:100px;height:100px;border:1px solid #dad5e74f;background:#06060e66;border-radius:50%;position:relative;pointer-events:auto;touch-action:none;user-select:none}.stick i{position:absolute;width:38px;height:38px;border:1px solid #d7c58c;background:#cfbb7255;left:30px;top:30px;border-radius:50%;pointer-events:none}.stick span{position:absolute;bottom:-16px;left:0;width:100%;text-align:center;font-size:13px;color:#cac4d7;pointer-events:none}#auto-label{color:#c9c0d4;background:#0d0d1ac9;padding:7px;font-size:13px;max-width:105px;text-align:center;pointer-events:none}[hidden]{display:none!important}
@media(min-width:761px) and (pointer:fine){.touch-controls{display:none}}
@media(max-width:1100px){.cabinet-layout{grid-template-columns:minmax(0,1fr) 235px;gap:16px}main{padding:25px 18px 0}aside>section,aside>details{padding:15px}.cover img{width:60px;height:60px}.cover{padding:15px}.cover p{font-size:14px}.mode-buttons button{padding:10px;min-width:44%}.controls{flex-wrap:wrap;gap:0}.controls p{margin-bottom:8px}.controls>div{margin-bottom:6px}}
@media(max-width:850px){.cabinet-layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}aside>section,aside>details{margin-bottom:0}.loadout{grid-row:span 2}.heading>p{display:none}.cover img{width:80px;height:80px}}
@media(max-width:560px){header{padding:15px 14px;gap:10px}header .brand{font-size:15px}nav{gap:12px;font-size:13px}main{padding:24px 12px 0}.heading{margin-bottom:20px}.eyebrow{font-size:13px}.stage{aspect-ratio:360/570}.hud{padding:10px;gap:8px}.hud span{font-size:13px}.hud b{font-size:15px}.hud button{padding:7px 9px}.scene-label{left:10px;top:10px;font-size:13px}.boss-meter{top:40px;left:15%;width:70%}.cover{padding:20px 12px}.cover img{width:72px;height:72px}.cover h2{font-size:25px}.mode-buttons{flex-direction:column;width:100%;gap:10px;margin:8px 0 14px}.mode-buttons button{padding:13px}.assist{gap:6px}.cover .fine{font-size:13px;max-width:270px}.xp-strip{padding:10px}.controls{padding:0 10px}.controls p{font-size:13px}.event{margin:8px 10px 12px;font-size:13px}aside{grid-template-columns:1fr}.loadout{grid-row:auto}.after-play{flex-wrap:wrap;margin-top:28px}.after-play>div{flex-basis:100%}.after-play a{max-width:none}.panel-content{padding:22px 18px}.panel-content h2{font-size:25px}#choices{grid-template-columns:1fr;gap:8px}.upgrade-choice{min-height:0;padding:13px}.upgrade-choice .glyph{float:left;font-size:24px;margin:0 15px 0 0}.upgrade-choice small{margin-top:5px}.panel-actions{margin-top:15px}.panel-actions button{flex:1}.stick{width:92px;height:92px}.stick i{left:26px;top:26px}.touch-controls{bottom:22px}.after-play h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Match the shared readability brief, including the mobile cabinet. */
.cover p,.controls p,.event,aside p,.after-play p{font-size:16px;line-height:1.5}.mode-buttons small,.assist span,.cover .fine,.hud span,.xp-strip,.controls button,.scene-label,.boss-meter,.stick-label{font-size:14px}.mode-buttons button:target{outline:3px solid #a9d7e8;outline-offset:3px;scroll-margin-top:120px}.cover{overflow:auto;justify-content:safe center}.mode-buttons{flex-shrink:0}header{flex-wrap:wrap}