/* Mode summaries, streamer labels and cosmetic floor glows. */
.topbar{grid-template-columns:auto minmax(0,1fr) auto}
.topbar nav{align-items:center}
.menu-button{white-space:nowrap;background:#694a35}
.mode-card{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:14px;row-gap:5px;text-align:center;min-height:101px;padding:12px}
.mode-card strong{font-size:24px;margin:0}
.mode-card>span.mode-emoji{position:static;display:inline-block;font-size:30px;line-height:1.15;max-width:none;opacity:1;color:inherit}
.mode-card .mode-core{grid-column:1/-1;max-width:100%;font-size:14px;line-height:1.45;color:#f1d8b1;margin:0}
.setup-form{justify-content:flex-start;overflow-y:auto;scrollbar-width:thin;padding-right:2px}
.setup-intro .intro{display:none}
.streamer-label{position:absolute;right:10px;top:9px;z-index:3;max-width:calc(100% - 96px);padding:6px 10px;font-size:16px;font-weight:700;line-height:1.4;color:#ffe4a5;text-align:right;overflow-wrap:anywhere;box-shadow:inset 0 2px #c58d4c70,0 3px #101b2d55}
.mode-card[aria-pressed=true]{box-shadow:inset 0 0 0 2px #ffe1a0,inset 0 3px #fff1c377}
.fighter-reaction{z-index:1}
.fighter-shadow{z-index:0}
.mode-aura{--aura-rgb:255,57,70;position:absolute;z-index:0;left:9%;right:9%;bottom:-3%;height:15%;min-height:17px;border:3px solid rgb(var(--aura-rgb));border-radius:50%;background:radial-gradient(ellipse,rgba(var(--aura-rgb),.18) 30%,rgba(var(--aura-rgb),.5) 68%,transparent 74%);box-shadow:0 0 10px rgba(var(--aura-rgb),.9),inset 0 0 9px rgba(var(--aura-rgb),.65);pointer-events:none;animation:mode-aura-pulse 2s steps(4,end) infinite}
.mode-aura:after{content:"";position:absolute;inset:21% 13%;border:2px solid rgba(var(--aura-rgb),.7);border-radius:50%}
.aura-red{--aura-rgb:255,57,70}.aura-purple{--aura-rgb:191,87,255}.aura-gold{--aura-rgb:255,210,58}
@keyframes mode-aura-pulse{0%,100%{opacity:.75;scale:.97 1}50%{opacity:1;scale:1.04 1.08}}
.game[data-paused=true] .mode-aura{animation-play-state:paused}
.menu-aura{position:absolute;inset:20px 20% 40px;pointer-events:none;z-index:0}
.mascot-hero{z-index:1}.mascot-nameplate{z-index:2}
.menu-aura .mode-aura{bottom:4%;height:10%;left:0;right:0}
.fighter-name>span{overflow-wrap:anywhere;line-height:1.3}
.opponent-card h2{overflow-wrap:anywhere;line-height:1.35}
.end-name{font-size:22px;color:#f6d89c}
.volume-control{display:flex;align-items:center;gap:12px;max-width:58%}
.volume-control input{width:180px;max-width:72%;cursor:pointer}.volume-control output{font-size:15px;width:43px;text-align:right}
.music-status{color:#c4ae84;margin:9px 0 2px}
.settings-row input[type=checkbox]{width:22px;height:22px;cursor:pointer}
@media(max-height:600px) and (min-width:620px){
  .setup-intro{display:none}
  .mode-card{min-height:73px;padding:5px 8px;column-gap:12px;row-gap:3px}.mode-card strong{font-size:19px}.mode-card>span.mode-emoji{font-size:23px}.mode-card .mode-core{font-size:12px;line-height:1.35}
  .streamer-label{top:5px;right:5px;font-size:12px;padding:4px 6px;max-width:calc(100% - 72px)}
  .brand{font-size:16px}.brand small{font-size:8px}.setup-form{gap:4px;padding-bottom:2px}.setup-form>div{flex-shrink:0}.start-row{position:static;padding:0;flex-shrink:0}.local-note{display:none}
  .menu-aura{inset:6px 25% 28px}.topbar nav{gap:5px}.menu-button{padding:5px 8px;font-size:12px}
  .fighter-name{font-size:14px}.fighter-name>span{max-width:70%}.fighter-name small{flex-shrink:0}
  .opponent-card h2{font-size:18px}.end-name{font-size:17px}.volume-control input{width:150px}
  .mode-aura{border-width:2px;min-height:12px}.mode-aura:after{border-width:1px}
}
@media(max-width:619px){
  .topbar{grid-template-columns:1fr auto;gap:4px;padding:6px}.brand{font-size:14px}.brand small{font-size:7px}
  .topbar nav{gap:3px}.topbar .small-button{font-size:11px;min-width:28px;padding:5px}
  .mode-card{min-height:95px;column-gap:12px;row-gap:5px}.mode-card strong{font-size:21px}.mode-card>span.mode-emoji{font-size:27px}.mode-card .mode-core{font-size:13px;line-height:1.45}
  .streamer-label{font-size:12px;max-width:calc(100% - 12px);right:5px;top:5px;padding:4px 6px}.mascot-stage .cosmetic-label{display:none}.setup-form{overflow:visible}
  .menu-aura{inset:20px 10% 50px}.fighter-name>span{font-size:13px}.end-name{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.mode-aura{animation:none}}