@charset "UTF-8";
/* Character themes are drawn with CSS; the supplied artwork remains untouched. */
.battle-scene{--sky:linear-gradient(#091627,#142838 55%,#080f19);--glow:radial-gradient(ellipse at 28% 42%,#74a7df44,transparent 55%);--far:linear-gradient(#20364b,#101928);--near:linear-gradient(#152433,#07111c);--floor:linear-gradient(#142632,#050c16);--particle:#a9deff;--particle-glow:#479edc;background:var(--sky)}
.battle-scene .battle-glow{inset:0;background:var(--glow);filter:blur(12px)}
.battle-scene .ridge-far{background:var(--far);z-index:2}.battle-scene .ridge-near{background:var(--near);z-index:2}.battle-scene .battle-ground{background:var(--floor);box-shadow:none;z-index:3}
.battle-scene .battle-embers i{background:var(--particle);box-shadow:0 0 8px var(--particle-glow)}
.arena-motif,.arena-detail{position:absolute;pointer-events:none}.arena-motif{inset:9% 12% 25% 5%;z-index:1}.arena-detail{inset:0;z-index:3}
.arena-motif:before,.arena-motif:after,.arena-detail:before,.arena-detail:after{position:absolute;content:""}
#arena-name{color:#dceaf1;letter-spacing:2px;text-shadow:0 2px 8px #000}
.vs-stage>.vs-arena-left,.vs-stage>.vs-arena-right{width:55%;z-index:-2}.vs-arena-left{right:auto;clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}.vs-arena-right{left:auto;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
.vs-stage>.battle-scene:after{background:linear-gradient(180deg,#03071144,transparent 28%,#03050c88)}.vs-stage>.battle-scene .arena-motif{inset:10% -8% 26%}.vs-stage>.battle-scene .arena-detail{opacity:.65}

/* Gin: cold blue water lines and a precise white slash. */
[data-theme="gin"]{--sky:linear-gradient(155deg,#020711,#0b2140 52%,#07101d);--glow:radial-gradient(ellipse at 24% 42%,#4c9fff66,transparent 52%);--far:#142d4b;--near:#07172b;--floor:linear-gradient(#102b48,#030811);--particle:#bfe6ff;--particle-glow:#3a91ff}
[data-theme="gin"] .arena-motif{background:repeating-linear-gradient(167deg,transparent 0 36px,#6fb9ff38 37px 39px,transparent 40px 70px);transform:skewX(-13deg)}
[data-theme="gin"] .arena-detail{background:linear-gradient(116deg,transparent 39%,#ecf8ffb8 39.4%,#6db5ff88 40%,transparent 40.8%)}

/* Sono: violet rhythm rings and offset light blocks. */
[data-theme="sono"],[data-theme="sono-suit"]{--sky:linear-gradient(145deg,#100c20,#32245e 55%,#100b19);--glow:radial-gradient(circle at 30% 40%,#c9a8ff66,transparent 50%);--far:#3a3161;--near:#17112d;--floor:linear-gradient(#2b2451,#090713);--particle:#e6d8ff;--particle-glow:#a983ff}
[data-theme="sono"] .arena-motif,[data-theme="sono-suit"] .arena-motif{border:2px solid #ddcaff77;border-radius:50%;box-shadow:0 0 0 32px #9b7cff18,0 0 0 67px #d9c6ff10;animation:arena-pulse 4s ease-in-out infinite}
[data-theme="sono"] .arena-detail,[data-theme="sono-suit"] .arena-detail{background:repeating-linear-gradient(120deg,transparent 0 11%,#bca0ff17 11.3% 12%,transparent 12.3% 22%)}

/* Mitsu: honey gold, hexagons and a warm spotlight. */
[data-theme="mitsu"],[data-theme="mitsu-suit"]{--sky:linear-gradient(155deg,#151006,#4a3414 58%,#130e05);--glow:radial-gradient(circle at 30% 40%,#ffd86f88,transparent 49%);--far:#624823;--near:#2a1b08;--floor:linear-gradient(#4a3212,#100b04);--particle:#ffe5a0;--particle-glow:#ffbd35}
[data-theme="mitsu"] .arena-motif,[data-theme="mitsu-suit"] .arena-motif{background:repeating-linear-gradient(30deg,#ffd66e18 0 2px,transparent 2px 42px),repeating-linear-gradient(150deg,#ffd66e18 0 2px,transparent 2px 42px);clip-path:polygon(0 10%,85% 0,100% 85%,12% 100%)}
[data-theme="mitsu"] .arena-detail,[data-theme="mitsu-suit"] .arena-detail{background:radial-gradient(circle at 22% 36%,#fff3bd8c 0 1.2%,transparent 1.5%),radial-gradient(circle at 36% 23%,#ffd96c80 0 1%,transparent 1.3%)}
[data-theme="mitsu-pop"]{--sky:linear-gradient(145deg,#1b1123,#5b3554 54%,#251a16);--glow:radial-gradient(circle at 30% 38%,#ffe48b88,transparent 48%);--far:#6a4e45;--near:#2e2029;--floor:linear-gradient(120deg,#5b3d39,#160d17);--particle:#fff0b8;--particle-glow:#ffcf60}
[data-theme="mitsu-pop"] .arena-motif{background:repeating-radial-gradient(circle at 30% 40%,#ffdb7080 0 1.5%,transparent 1.8% 9%),repeating-linear-gradient(135deg,transparent 0 38px,#f8a6da20 39px 42px,transparent 43px 76px);clip-path:polygon(0 8%,89% 0,100% 90%,8% 100%)}
[data-theme="mitsu-pop"] .arena-detail{background:radial-gradient(circle at 18% 25%,#fff7c499 0 1.8%,transparent 2.2%),radial-gradient(circle at 42% 34%,#ffb9e880 0 2.4%,transparent 2.8%)}

/* Zen: restrained green-gray panels and calm concentric arcs. */
[data-theme="zen"],[data-theme="zen-butler"]{--sky:linear-gradient(155deg,#07110e,#1e3932 58%,#070d0c);--glow:radial-gradient(circle at 30% 42%,#a9c9bb55,transparent 52%);--far:#334d45;--near:#13251f;--floor:linear-gradient(#243b34,#070e0c);--particle:#d8eee4;--particle-glow:#78af9a}
[data-theme="zen"] .arena-motif,[data-theme="zen-butler"] .arena-motif{border:1px solid #c8e3d655;border-radius:50%;box-shadow:0 0 0 43px #8bb8a418,0 0 0 86px #b8d5c712}
[data-theme="zen"] .arena-detail,[data-theme="zen-butler"] .arena-detail{background:linear-gradient(90deg,transparent 18%,#d5e9df20 18.2%,transparent 18.5%),linear-gradient(0deg,transparent 67%,#d5e9df18 67.2%,transparent 67.5%)}

/* Costume variants retain their character identity and add a distinct accent. */
[data-theme="gin-police"]{--sky:linear-gradient(155deg,#020711,#173b68 55%,#070d17);--glow:radial-gradient(ellipse at 28% 42%,#6faeff77,transparent 52%);--far:#244d77;--near:#0b2038;--floor:linear-gradient(#183d63,#040912);--particle:#d8ecff;--particle-glow:#6faeff}
[data-theme="gin-police"] .arena-detail{background:repeating-linear-gradient(135deg,transparent 0 70px,#7bb8ff20 71px 74px,transparent 75px 140px)}
[data-theme="gin-junior"]{--sky:linear-gradient(155deg,#1b070c,#5d1d29 58%,#14060a);--glow:radial-gradient(circle at 28% 40%,#ff778477,transparent 50%);--far:#73303b;--near:#301018;--floor:linear-gradient(#52202b,#12050a);--particle:#ffc5ca;--particle-glow:#ee626e}
[data-theme="gin-junior"] .arena-detail{background:linear-gradient(118deg,transparent 41%,#fff1f2a8 41.4%,#ee626e77 42%,transparent 42.8%)}
[data-theme="gin-pop"],[data-theme="sono-pop"]{--sky:linear-gradient(145deg,#101227,#3c275c 52%,#0b1721);--glow:radial-gradient(circle at 28% 40%,#ff9fdd88,transparent 48%);--far:#594778;--near:#201735;--floor:linear-gradient(120deg,#213d53,#21142f);--particle:#c8fff3;--particle-glow:#ef9bd9}
[data-theme="gin-pop"] .arena-detail,[data-theme="sono-pop"] .arena-detail{background:radial-gradient(circle at 15% 25%,#91dfce88 0 2%,transparent 2.3%),radial-gradient(circle at 37% 34%,#ef9bd988 0 3%,transparent 3.3%),repeating-linear-gradient(135deg,transparent 0 54px,#9ef1e31d 55px 58px,transparent 59px 108px)}

@keyframes arena-pulse{50%{transform:scale(1.06) rotate(7deg);opacity:.72}}
@media(max-width:760px),(max-height:520px) and (pointer:coarse){.shell>.battle-scene .arena-motif{inset:9% 14% 48% 3%}.shell>.battle-scene:after{background:linear-gradient(180deg,#03071155,transparent 20%,#03050c77 65%)}.battle-scene .arena-detail{opacity:.55}.vs-stage>.battle-scene .arena-motif{inset:15% -20% 32%}.battle-scene .battle-embers i:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.battle-scene .arena-motif,.battle-scene .arena-detail,.battle-scene .battle-embers i{animation:none!important}}