/* After Hours console UI. This file owns menus; dawn.css owns the battlefield. */
.dawn{--ui-ink:#080c18;--ui-panel:#151c30;--ui-edge:#566985;--ui-paper:#fff0cf;--ui-muted:#a8b4ca;--ui-gold:#ffe100;--ui-pink:#ef0150}
.dawn-menu-open>.dawn-hud,.dawn-menu-open>.dawn-xp,.dawn-menu-open>.dawn-boss,.dawn-menu-open>.dawn-bottom,.dawn-menu-open>.dawn-buffs,.dawn-menu-open>.dawn-stage,.dawn-menu-open>.dawn-message,.dawn-menu-open>.dawn-warning,.dawn-menu-open>.dawn-touch{visibility:hidden!important;pointer-events:none!important}
.dawn .dawn-panel{box-sizing:border-box;align-items:center;padding:32px max(24px,env(safe-area-inset-right)) 32px max(24px,env(safe-area-inset-left));background:#070c18b8;backdrop-filter:none;overscroll-behavior:contain;scrollbar-color:#7186a3 #080c18;scrollbar-gutter:stable}
.dawn .dawn-panel-inner{width:min(1040px,100%);max-width:1040px;min-width:0;margin:auto;padding:0;border:0;background:none;box-shadow:none;text-align:left;animation:console-enter .18s steps(4) both}
.dawn-panel [hidden]{display:none!important}.dawn-panel *,#dawnHearts *{box-sizing:border-box}
@keyframes console-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.dawn .select-heading,.dawn .power-heading,.dawn .result-heading{position:relative;text-align:left;margin:0 0 26px;padding:0 0 20px;border-bottom:2px solid #64728b66}
.dawn .select-heading:after,.dawn .power-heading:after,.dawn .result-heading:after{content:'';position:absolute;left:0;bottom:-2px;width:108px;height:4px;background:linear-gradient(90deg,#ffe100 0 33%,#f47a20 33% 66%,#ef0150 66%)}
.dawn .select-heading>.mono,.dawn .power-kicker,.dawn .result-kicker{font:14px/1.5 var(--mono);letter-spacing:1px;color:var(--ui-muted)}
.dawn .select-heading h2,.dawn .power-heading h2,.dawn .result-heading h2{font:clamp(38px,5.4vw,64px)/1.05 var(--pixel);font-weight:500;letter-spacing:0;margin:10px 0 12px;color:var(--ui-paper);text-shadow:3px 3px #080b13,3px 6px #b24750}
.dawn .select-heading p,.dawn .power-heading p,.dawn .result-heading p{font:16px/1.5 var(--font);color:#d0d5df;margin:0;max-width:62ch}
.dawn-panel button:focus-visible,.dawn-panel summary:focus-visible{outline:2px solid var(--ui-paper);outline-offset:5px}
/* Character selection: a portrait bank and a live equipment bay. */
.dawn .fighter-select{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:28px;align-items:start;text-align:left}
.dawn .roster-bank{min-width:0;background:#101728b8;border:2px solid #566985;padding:14px;box-shadow:4px 4px #060a13}
.dawn .roster-label,.dawn .profile-label{display:flex;justify-content:space-between;gap:8px;color:#b7c9e3;font:14px/1.4 var(--pixel);letter-spacing:1px;margin-bottom:14px}.dawn .roster-label b{color:#ffe100;font-weight:400;white-space:nowrap}
.dawn .fighter-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0}
.dawn .fighter-roster button{position:relative;min-width:0;min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 3px 12px;border:2px solid #39485f;border-bottom:4px solid #070b16;background:#1a2438;color:var(--ui-paper);box-shadow:inset 0 2px #7386a32e;transition:background .1s steps(2),border-color .1s;cursor:pointer}
.dawn .fighter-roster canvas{display:block;width:64px;height:64px;max-width:100%;object-fit:contain;image-rendering:pixelated;box-shadow:0 0 0 2px #080c18}
.dawn .fighter-roster span{font:18px/1.05 var(--pixel);text-align:center;overflow-wrap:anywhere}.dawn .fighter-roster small{font:12px/1.2 var(--font);color:#b4c0d3}
.dawn .fighter-roster button:hover{border-color:var(--fighter);background:#28354d}.dawn .fighter-roster button.selected{border-color:var(--ui-paper);background:color-mix(in srgb,var(--fighter) 18%,#131e30);outline:2px solid var(--fighter);outline-offset:2px;box-shadow:inset 0 -4px var(--fighter)}
.dawn .fighter-roster button b{position:absolute;top:-9px;left:-5px;font:16px/1 var(--pixel);background:#ffe100;color:#080c18;padding:4px 6px;box-shadow:2px 2px #080c18;z-index:1}
.dawn .roster-hint{font:12px/1.5 var(--mono);color:#9bacc5;margin:16px 0 0;text-align:center}
.dawn .fighter-profile{position:relative;min-width:0;padding:18px 22px;border:2px solid #7b90ac;border-top:5px solid var(--fighter);background:#131b2de8;box-shadow:5px 5px #050911}
.dawn .profile-label{color:#9eafc6;margin-bottom:18px}.dawn .fighter-name>.mono{font:12px/1.5 var(--mono);letter-spacing:1px;color:color-mix(in srgb,var(--fighter),white 45%)}
.dawn .fighter-name h3{font:44px/1.05 var(--pixel);margin:5px 0 12px;color:var(--ui-paper);text-shadow:2px 2px #050810}
.dawn .attack-demo{position:relative;margin:0 -8px 14px;padding:0 0 28px;background:#080f20b8;border-block:1px solid #50617b66}
.dawn .attack-demo canvas{display:block;width:100%;height:auto;max-height:none;object-fit:contain;image-rendering:pixelated}.dawn .attack-demo>span{position:absolute;left:12px;bottom:9px;font:12px/1.3 var(--pixel);letter-spacing:1px;color:#c0d1e7}
.dawn .fighter-effect{font:16px/1.5 var(--font);color:#e2e7ef;margin:12px 0 16px}
.dawn .fighter-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 0;border-block:1px solid #63738c66}.dawn .fighter-stats span{font:12px/1.4 var(--pixel);letter-spacing:.3px;color:#aabbd1;overflow-wrap:anywhere}.dawn .fighter-stats b{display:block;font:28px/1 var(--pixel);color:var(--ui-paper);margin-bottom:6px}
.dawn .fighter-bonus{font:14px/1.5 var(--font);padding:12px 0;color:#c1cee0}.dawn .fighter-evolution{display:grid;gap:5px;border-left:3px solid var(--fighter);padding:8px 0 8px 12px;margin:4px 0 18px;background:#080e1c66}.dawn .fighter-evolution small{font:12px/1.4 var(--mono);color:#a5b9d0;letter-spacing:1px}.dawn .fighter-evolution b{font:24px/1.1 var(--pixel);color:color-mix(in srgb,var(--fighter),white 40%)}.dawn .fighter-evolution span{font:14px/1.5 var(--font);color:#cbd5e4}
.dawn .deploy-mon{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;font:24px/1.1 var(--pixel)!important;letter-spacing:0;padding:12px 16px;background:var(--ui-gold)!important;color:#101421!important;border:2px solid #fff3a0!important;border-bottom:4px solid #b46b26!important;border-radius:0;box-shadow:3px 3px #080c18}.dawn .deploy-mon:hover{background:#fff29b!important;transform:translateY(-2px)}
.dawn .select-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px}.dawn .select-footer>span{font:12px/1.5 var(--mono);color:#b5c5da}.dawn .select-footer>div{display:flex;gap:18px}.dawn .select-footer button{min-height:44px;font:16px var(--pixel);color:var(--ui-paper)}
/* Upgrade choices: artwork first, one benefit, then rank. No nested card boxes. */
.dawn .power-menu{min-width:0}.dawn .power-heading{text-align:center}.dawn .power-heading:after{left:calc(50% - 54px)}.dawn .power-heading p{margin:0 auto}.dawn .power-heading h2{color:#ffbfba;text-shadow:3px 3px #080b13,3px 6px #9c3150}
.dawn .power-menu .dawn-upgrades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch;margin:0;text-align:left}
.dawn .power-menu .power-card{--card-light:color-mix(in srgb,var(--card-color),white 45%);display:grid;grid-template-areas:'top' 'art' 'name' 'copy' 'foot';grid-template-columns:minmax(0,1fr);grid-template-rows:auto 166px minmax(62px,auto) 1fr auto;position:relative;min-width:0;min-height:390px;gap:0;padding:16px 22px 18px;border:2px solid #61718a;border-top:4px solid var(--card-color);border-bottom:4px solid #080c18;border-radius:0;background:#161c30e8;box-shadow:4px 4px #030713bb;clip-path:none;overflow:visible;transform:none;transition:background .12s,border-color .12s;animation:console-enter .2s steps(4) both}
.dawn .power-menu .power-card:nth-child(2){animation-delay:.04s}.dawn .power-menu .power-card:nth-child(3){animation-delay:.08s}
.dawn .power-menu .power-card.evolution{background:#261b34ed;border-top-color:#ffe100}
.dawn .power-menu .power-card:hover,.dawn .power-menu .power-card:focus-visible,.dawn .power-menu .power-card.power-focused{background:#28314aea;border-color:var(--ui-paper);outline:2px solid var(--card-color);outline-offset:4px;transform:none;box-shadow:4px 6px #030713bb}
.dawn .power-card .upgrade-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font:14px/1.3 var(--pixel);letter-spacing:1px;color:#b6c1d6;min-width:0}.dawn .upgrade-top>span{overflow-wrap:anywhere}
.dawn .power-card .upgrade-top kbd{flex:0 0 28px;text-align:center;background:#0a0f20;border:1px solid #8090aa;box-shadow:2px 2px #050915;padding:5px 6px;color:var(--ui-paper);font:20px/1 var(--pixel)}
.dawn .power-card .upgrade-icon{grid-area:art;position:relative;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;justify-self:stretch;align-self:stretch;gap:6px;min-width:0;min-height:0;width:auto;height:auto;padding:8px 0 16px;margin:0;border:0;background:none;box-shadow:none;transform:none}
.dawn .power-card .upgrade-icon canvas{display:block;width:180px;height:120px;max-width:100%;object-fit:contain;image-rendering:pixelated}
.dawn .power-art-caption{font:12px/1.3 var(--mono);color:var(--card-light);text-align:center;max-width:100%;overflow-wrap:anywhere}
.dawn .power-card>strong{grid-area:name;display:block;align-self:start;font:32px/1.05 var(--pixel);font-weight:400;color:var(--ui-paper);letter-spacing:0;margin:8px 0 12px;overflow-wrap:anywhere;text-shadow:2px 2px #040911}
.dawn .power-card>p{grid-area:copy;display:block;font:16px/1.5 var(--font);color:#d5deec;margin:0 0 24px;overflow-wrap:anywhere}
.dawn .power-card .upgrade-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding-top:14px;border-top:1px solid #8290a74d;font:17px/1.3 var(--pixel);color:var(--card-light)}
.dawn .power-pips{display:flex;gap:4px;flex-wrap:wrap}.dawn .power-pips i{display:block;width:8px;height:10px;border:1px solid #72829c;background:#080e1a;box-shadow:none}.dawn .power-pips .earned{border-color:var(--card-color);background:var(--card-color)}.dawn .power-pips .next{background:var(--ui-paper);border-color:var(--ui-paper)}
.dawn .power-card .upgrade-foot>span:first-child{padding-left:16px;position:relative}.dawn .power-card.power-focused .upgrade-foot>span:first-child:before{content:'▶';position:absolute;left:0;top:0;color:var(--ui-paper);animation:console-pointer .7s steps(2,end) infinite}@keyframes console-pointer{50%{transform:translateX(-3px)}}
.dawn .power-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:24px 0 16px}.dawn .power-actions>span{font:12px/1.5 var(--mono);color:#b6c4da;text-align:center}.dawn .power-actions button{font:19px/1.2 var(--pixel);min-height:44px;padding:9px 14px;border:1px solid #64738e;border-bottom:3px solid #070b16;background:#172036;color:var(--ui-paper);box-shadow:2px 2px #040812}.dawn .power-actions button:hover{background:#2b3952;border-color:var(--ui-paper)}.dawn .power-actions button:disabled{opacity:.4}.dawn .power-actions b{display:inline-block;padding:2px 6px;margin-left:6px;background:#ffe100;color:#0b1020;font:17px var(--pixel)}
/* Connected equipment route. Icons identify nodes; status never relies on color alone. */
.dawn .evolution-path{max-width:none;margin:14px 0 0;color:#c9d5e8;text-align:left;border-top:1px solid #73819b66}.dawn .evolution-path summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:16px 4px;min-height:48px;font:20px/1.3 var(--pixel);color:var(--ui-paper);list-style:none}.dawn .evolution-path summary span{color:#b2c4df;font-size:18px;margin-left:auto}.dawn .evolution-path summary:after{content:'+';color:#ffe100;font-size:26px}.dawn .evolution-path[open] summary:after{content:'−'}
.dawn .evolution-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;margin:12px auto;max-width:780px}
.dawn .path-node{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:'icon name' 'icon status' 'copy copy';gap:5px 12px;min-width:0;padding:14px;background:#141d30ed;border:2px solid #526581;box-shadow:3px 3px #060a15}
.dawn .path-node.node-0,.dawn .path-node.node-3{grid-column:1/-1;width:66%;justify-self:center}.dawn .path-node canvas{grid-area:icon;align-self:center;width:72px;height:48px;image-rendering:pixelated}.dawn .path-node b{grid-area:name;font:23px/1.1 var(--pixel);color:var(--ui-paper);overflow-wrap:anywhere}.dawn .path-node small{grid-area:status;font:12px/1.5 var(--mono);letter-spacing:.5px;color:#abc0db}.dawn .path-node p{grid-area:copy;font:14px/1.5 var(--font);color:#c3cfe1;margin:7px 0 0}.dawn .path-node.learned{border-color:#62dd73}.dawn .path-node.learned small{color:#91eda0}.dawn .path-node.locked{opacity:.65}.dawn .path-node:not(.node-0):before{content:'';position:absolute;top:-30px;left:50%;width:2px;height:28px;background:#788ba9}.dawn .path-node.node-0:after{content:'';position:absolute;bottom:-16px;left:-4%;width:108%;height:14px;border-bottom:2px solid #788ba9;border-left:2px solid #788ba9;border-right:2px solid #788ba9}
/* Results: one character stage, an arcade score tally and immediate replay. */
.dawn .result-screen{min-width:0;--result-light:color-mix(in srgb,var(--result-color),white 45%)}.dawn .result-heading h2{font-size:clamp(52px,7vw,80px)}.dawn .result-loss .result-heading h2{color:#ff7898;text-shadow:3px 3px #070b13,3px 6px #822343}.dawn .result-win .result-heading h2{color:#ffe991;text-shadow:3px 3px #070b13,3px 6px #bd6433}
.dawn .result-main{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.35fr);gap:28px;align-items:stretch}.dawn .result-character{min-width:0;position:relative;text-align:center;padding:18px 16px;background:#101a2abb;border:2px solid #5a7091;border-top:4px solid var(--result-color);box-shadow:4px 4px #050910}
.dawn .result-level{display:block;width:max-content;padding:5px 9px;font:22px/1 var(--pixel);color:#101421;background:#ffe100;box-shadow:2px 2px #070b16}.dawn .result-character>canvas{display:block;width:240px;max-width:100%;height:auto;image-rendering:pixelated;margin:0 auto}.dawn .result-character h3{font:34px/1 var(--pixel);color:var(--result-light);margin:12px 0}.dawn .result-mon-id{font:12px/1.5 var(--mono);color:#bacce2}.dawn .result-boss-route{display:flex;justify-content:space-around;gap:6px;margin-top:22px;padding-top:14px;border-top:1px solid #667b964d}.dawn .result-boss-route span{font:12px/1.4 var(--pixel);color:#8798b2}.dawn .result-boss-route b{display:block;font:26px/1 var(--pixel);margin-bottom:5px;color:#52637e}.dawn .result-boss-route .cleared,.dawn .result-boss-route .cleared b{color:#ffe491}
.dawn .result-tally{position:relative;min-width:0;padding:18px 22px 42px;background:#0c1422a8;border:0;border-block:2px solid #637a995c;box-shadow:none}.dawn .result-tally-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;color:#bdd2ec;font:17px/1.4 var(--pixel);letter-spacing:1px;border-bottom:1px solid #60779766}.dawn .result-tally-top b{color:#ffe100}.dawn .result-tally dl{margin:8px 0}.dawn .result-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;min-height:52px;border-bottom:1px dashed #62728b55}.dawn .result-stat dt{font:19px/1.3 var(--pixel);color:#a6bbd7;min-height:24px}.dawn .result-stat dd{font:36px/1 var(--pixel);font-variant-numeric:tabular-nums;min-width:85px;text-align:right;margin:0;color:#60718b}.dawn .result-stat.tallied dd{color:#fff0cf;text-shadow:2px 2px #35465f}.dawn .result-stat.tallied dt{color:#d8e5f6}.dawn .result-skip{position:absolute;right:18px;bottom:4px;min-height:32px;padding:4px;background:none;border:0;font:14px var(--font);color:#c0cce0}
.dawn .result-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0}.dawn .result-actions button{min-height:50px;padding:12px 20px;border-radius:0;cursor:pointer}.dawn .result-play{display:flex;align-items:center;justify-content:space-between;gap:48px;font:26px/1.1 var(--pixel);background:#ffe100;color:#101421;border:2px solid #fff3a0;border-bottom:4px solid #b46b26;box-shadow:3px 3px #080c18}.dawn .result-play:hover{background:#fff29b}.dawn .result-encore{font:22px var(--pixel);border:2px solid #819bbe;background:#172741;color:var(--ui-paper);box-shadow:3px 3px #080c18}.dawn .result-encore:hover{background:#293c59}.dawn .result-exit{font:16px var(--pixel);background:none;border:0;color:#c5d3e8;margin-left:auto}
.dawn .result-build{margin-top:20px;background:#101a2abb;border:1px solid #5f77954d;border-block:2px solid #62728b66}.dawn .result-build summary{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;font:22px/1.2 var(--pixel);color:var(--ui-paper)}.dawn .result-build summary>span{font:12px var(--mono);margin-left:auto;color:#a9bdd7}.dawn .result-build summary:after{content:'+';font:26px var(--pixel);color:#ffe100}.dawn .result-build[open] summary:after{content:'−'}
.dawn .result-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 14px;max-height:220px;overflow:auto;scrollbar-color:#7186a3 #080c18}.dawn .result-item{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;background:#1c294080;border:1px solid #5a72994d}.dawn .result-item canvas{width:60px;height:40px;flex-shrink:0;image-rendering:pixelated}.dawn .result-item>span{min-width:0}.dawn .result-item b{display:block;font:19px/1.15 var(--pixel);color:#dce7f7;overflow-wrap:anywhere}.dawn .result-item small{display:block;font:12px/1.4 var(--mono);margin-top:6px;color:#a5bdd9}.dawn .result-inventory>p{grid-column:1/-1;font:16px/1.5 var(--font);color:#c1d0e5;margin:8px}.dawn .result-mission{font:14px/1.5 var(--mono);color:#bdd2ed;margin:18px 0}
/* Pause uses the same console, not an unrelated dialogue. */
.dawn .dawn-pause-panel .dawn-panel-inner{max-width:520px;padding:28px;border:2px solid #718aaa;border-top:5px solid #ffe100;background:#131c2deb;box-shadow:6px 6px #070b15;text-align:center}.dawn .dawn-pause-panel h2{font:64px/1 var(--pixel);color:var(--ui-paper);text-shadow:3px 3px #af4656;margin:16px 0}.dawn .dawn-panel-eyebrow{display:block;font:12px/1.5 var(--mono);color:#b4c9e5;letter-spacing:1px}.dawn .dawn-pause-panel .dawn-ready-actions{display:grid;gap:12px;margin-top:24px}.dawn .dawn-pause-panel .button{font:22px var(--pixel);border:2px solid #8ca2bf;padding:12px 18px;box-shadow:3px 3px #070b15;background:#25334b;color:var(--ui-paper)}.dawn .dawn-pause-panel .primary{background:#ffe100;color:#101421;border-color:#fff3a0}.dawn .dawn-pause-panel .text-button{font:16px var(--pixel);color:#c1d0e4}
/* Health is a fixed-size HUD glyph. Never reuse the site's .empty state. */
.dawn #dawnHearts{display:flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:280px;min-height:22px;margin-top:6px;letter-spacing:0}
.dawn #dawnHearts .pixel-heart{--heart-size:20px;display:block;box-sizing:border-box;flex:0 0 var(--heart-size);width:var(--heart-size);min-width:var(--heart-size);max-width:var(--heart-size);height:var(--heart-size);min-height:var(--heart-size);max-height:var(--heart-size);aspect-ratio:1;padding:0;margin:0;border:0;background:#ff6479;box-shadow:inset 0 4px #ffb7ae}
.dawn #dawnHearts .heart-lost{background:#35455f;box-shadow:inset 0 3px #647993}.dawn.critical-health .health-count{color:#ff97a8}.dawn .health-count{font:12px/1.3 var(--mono);margin:0 0 0 5px;color:#f0d9d6;white-space:nowrap}
/* Responsive compositions; reserve space instead of scaling text or artwork. */
@media(max-width:760px){
 .dawn .dawn-panel{padding:22px 18px}.dawn .fighter-select{grid-template-columns:minmax(0,1fr);gap:20px}.dawn .roster-bank{padding:12px}.dawn .fighter-roster button{min-height:108px}.dawn .fighter-roster canvas{width:48px;height:48px}.dawn .fighter-roster span{font-size:16px}.dawn .fighter-profile{padding:18px}.dawn .fighter-name h3{font-size:38px}.dawn .select-footer{gap:10px}.dawn .select-footer>span{font-size:12px}.dawn .health-count{font-size:12px}.dawn #dawnHearts{max-width:210px;gap:3px}.dawn #dawnHearts .pixel-heart{--heart-size:16px}
}
@media(max-width:680px){
 .dawn .select-heading,.dawn .power-heading,.dawn .result-heading{margin-bottom:20px;padding-bottom:18px}.dawn .select-heading h2,.dawn .power-heading h2{font-size:38px}.dawn .result-heading h2{font-size:52px}
 .dawn .power-menu .dawn-upgrades{grid-template-columns:minmax(0,1fr);gap:20px}.dawn .power-menu .power-card{grid-template-areas:'top top' 'art name' 'art copy' 'foot foot';grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;min-height:0;gap:0 16px;padding:14px 16px}.dawn .power-card .upgrade-top{margin-bottom:10px}.dawn .power-card .upgrade-icon{width:104px;height:auto;min-height:104px;padding:8px 0 12px;align-self:center;margin:0}.dawn .power-card .upgrade-icon canvas{width:102px;height:68px}.dawn .power-card>strong{font-size:28px;margin:6px 0 10px}.dawn .power-card>p{font-size:16px;margin-bottom:16px}.dawn .power-art-caption{font-size:12px}.dawn .power-card .upgrade-foot{padding-top:12px}.dawn .power-actions{gap:12px;margin-top:22px}.dawn .power-actions>span{order:3;flex-basis:100%}
 .dawn .evolution-path summary{font-size:18px}.dawn .evolution-path summary span{font-size:16px}.dawn .evolution-nodes{gap:26px 14px}.dawn .path-node{grid-template-columns:minmax(0,1fr);grid-template-areas:'icon' 'name' 'status' 'copy';gap:6px;padding:12px}.dawn .path-node.node-0,.dawn .path-node.node-3{width:75%}.dawn .path-node b{font-size:22px}.dawn .path-node canvas{justify-self:center}
 .dawn .result-main{grid-template-columns:minmax(0,1fr);gap:20px}.dawn .result-character{display:grid;grid-template-columns:126px minmax(0,1fr);grid-template-areas:'mon level' 'mon name' 'mon id' 'route route';align-items:center;text-align:left;padding:14px;gap:4px 12px}.dawn .result-character>canvas{grid-area:mon;width:126px;margin:0}.dawn .result-level{grid-area:level;font-size:20px;justify-self:start}.dawn .result-character h3{grid-area:name;font-size:29px;margin:0}.dawn .result-mon-id{grid-area:id;font-size:12px}.dawn .result-boss-route{grid-area:route;margin-top:12px;padding-top:12px;text-align:center}.dawn .result-boss-route span{display:flex;align-items:center;gap:5px}.dawn .result-boss-route b{margin:0;font-size:22px}.dawn .result-tally{padding:12px 10px 36px}.dawn .result-stat{gap:12px}.dawn .result-stat dt{font-size:18px}.dawn .result-stat dd{font-size:32px}.dawn .result-inventory{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px 10px;gap:6px}.dawn .result-item{padding:8px;gap:6px}.dawn .result-item canvas{width:42px;height:28px}.dawn .result-item b{font-size:17px}.dawn .result-actions{gap:12px}.dawn .result-play{flex:1;gap:24px}.dawn .result-exit{margin-left:0}
}
@media(max-width:380px){.dawn .dawn-panel{padding:20px 14px}.dawn .fighter-roster{gap:8px}.dawn .fighter-roster span{font-size:14px}.dawn .power-menu .power-card{grid-template-columns:82px minmax(0,1fr);gap:0 12px;padding:12px}.dawn .power-card .upgrade-icon{width:82px}.dawn .power-card .upgrade-icon canvas{width:81px;height:54px}.dawn .result-character{grid-template-columns:100px minmax(0,1fr)}.dawn .result-character>canvas{width:100px}.dawn .fighter-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:600px) and (min-width:681px){
 .dawn .dawn-panel{padding:18px 24px}.dawn .select-heading,.dawn .power-heading,.dawn .result-heading{margin-bottom:18px;padding-bottom:14px}.dawn .select-heading h2,.dawn .power-heading h2{font-size:36px;margin:7px 0 10px}.dawn .select-heading p{display:none}.dawn .fighter-select{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:20px}.dawn .fighter-roster button{min-height:100px}.dawn .fighter-roster canvas{width:48px;height:48px}.dawn .fighter-roster span{font-size:16px}.dawn .fighter-profile{padding:16px}.dawn .attack-demo canvas{max-height:130px}.dawn .fighter-name h3{font-size:34px}.dawn .power-menu .dawn-upgrades{gap:20px}.dawn .power-menu .power-card{grid-template-rows:auto 124px minmax(58px,auto) 1fr auto;min-height:0;padding:14px 16px}.dawn .power-card .upgrade-icon canvas{width:120px;height:80px}.dawn .power-card>strong{font-size:28px}.dawn .power-card>p{margin-bottom:18px}.dawn .result-heading h2{font-size:50px}.dawn .result-character>canvas{width:180px}.dawn .result-stat{min-height:44px}.dawn .result-stat dd{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.dawn .dawn-panel-inner,.dawn .power-menu .power-card,.dawn .power-card.power-focused .upgrade-foot>span:first-child:before{animation:none;transition:none}.dawn .deploy-mon:hover{transform:none}}
.no-motion .dawn .dawn-panel-inner,.no-motion .dawn .power-menu .power-card,.no-motion .dawn .power-card.power-focused .upgrade-foot>span:first-child:before{animation:none;transition:none}.no-motion .dawn .deploy-mon:hover{transform:none}

/* Three installed remixes are equipment, not another spreadsheet of ranks. */
.remix-rack{margin:22px auto 10px;max-width:860px;border-top:2px solid #68547e;padding-top:14px;text-align:left}
.remix-rack>div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.remix-rack b{font:700 18px 'Pixelify Sans',monospace;color:#f5d873}
.remix-rack>div>span{font:14px 'Space Grotesk',sans-serif;color:#bcb0c8}
.remix-rack ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:10px 0;list-style:none}
.remix-rack li{display:flex;align-items:center;gap:8px;min-height:65px;border:2px solid #887399;background:#140d20b8;padding:8px;color:#fff0d6;font:16px 'Pixelify Sans',monospace}
.remix-rack canvas{width:72px;height:48px;image-rendering:pixelated;flex:none}
.remix-rack .remix-free{border-style:dashed;border-color:#493854;color:#8f819a;justify-content:center}
.power-card.remix-card{border-color:#dba9ed;box-shadow:inset 0 3px #765496,5px 5px #090712}
#dawnBoss>div{position:relative}
@media(max-width:620px){.remix-rack canvas{width:48px;height:32px}.remix-rack li{flex-direction:column;text-align:center;font-size:14px;padding:6px}.remix-rack>div>span{max-width:170px;text-align:right}}

.boss-phase-mark{position:absolute;top:-2px;bottom:-2px;width:2px;background:#e9d9c5;opacity:.75}#dawnBoss>div{height:9px}

/* Reopenable controls: compact game manual, using the same single menu layer. */
.dawn .dawn-help-panel .dawn-panel-inner{max-width:760px;padding:26px;background:#121c2eee;border:2px solid #718aaa;border-top:5px solid #ffe100;box-shadow:6px 6px #070b15;text-align:left}
.dawn .help-kicker{font:12px/1.4 var(--mono);letter-spacing:1px;color:#a8c4e6}
.dawn .controls-guide h2{font:clamp(30px,4.5vw,48px)/1.1 var(--pixel);letter-spacing:0;color:#fff0cf;margin:8px 0;text-shadow:2px 3px #734b34}
.dawn .controls-guide header p{font:15px/1.5 var(--font);color:#c4d2e4;margin:0}
.dawn .help-inputs{display:flex;gap:4px;margin:20px 0 12px;flex-wrap:wrap}
.dawn .controls-guide button{min-height:44px;cursor:pointer;border-radius:0;padding:10px 14px;font:14px/1.3 var(--font);color:#dce8f8;background:#1b2b43;border:1px solid #637a98}
.dawn .help-inputs button[aria-pressed=true]{color:#0b1626;background:#d3e4ff;border-color:#f0f6ff;box-shadow:inset 0 -3px #8ea9cf}
.dawn .help-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dawn .help-lessons section{padding:14px 12px 16px;border:1px solid #536a875e;background:#0a1324a6;min-width:0}
.dawn .help-lessons h3{font:22px/1.2 var(--pixel);font-weight:400;color:#ffdf86;margin:12px 0 6px}
.dawn .help-lessons p{font:14px/1.5 var(--font);color:#c3d2e8;margin:0}.dawn .controls-guide b{color:#f2f5ff;font-weight:600}
.dawn .help-demo{height:90px;display:flex;justify-content:center;align-items:center}
.dawn .controls-guide kbd{display:inline-flex;justify-content:center;align-items:center;font:600 17px/1 var(--mono);background:#d8e6f8;color:#0c192b;border:2px solid #f7faff;border-bottom:5px solid #8198b6;box-shadow:2px 3px #060c16;min-width:34px;height:34px;padding:4px;box-sizing:border-box;border-radius:3px}
.dawn .help-wasd{display:grid;grid-template-columns:repeat(3,34px);gap:5px}.dawn .help-wasd kbd:first-child{grid-column:2}.dawn .help-wasd kbd:nth-child(2){grid-column:1}
.dawn .help-demo>kbd{width:110px;height:40px;font-size:14px}.dawn .controls-guide kbd.held{transform:translateY(3px);background:#ffe100;border-color:#ffed91;border-bottom-width:2px;box-shadow:1px 1px #060c16}
.dawn .help-auto{font:18px/1 var(--pixel);letter-spacing:2px;color:#b9edff;display:flex;align-items:center;gap:9px}.dawn .help-auto i{display:grid;place-items:center;font:32px/1 var(--pixel);font-style:normal;border:2px dashed #b9edff;width:42px;height:42px;border-radius:50%}
.dawn .help-stick{display:block;width:62px;height:62px;position:relative;border:2px solid #b9d0ee;border-radius:50%;background:#2b416066}.dawn .help-stick i{position:absolute;width:24px;height:24px;top:10px;right:9px;background:#b9d0ee;border:2px solid #f1f6ff;border-radius:4px;box-shadow:3px 3px #060c16}
.dawn .help-dash{padding:14px;border:2px solid #cfe5ff;box-shadow:3px 3px #050e20;font:22px var(--pixel);color:#cfe5ff;background:#284367}
.dawn .help-field-tip{display:flex;gap:14px;align-items:center;margin:16px 0 0;padding:12px;background:#1c332a66;border:1px solid #82cda33d}.dawn .help-field-tip p,.dawn .help-safe-tip{font:14px/1.5 var(--font);color:#c5d5e9;margin:0}.dawn .help-safe-tip{padding:10px 0}
.dawn .help-xp{flex:0 0 12px;height:12px;border-radius:50%;background:#cfff83;box-shadow:inset -3px -3px #74c054,0 0 8px #a2ef5370;border:1px solid #dcffa4}
.dawn .help-settings{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}.dawn .help-settings button{background:transparent;border-color:#637a9880;font-size:13px;padding:8px 12px}.dawn .help-settings button[aria-pressed=true]{color:#b9edff;border-color:#91bfde}
.dawn .help-actions{display:flex;flex-wrap:wrap;gap:12px}.dawn .help-actions .help-primary{font:22px/1.2 var(--pixel);color:#101421;background:#ffe100;border:2px solid #fff3a0;border-bottom:4px solid #b46b26;box-shadow:3px 3px #080c18}.dawn .help-actions .help-primary:hover{background:#fff29b}.dawn .controls-guide button:hover{border-color:#fff0cf}
.dawn .help-small{font:12px/1.6 var(--font);color:#a9bad3;margin:18px 0 0}.dawn .help-small kbd{font-size:11px;min-width:18px;height:19px;padding:2px 4px;border-width:1px;border-bottom-width:3px;box-shadow:none}
@media(max-width:540px){.dawn .dawn-help-panel .dawn-panel-inner{padding:18px 14px}.dawn .help-lessons{grid-template-columns:1fr;gap:8px}.dawn .help-lessons section{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;padding:10px}.dawn .help-demo{grid-row:1/3;height:82px}.dawn .help-lessons h3{margin:4px 0 0;align-self:end}.dawn .help-lessons p{font-size:13px}.dawn .help-actions{gap:8px}.dawn .help-inputs{margin-top:14px}}
@media(max-height:520px) and (min-width:541px){.dawn .dawn-help-panel{padding-top:14px;padding-bottom:14px}.dawn .dawn-help-panel .dawn-panel-inner{padding:18px}.dawn .help-demo{height:74px}.dawn .help-inputs{margin-top:12px}.dawn .help-small{margin-top:12px}}

/* Endless expedition: readable controls, original arcade typography. */
.expedition{margin:20px 0 4px;border-top:2px solid #344360;padding-top:16px;color:#ece9df}.run-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px}.run-mode button{padding:14px;background:#111a2c;color:#d7dded;border:2px solid #43516e;font-family:Silkscreen,monospace;text-align:left;cursor:pointer}.run-mode button[aria-pressed=true]{border-color:#ffe100;box-shadow:inset 4px 0 #ffe100;color:#ffe100}.run-mode small{display:block;font:13px/1.5 system-ui,sans-serif;color:#c0c8db;margin-top:5px}.support-picks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.support-picks>div{grid-column:1/-1}.support-picks b{font-family:Silkscreen,monospace}.support-picks p,.team-note,.endless-scores p{font:16px/1.6 system-ui,sans-serif;color:#b9c4d8;margin:6px 0}.support-picks label{font:14px Silkscreen,monospace}.support-picks select{display:block;width:100%;min-height:44px;margin-top:7px;padding:8px;background:#18243b;color:#fff9e8;border:1px solid #68748e;font:14px system-ui,sans-serif}.endless-scores{margin-top:15px;border-top:1px solid #43516e;padding-top:12px}.endless-scores summary{cursor:pointer;font:13px Silkscreen,monospace;min-height:36px}.endless-scores summary span{display:inline-block;font:11px system-ui,sans-serif;color:#9daac4;margin-left:8px}.score-scroll{overflow-x:auto}.endless-scores table{width:100%;border-collapse:collapse;font:14px/1.6 system-ui,sans-serif;font-variant-numeric:tabular-nums}.endless-scores th,.endless-scores td{text-align:left;padding:8px;border-bottom:1px solid #344360;white-space:nowrap}.endless-scores th{font-size:11px;color:#aebdd4}.endless-scores tr:first-child td{color:#ffe100}.expedition button:focus-visible,.support-picks select:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:520px){.support-picks{grid-template-columns:1fr}.run-mode button{padding:10px;font-size:12px}}

.run-mode{margin-bottom:16px}.expedition>.deploy-mon{margin-top:18px;width:100%}.fighter-roster .mastery-stamp{font:12px/1.4 Silkscreen,monospace;color:#ffe100;display:block;font-style:normal;letter-spacing:0}

.share-score{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:12px 0}.share-score label{font:12px Silkscreen,monospace}.share-score input{display:block;margin-top:6px;padding:8px;width:90px;min-height:44px;border:2px solid #6d81a6;background:#111a2c;color:#ffe100;font:22px Silkscreen,monospace;text-transform:uppercase}.share-score p{flex-basis:100%}.community-board{margin-bottom:16px}