/* Quiet chrome lets the fighters and the arena carry the visual identity. */
.setup-screen.active{background:linear-gradient(160deg,#12202ef8,#0b121dfc);border-color:#51637455}
.setup-scroll .match-panel{background:linear-gradient(145deg,#192a39,#131f2c);box-shadow:0 20px 45px #0003}
.monster-grid button{position:relative;overflow:hidden;background:linear-gradient(160deg,#182531,#0c151f);border:1px solid #829caa35;box-shadow:0 6px 16px #0002;transition:transform .18s,border-color .18s}
.monster-grid button:hover{transform:translateY(-3px);border-color:var(--monster-color)}
.monster-grid button[aria-pressed=true]{border-color:var(--monster-color);box-shadow:0 0 0 1px var(--monster-color),0 8px 24px #0004}
.monster-grid canvas{display:block;width:100%;max-width:none;aspect-ratio:1;height:auto;object-fit:cover;border-radius:9px;mask-image:linear-gradient(#000 78%,#000b)}
.monster-grid button strong{margin-top:6px;color:#eef6fa}.monster-grid button small{line-height:1.55;color:#a8bfce;min-height:3.2em}.boss-phase-note{font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:var(--monster-color);display:block;margin-top:5px}
.selected-boss canvas{border-radius:10px;box-shadow:0 6px 16px #0004}.selected-boss{gap:14px}.boss-panel{overflow:hidden}
.render-notice{position:absolute;inset:5px 12px auto;text-align:center;color:#a8c4d5;font-size:11px;z-index:3;pointer-events:none}
.battle-screen #game-canvas{filter:drop-shadow(0 14px 32px #0005)}
@media(max-width:480px){.monster-grid{gap:9px}.monster-grid button{padding:8px}.monster-grid button small{font-size:10px}.selected-boss canvas{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.monster-grid button{transition:none}.monster-grid button:hover{transform:none}}

/* Battle setup: one roster, one style selector, secondary tools on demand. */
.setup-screen.active{max-width:940px;background:#101925;border-color:#344454}
.setup-header .brand-mark{width:42px;height:42px}.setup-header h2{font-size:22px}
.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;margin:8px 0 14px;flex:none}
.account-row .creator-usage-entry{flex:1;min-width:0;min-height:32px;padding:4px 0!important;border:0;background:none;margin:0;font-size:12px}
.account-row #creator-quota{font-size:12px;color:#aec3ce}
.account-menu{position:relative;flex:none}
.account-menu>summary{cursor:pointer;font-size:12px;color:#d6e5ed;padding:10px 13px;min-height:42px;border:1px solid #3b4c5f;border-radius:9px;background:#172434}
.account-menu[open]>summary{border-color:#80d5d9}
.account-menu .studio-account-nav{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;align-items:stretch;width:min(270px,80vw);padding:10px;margin:0;border:1px solid #415569;border-radius:12px;background:#112030;box-shadow:0 12px 28px #0006}
.account-menu .studio-account-nav #signed-account{flex:none;font-size:12px;white-space:nowrap;padding:7px 4px}
.account-menu .studio-account-nav a,.account-menu .studio-account-nav button{font-size:13px;min-height:44px;text-align:start}
.setup-scroll .match-panel{background:#152130;box-shadow:none;border:1px solid #354657;border-radius:14px;gap:18px}
.setup-scroll .mode-options{background:#0d1723;border:1px solid #344556;padding:4px;border-radius:11px;gap:4px}
.setup-scroll .mode-options button{border:0;border-radius:7px;box-shadow:none;min-height:44px;background:transparent;font-size:13px}
.setup-scroll .mode-options button[aria-pressed=true]{box-shadow:none}
.appearance-field{display:grid;grid-template-columns:1fr minmax(140px,1.3fr);align-items:center;gap:16px;margin:0}
.appearance-field>span{font-size:13px;color:#c3d4df}.appearance-field select{width:100%;font-size:14px;min-height:44px;background:#101c2a;border-color:#3b4e61}
.setup-scroll .players-section .section-row{padding-top:2px;margin-bottom:12px}.setup-scroll #count-note{font-size:11px;color:#96acbc}
.setup-scroll .team-board.solo-board{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:stretch}
.setup-scroll .team-board.solo-board:has(>.fighter-tile:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
.setup-scroll .team-board.solo-board:has(>.fighter-tile:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.setup-scroll .fighter-tile{aspect-ratio:auto;min-height:110px;padding:10px 7px;background:#1b2a3b;border:1px solid #35485c;border-radius:10px;box-shadow:none;gap:6px}
.setup-scroll .fighter-tile:hover{transform:none;border-color:#7fbbc7;background:#22374b}
.setup-scroll .fighter-tile canvas{width:68px;height:68px}.setup-scroll .fighter-tile>span{font-size:12px;min-height:15px;line-height:1.4}.setup-scroll .fighter-tile>small{font-size:12px;inset-block-start:8px;inset-inline-end:8px}
.setup-scroll .team-panel,.setup-scroll .boss-panel{background:#152231;box-shadow:none;border-color:#3c4d60}
.setup-scroll .team-divider{animation:none;background:none;border:0;padding:0;color:#98b2c4}
.selected-boss>canvas{width:76px;height:76px;animation:none;box-shadow:none}.selected-boss small{font-size:12px;color:#acd8e0}
.compact-presets,.advanced-panel,.creator-ad-panel{border:1px solid #33475a;border-radius:11px;background:#132030;padding:13px 14px;margin:12px 0 0;box-shadow:none}
.compact-presets>summary,.advanced-panel>summary,.creator-ad-panel>summary{min-height:24px;font-size:13px;font-weight:650;color:#bdcfdd;cursor:pointer}
.compact-presets .creator-viral-line{font-size:12px;font-weight:500;margin:10px 0 0}.studio-advanced .output-panel{background:none;border:0;padding-inline:0}
.setup-screen .setup-footer{border-top-color:#344556;padding-top:12px}.setup-footer #setup-status:empty{display:none}
.setup-screen .launch-actions button{box-shadow:none;border-radius:10px;font-weight:750}
@media(max-width:520px){.setup-scroll .team-board.solo-board{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-scroll .fighter-tile{min-height:103px;padding:8px 4px}.setup-scroll .fighter-tile canvas{width:62px;height:62px}.setup-scroll .fighter-tile>span{font-size:11px}.appearance-field{grid-template-columns:1fr 1.6fr;gap:9px}.account-row{gap:8px}.account-row #creator-guide-link{font-size:11px;margin-inline:8px 0}.account-row .creator-usage-entry{flex-wrap:wrap;row-gap:5px}.selected-boss canvas{width:76px;height:76px}}

/* Boss selection keeps all five moves legible without adding main-screen controls. */
.boss-power-list{margin:9px 0 5px;padding-inline-start:20px;text-align:start;color:#c8d6e4;font-size:12px;line-height:1.7;font-weight:500}
.monster-grid [data-monster]{align-content:start;gap:3px}.monster-grid [data-monster] canvas{width:150px;height:150px;max-width:100%;margin:auto}.monster-grid .boss-phase-note{font-size:10px;color:#e7d5a7;font-style:normal;line-height:1.5}