.battle-page{--versus-ink:#111b22;--versus-gold:#dba95c;--versus-jade:#76d4b5}
.battle-builder-intro{padding:28px 0 22px;border-bottom:1px solid #c8baa3}.battle-builder-intro h2{font-size:clamp(30px,4vw,50px)}
.battle-presets{display:flex;gap:8px;flex-wrap:wrap;max-width:470px}.battle-presets button{border:1px solid #b8aa90;background:#f3ede2;border-radius:3px;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.battle-presets button:hover{background:#202c30;color:#fff;border-color:#202c30}
.battle-team{background:linear-gradient(140deg,#17272a,#0c151d)!important;color:#f2ece2;border:1px solid #5b897a!important;box-shadow:0 12px 32px #172b2915}.battle-team.team-1{background:linear-gradient(140deg,#29231b,#10191d)!important;border-color:#ac8649!important}
.battle-team-head{padding-bottom:18px;border-bottom:1px solid #ffffff20}.battle-team-head .eyebrow{color:#97e0c8}.team-1 .battle-team-head .eyebrow{color:#e0ba7d}.battle-team-head b{color:#c9c9c3}
.battle-slot{background:#ffffff05!important;border-color:#ffffff18!important;align-items:start}.battle-slot-main p,.battle-slot-main details p,.battle-role-label,.battle-bonds,.battle-reserves p{color:#c5c9c5!important}.battle-slot-main details{font-size:12px}.battle-slot-main details a{color:#e6bd7b}.battle-slot-actions button{color:#ece7dc;background:#ffffff08;border-color:#ffffff24}
.fighter-slot-name{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;border-bottom:1px solid #ffffff24;background:transparent;text-align:left;color:#fff6e9;padding:5px 0 11px;font:inherit;font-weight:700;font-size:19px;cursor:pointer}.fighter-slot-name span{color:#92d9bd;font-size:16px}.team-1 .fighter-slot-name span{color:#dbae68}.fighter-slot-name:hover{color:#f5c87d}.battle-add{color:#caeedd!important;border-color:#7ac6a05c!important;background:#8bddab0b!important;padding:15px!important}.team-1 .battle-add{color:#f2c98d!important;border-color:#dbad5f66!important;background:#dbad5f0c!important}
.battle-reserves{border-top:1px solid #ffffff24}.battle-reserves summary{color:#e6e6d9}.battle-roster-library{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 28px;padding:18px 22px;border:1px solid #c5b18a;background:#e8e0d2}.battle-roster-library p{margin:0;color:#574e40;font-size:13px}
.battle-raid-banner{margin:22px 0!important;min-height:0!important;padding:22px!important}.battle-raid-banner>span{display:none}.battle-raid-banner h2{font-size:26px}.battle-raid-banner .battle-choice-buttons{margin:15px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.battle-choice-native{display:none!important}
.battle-choice-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;max-width:100%}.battle-choice-buttons button{appearance:none;border:1px solid #b9ad97;border-radius:3px;padding:9px 10px;min-height:38px;background:#f5f0e6;color:#363f39;font:inherit;font-size:11px;font-weight:600;line-height:1.4;cursor:pointer;flex:1 1 88px;max-width:100%;overflow-wrap:anywhere;transition:background .15s,border-color .15s,transform .15s}.battle-choice-buttons button[aria-pressed=true]{background:#1c3230;color:#f4e5c7;border-color:#406d5b;box-shadow:inset 0 -2px #b68b43}.battle-choice-buttons button:hover{border-color:#6d8171;transform:translateY(-1px)}.battle-choice-buttons button:disabled{opacity:.4;cursor:default}.battle-controls label{min-width:180px;flex:1 1 200px}.battle-controls .battle-choice-buttons button{flex-basis:60px;background:#19272d;color:#d4ded7;border-color:#43584f}.battle-controls .battle-choice-buttons button[aria-pressed=true]{background:#3d5d52;color:#fff}
.battle-map-panel .battle-choice-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.battle-fields{gap:22px!important}.battle-field{display:block}.battle-setup{gap:28px!important}.battle-launch{padding:22px!important;background:linear-gradient(110deg,#122b27,#16232b);color:#e4efdf;border:1px solid #678270;box-shadow:0 12px 24px #142a2215}.battle-launch strong{font-size:32px;color:#e6c389}.battle-launch span{color:#b5c7b9}
.battle-picker{box-sizing:border-box;width:min(1180px,96vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #81714d;border-radius:8px;background:#101920;color:#eee9dd;box-shadow:0 30px 100px #0009;overflow:auto}.battle-picker::backdrop{background:#040c13cc;backdrop-filter:blur(8px)}.battle-picker>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;border-bottom:1px solid #ffffff18;background:linear-gradient(120deg,#293936,#18232b)}.battle-picker header h2{font-size:clamp(23px,3vw,38px);color:#eee5d2;margin:5px 0}.battle-picker header p{color:#d7ac65}.picker-close{flex:none;width:40px;height:40px;font-size:26px;background:#ffffff08;color:#f3ead7;border:1px solid #ffffff30;border-radius:50%;cursor:pointer}
.fighter-picker-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.fighter-roster{padding:24px;min-width:0}.roster-search{display:block;color:#aabaaf;font:600 11px/1.4 sans-serif;letter-spacing:.06em;text-transform:uppercase}.roster-search input{box-sizing:border-box;display:block;margin-top:8px;width:100%;font:16px/1.4 inherit;background:#070f16;border:1px solid #52685d;border-radius:4px;color:#f3eedf;padding:13px 15px}.roster-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.roster-tabs button{border:1px solid #42554d;background:#19292b;color:#c7d5cb;padding:9px 12px;border-radius:3px;font:600 11px/1.4 sans-serif;cursor:pointer;text-transform:capitalize}.roster-tabs button[aria-pressed=true]{background:#d9b574;color:#162423;border-color:#d9b574}
.fighter-roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:54dvh;overflow:auto;padding:3px 5px 8px 0;scrollbar-color:#6b7865 #121d22}.fighter-roster-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;border:1px solid #ffffff18;padding:14px 5px;background:linear-gradient(160deg,hsl(var(--fighter-hue) 25% 17%),#10181f);color:#e0e3d6;border-radius:4px;font:inherit;cursor:pointer}.fighter-roster-tile>span{width:50px;height:50px;display:grid;place-items:center;font-size:17px;font-weight:800;border:1px solid hsl(var(--fighter-hue) 55% 49%);box-shadow:inset 0 0 20px hsl(var(--fighter-hue) 60% 55% / .12);color:hsl(var(--fighter-hue) 65% 76%)}.fighter-roster-tile b{font-size:11px;line-height:1.35;text-align:center;min-height:28px}.fighter-roster-tile small{font-size:9px;color:#9faea3}.fighter-roster-tile.selected{border-color:#e5b76d;box-shadow:0 0 0 2px #e5b76d66;background:linear-gradient(140deg,#514032,#1a262b)}.fighter-roster-tile:disabled{opacity:.32;cursor:default}.fighter-roster-tile:hover:not(:disabled){border-color:#d8bd80;transform:translateY(-2px)}.roster-empty{grid-column:1/-1;color:#bdc3b7;padding:30px}
.fighter-selection-preview{padding:24px 28px;background:radial-gradient(ellipse at 50% 20%,#355b4c50,transparent 65%),#0a131a;border-left:1px solid #ffffff12;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.fighter-rev h3{font-size:clamp(23px,3vw,37px);color:#eaddc4;margin:9px 0 12px}.fighter-rev .eyebrow{font-size:9px;color:#c8af7c}.fighter-rev>p:not(.eyebrow){color:#bacfc4;font-size:12px;line-height:1.5}.fighter-rev>small{display:block;color:#a1afa5;font-size:11px;line-height:1.6;margin:14px 0}.fighter-rev q{display:block;font-size:19px;line-height:1.5;font-style:italic;color:#f4d3a0;min-height:60px}.fighter-rev-stage{position:relative;height:215px;display:grid;place-items:center;overflow:hidden}.fighter-rev-stage svg{position:absolute;width:210px;height:210px;opacity:.6;color:hsl(var(--fighter-hue) 70% 60%);filter:drop-shadow(0 0 14px currentColor);animation:rev-sigil 1.4s both}.fighter-rev-stage .fighter-rev-square{position:relative;display:grid;place-items:center;width:80px;height:80px;font-size:27px;font-weight:800;color:#f8ecd7;background:#111f24;border:1px solid hsl(var(--fighter-hue) 70% 75%);box-shadow:0 0 35px hsl(var(--fighter-hue) 65% 65% / .3);animation:rev-square .65s cubic-bezier(.16,1,.3,1) both}.fighter-rev-stage>b{position:absolute;bottom:7px;font:9px/1.4 sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#93b5a3}.fighter-confirm{width:100%;padding:15px!important}.fighter-rev[data-rev=blossom] .fighter-rev-square{animation:rev-flame .9s both}.fighter-rev[data-rev=clock] .fighter-rev-square,.fighter-rev[data-rev=fracture] .fighter-rev-square{animation:rev-temporal 1s both}.fighter-rev[data-rev=mirrors] .fighter-rev-square{animation:rev-mirrors 1.1s both}
.pool-catalog-body{padding:24px 28px}.pool-rules{display:flex;gap:12px;flex-wrap:wrap;color:#e7c58a;font-size:12px}.pool-rules span{padding-left:12px;border-left:1px solid #ffffff30}.pool-odds,.pool-source-note{font-size:11px;line-height:1.6;color:#a8b6a9;max-width:900px}.pool-catalog-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin:22px 0}.pool-entry{border:1px solid #536159;background:#0d1720;min-width:0;border-radius:3px}.pool-entry summary{cursor:pointer;list-style:none}.pool-entry summary::-webkit-details-marker{display:none}.pool-portrait{display:block;aspect-ratio:1;background-repeat:no-repeat;background-color:#192327}.pool-number{display:block;padding:7px 7px 0;font:8px/1.4 monospace;text-transform:uppercase;color:#bcbaa8}.pool-entry b{display:block;padding:5px 7px 9px;font-size:10px;line-height:1.4;color:#e4e9df}.pool-entry p{font-size:10px;line-height:1.5;padding:0 9px;color:#c5cdc5}.pool-entry>small{display:block;padding:9px;font-size:8px;color:#aeab99}.tier-mythic{border-color:#e7bb5e!important}.tier-legendary{border-color:#ae79d4!important}.tier-epic{border-color:#5a95d1!important}.tier-rare{border-color:#4d9f92!important}
.hundredfold-host{position:absolute;inset:0;pointer-events:none;z-index:46}.hundredfold-film{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:26px;background:radial-gradient(ellipse at center,#344738,#09121bf5 75%);color:#ebdec6;overflow:auto;border:1px solid #bdaa7055}.hundredfold-film header{text-align:center}.hundredfold-film header p,.hundredfold-film header span,.hundredfold-film footer{font:9px/1.6 sans-serif;letter-spacing:.14em;color:#d6b678}.hundredfold-film h3{font-size:clamp(26px,4vw,47px);margin:5px}.hundredfold-reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1000px;width:100%;margin:22px auto}.hundredfold-reels.ten-dice{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.hundredfold-die{background:#0b161d;border:1px solid #41564b;min-width:0;box-shadow:0 8px 20px #0008;position:relative}.die-index{display:block;padding:7px;text-align:center;font:9px/1.2 monospace;color:#cabda0}.hundredfold-window{position:relative;aspect-ratio:1;overflow:hidden;border-block:1px solid #ffffff24}.hundredfold-window:after{content:'';position:absolute;inset:0;box-shadow:inset 0 10px 20px #0006,inset 0 -10px 20px #0006}.hundredfold-reel{height:100%;animation:hundredfold-spin var(--roll-time) cubic-bezier(.05,.7,.12,1) var(--roll-delay) both}.hundredfold-reel .pool-portrait{height:100%;width:100%}.hundredfold-reveal{min-height:56px;padding:9px 5px;text-align:center;animation:die-reveal .5s calc(var(--roll-delay) + var(--roll-time)) both}.hundredfold-reveal small{display:block;font:8px/1.4 monospace;text-transform:uppercase;color:#bb9a64}.hundredfold-reveal b{display:block;font-size:11px;line-height:1.4;margin-top:4px}.hundredfold-film footer{text-align:center;margin:8px 0}.hundredfold-strip{position:absolute;bottom:60px;left:14px;background:#08151edb;border:1px solid #77826166;padding:7px;max-width:80%;color:#ded2b7;display:flex;align-items:center;gap:10px}.hundredfold-strip>span{font:7px/1.5 sans-serif;letter-spacing:.08em}.hundredfold-strip>span b{display:block;font-weight:400;color:#aaad99}.hundredfold-strip>div{display:flex;gap:4px;flex-wrap:wrap}.hundredfold-slot{position:relative;width:34px;height:34px;border:1px solid #677665;background:#0e1c25}.hundredfold-slot i{display:grid;place-items:center;height:100%;font-size:20px;opacity:.4}.hundredfold-slot small{position:absolute;right:0;bottom:0;background:#080f17df;color:#efc979;padding:2px;font:7px/1 monospace}.hundredfold-slot.recovering{opacity:.6;border-color:#ae5555}
.hundredfold-fusion{position:absolute;inset:0;background:radial-gradient(circle,#49545866,#0a121af5 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#f4ddaa}.hundredfold-fusion p,.hundredfold-fusion span{font:9px/1.5 sans-serif;letter-spacing:.15em;z-index:1}.hundredfold-fusion h3{font-size:clamp(28px,5vw,58px);z-index:1}.fracture-shards{position:absolute;inset:0;display:grid;place-items:center}.fracture-shards i{position:absolute;width:55px;height:125px;background:linear-gradient(150deg,#d1aa5baa,#7068b3aa);clip-path:polygon(50% 0,100% 80%,20% 100%,0 25%);transform:rotate(var(--shard-turn)) translateY(-180px);animation:fracture-merge 4s cubic-bezier(.22,.6,.3,1) both}
.battle-token[data-perception=true]{box-shadow:0 0 0 3px #92e2dc55,0 0 30px #77cfd366}.chrono-afterimages{position:absolute;inset:0}.chrono-afterimages i{position:absolute;width:40px;height:40px;display:grid;place-items:center;border:1px solid #8fe7df;background:#60b9c755;color:#b1eee9;font:11px/1 sans-serif;transform:translate(-50%,-50%);animation:chrono-trail 1.8s var(--after-at) both}
.aurora-canopy{position:absolute;left:0;right:0;top:0;height:130px;overflow:hidden;pointer-events:none;background:linear-gradient(#061e2699,transparent)}.aurora-canopy i{position:absolute;top:-30px;left:-10%;width:120%;height:90px;background:linear-gradient(100deg,transparent,#5bd9a14a,#7490d487,#ce84ed55,transparent);filter:blur(10px);border-radius:50% 40%;transform:rotate(-4deg);animation:aurora-flow 7s ease-in-out infinite alternate}.aurora-canopy i:nth-child(2){top:-2px;animation-delay:-2s;transform:rotate(7deg);opacity:.6}.aurora-canopy i:nth-child(3){top:15px;animation-delay:-4s;opacity:.4}.aurora-canopy span{position:absolute;top:24px;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px/1.5 sans-serif;letter-spacing:.12em;color:#c0eedd;text-shadow:0 1px 8px #000}
.aitherios-eruption{position:absolute;width:80px;height:100px;transform:translate(-50%,-75%)}.aitherios-eruption i{position:absolute;bottom:0;left:35px;width:12px;height:110px;border:2px dashed #ded9a7;border-radius:35%;box-shadow:0 0 10px #69efac;transform:rotate(-25deg);animation:chains-rise .6s both}.aitherios-eruption i:nth-child(2){transform:rotate(25deg);height:95px;animation-delay:.1s}.aitherios-eruption i:nth-child(3){transform:rotate(70deg);height:65px;animation-delay:.2s}.aitherios-eruption b{position:absolute;bottom:-17px;left:-40px;width:160px;text-align:center;font:8px/1.3 sans-serif;color:#e6e6ae}
.infernal-blossom-film{position:absolute;inset:0;background:radial-gradient(ellipse,#54154aaa,#100c21f5 65%);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#f9ddce}.infernal-blossom-film header{position:absolute;bottom:30px;text-align:center;z-index:2;max-width:95%}.infernal-blossom-film header p,.infernal-blossom-film header b{font:9px/1.5 sans-serif;letter-spacing:.14em;color:#ffa8ce}.infernal-blossom-film h3{font-size:clamp(31px,5vw,58px);margin:8px}.infernal-blossom-film small{display:block;font-size:11px;color:#e4bed0;margin:10px}.blossom-cyclone{position:absolute;left:50%;top:35%;width:100px;height:100px;transform:translate(-50%,-50%);display:grid;place-items:center}.blossom-cyclone>span{display:grid;place-items:center;width:56px;height:56px;z-index:1;background:#30132c;border:1px solid #ffc8d9;font-weight:800;box-shadow:0 0 30px #f252db}.blossom-cyclone i{position:absolute;width:50px;height:170px;border-radius:90% 5% 80% 20%;background:linear-gradient(0deg,transparent,#d153fa88,#ffb09fbf);transform-origin:50% 100%;bottom:50%;transform:rotate(var(--petal-turn));animation:blossom-wind 2.4s var(--petal-at) both}.infernal-blossom-film.release .blossom-cyclone i{height:240px;width:75px;animation:blossom-open 3.6s var(--petal-at) both}.infernal-blossom-film.charge .blossom-cyclone{animation:blossom-spin 2s linear infinite}
@keyframes rev-square{from{opacity:0;transform:translateY(70px) scale(.6)}to{opacity:1;transform:none}}@keyframes rev-sigil{from{opacity:0;transform:rotate(-100deg) scale(.4)}to{opacity:.6;transform:rotate(0) scale(1)}}@keyframes rev-temporal{0%,30%{transform:translateX(-70px);box-shadow:60px 0 #60a8c255,120px 0 #60a8c222}60%{transform:translateX(20px);box-shadow:-50px 0 #60a8c255,-100px 0 #60a8c222}100%{transform:none}}@keyframes rev-flame{from{transform:translateY(50px) rotate(-12deg);filter:brightness(3)}to{transform:none;filter:none}}@keyframes rev-mirrors{from{transform:scale(.3);box-shadow:-100px 0 #ccaaf466,100px 0 #ccaaf466}to{transform:scale(1)}}
@keyframes hundredfold-spin{0%{transform:translateY(0);filter:blur(3px)}60%{filter:blur(1px)}100%{transform:translateY(var(--reel-end));filter:blur(0)}}@keyframes die-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fracture-merge{0%{opacity:0}25%{opacity:1}100%{transform:rotate(var(--shard-turn)) translateY(0) scale(.2);opacity:0}}@keyframes chrono-trail{0%{opacity:.7}100%{opacity:0;filter:blur(4px)}}@keyframes aurora-flow{from{translate:-4% 0;scale:1 1}to{translate:5% 15px;scale:1 .7}}@keyframes chains-rise{from{clip-path:inset(100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes blossom-wind{from{opacity:0;scale:.3 1}to{opacity:.8;scale:1 1}}@keyframes blossom-open{0%{opacity:0;scale:.1 .1}40%{opacity:1;scale:1 1}100%{opacity:.2;scale:1.3 1.3}}@keyframes blossom-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:800px){.fighter-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fighter-picker-layout{grid-template-columns:minmax(0,1fr) 260px}.fighter-roster{padding:16px}.fighter-selection-preview{padding:16px}.pool-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hundredfold-reels.ten-dice{grid-template-columns:repeat(5,minmax(0,1fr))}.hundredfold-reels{gap:6px}.hundredfold-film{padding:12px}.hundredfold-reveal b{font-size:9px}.hundredfold-reveal{min-height:45px}.hundredfold-film header span{display:none}.battle-choice-buttons button{font-size:10px}.battle-roster-library{align-items:flex-start}}
@media(max-width:560px){.battle-picker{width:100vw;max-height:100dvh;border-radius:0}.battle-picker>header{padding:16px}.fighter-picker-layout{display:flex;flex-direction:column-reverse}.fighter-selection-preview{display:grid;grid-template-columns:1fr;gap:9px}.fighter-rev-stage{height:115px;float:right;width:120px}.fighter-rev-stage svg{width:110px;height:110px}.fighter-rev-stage .fighter-rev-square{width:54px;height:54px;font-size:19px}.fighter-rev-stage b{display:none}.fighter-rev h3{font-size:23px}.fighter-rev q{font-size:15px;min-height:0}.fighter-rev>small{display:none}.fighter-rev .eyebrow{font-size:8px}.fighter-confirm{padding:10px!important}.fighter-roster-grid{max-height:40dvh;grid-template-columns:repeat(4,minmax(0,1fr))}.fighter-roster-tile>span{width:38px;height:38px;font-size:12px}.fighter-roster-tile b{font-size:9px}.fighter-roster-tile{padding:9px 4px}.pool-catalog-body{padding:14px}.pool-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pool-rules{font-size:10px}.pool-number{font-size:7px}.pool-entry b{font-size:8px}.pool-entry p{font-size:9px}.hundredfold-film h3{font-size:27px}.hundredfold-film header p,.hundredfold-film footer{font-size:7px}.hundredfold-reveal b{font-size:8px}.hundredfold-reveal small{font-size:6px}.die-index{font-size:7px}.hundredfold-strip{bottom:60px;max-width:94%;left:6px;gap:5px}.hundredfold-slot{width:24px;height:24px}.aurora-canopy span{font-size:6px;top:32px}.blossom-cyclone i{height:110px;width:35px}.infernal-blossom-film.release .blossom-cyclone i{height:170px;width:48px}.infernal-blossom-film header{bottom:24px}.battle-roster-library{flex-direction:column}.battle-raid-banner .battle-choice-buttons{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.fighter-rev-stage *,.aurora-canopy i,.blossom-cyclone,.blossom-cyclone i,.fracture-shards i{animation:none!important}.hundredfold-reel{animation:none;transform:translateY(var(--reel-end))}.hundredfold-reveal{animation:none}.chrono-afterimages i{animation:none;opacity:.35}.aitherios-eruption i{animation:none}.fighter-roster-tile:hover,.battle-choice-buttons button:hover{transform:none}}

.fighter-rev-weapon{position:absolute;right:12px;top:65px;width:95px;height:95px;display:grid;place-items:center;transform:rotate(-15deg);animation:rev-square 1.1s .15s both}.fighter-rev-weapon svg{position:relative!important;width:85px!important;height:85px!important;animation:none!important;opacity:.8!important}.battle-advanced-rules{margin:22px 0}.battle-advanced-rules>summary,.battle-raid-choice>summary{padding:13px 0;cursor:pointer;font-weight:700;color:#414b40;border-bottom:1px solid #b9ad94}.battle-advanced-rules>.battle-fields{margin-top:18px}.battle-raid-choice{margin-bottom:20px}.battle-raid-choice>.battle-presets{max-width:none;padding:15px 0}.hundredfold-strip{max-width:47%}@media(max-width:560px){.fighter-rev-weapon{display:none}.hundredfold-strip>span{display:none}}

.battle-roster-choice{margin-top:8px}.battle-roster-choice>button{box-sizing:border-box;width:100%;display:grid;grid-template-columns:42px 1fr;gap:3px 12px;align-items:center;text-align:left;background:linear-gradient(120deg,#253c38,#111d27);border:1px solid #739077;color:#f0e5ce;border-radius:4px;padding:11px;font:inherit;cursor:pointer}.battle-roster-choice>button>span{grid-row:span 2;border:1px solid #bd9f61;display:grid;place-items:center;height:38px;font:700 12px/1 sans-serif;color:#dcc78d}.battle-roster-choice>button>b{font-size:13px}.battle-roster-choice>button>small{font-size:10px;color:#9bc4b1}.battle-roster-choice>button:disabled{opacity:.5;cursor:default}.is-paused .hundredfold-host *{animation-play-state:paused!important}html[data-motion=quiet] .hundredfold-reel{transform:translateY(var(--reel-end))}html[data-motion=quiet] .hundredfold-reveal{opacity:1}

html[data-motion=quiet] .battle-picker *{animation:none!important;transition:none!important}.fighter-rev-weapon .weapon-sprite{width:85px;height:85px}

/* Battle surfaces share one palette, including dialogs mounted outside the page. */
.battle-page,.battle-picker{
 --battle-bg:#080f1c;
 --battle-panel:#111e32;
 --battle-raised:#17283e;
 --battle-border:#3b536e;
 --battle-text:#f1f6ff;
 --battle-muted:#b6c9e0;
 --battle-cyan:#64d8ff;
 --battle-gold:#ffcb75;
 --bg:var(--battle-bg);
 --surface:var(--battle-panel);
 --raised:var(--battle-raised);
 --line:var(--battle-border);
 --text:var(--battle-text);
 --muted:var(--battle-muted);
 --dim:#9eb4ce;
 --gold:var(--battle-gold);
 --gold-light:#ffdfa5;
 --mint:var(--battle-cyan);
 color:var(--battle-text);
 color-scheme:dark;
}
body:has(.battle-page),main:has(.battle-page){background:#080f1c}
.battle-page{background:var(--battle-bg)}
.battle-page .lab-heading h1,.battle-page .battle-builder-intro h2,
.battle-page .battle-conditions h2,.battle-page .circuit-heading h2,
.battle-page .trial-briefing h2{color:var(--battle-text)}
.battle-page .lab-breadcrumb,.battle-page .battle-builder p,
.battle-page .battle-method,.battle-page .battle-mode-note,
.battle-page .lab-fineprint,.battle-page .battle-controls label{color:var(--battle-muted)}
.battle-page .eyebrow,.battle-page .lab-breadcrumb a{color:var(--battle-cyan)}
.battle-page .battle-builder,.battle-page .battle-builder-intro{border-color:var(--battle-border)}
.battle-page .battle-team{
 background:linear-gradient(135deg,#102a43,#0c182b)!important;
 border-color:#4cb5d5!important;
 box-shadow:0 14px 36px #0004;
}
.battle-page .battle-team.team-1{
 background:linear-gradient(135deg,#2c2835,#111d30)!important;
 border-color:#c9984f!important;
}
.battle-page .battle-team-head .eyebrow,.battle-page .fighter-slot-name span{color:var(--battle-cyan)}
.battle-page .team-1 .battle-team-head .eyebrow,.battle-page .team-1 .fighter-slot-name span{color:var(--battle-gold)}
.battle-page .battle-team-head b,.battle-page .battle-slot-main p,
.battle-page .battle-slot-main details p,.battle-page .battle-role-label,
.battle-page .battle-bonds,.battle-page .battle-reserves p{color:var(--battle-muted)!important}
.battle-page .fighter-slot-name{color:var(--battle-text);font-size:1.125rem}
.battle-page .fighter-slot-name:hover,.battle-page .battle-slot-main details a{color:var(--battle-cyan)}
.battle-page .battle-slot{background:#ffffff04!important;border-color:#7194ba30!important}
.battle-page .battle-slot-main p,.battle-page .battle-slot-main details,
.battle-page .battle-role-label,.battle-page .battle-reserves p{font-size:.875rem;line-height:1.6}
.battle-page .battle-slot-main details summary,.battle-page .battle-reserves summary{color:#d6e7fa}
.battle-page .battle-slot-actions button{background:#172b44;border-color:#456584;color:var(--battle-text)}
.battle-page .battle-add{background:#64d8ff0c!important;border-color:#64d8ff66!important;color:#a8eaff!important}
.battle-page .team-1 .battle-add{background:#ffcb750c!important;border-color:#ffcb7566!important;color:#ffdfa5!important}
.battle-page .battle-builder-vs{background:var(--battle-bg);color:var(--battle-gold)}
.battle-page .battle-slots{scrollbar-color:#547aa0 #0c182b}
.battle-page .battle-map-panel,.battle-page .battle-conditions,
.battle-page .battle-raid-banner,.battle-page .battle-gate,
.battle-page .battle-log,.battle-page .battle-analysis,
.battle-page .circuit-config,.battle-page .circuit-draft,
.battle-page .trial-card,.battle-page .trial-briefing,.battle-page .trial-report{
 background:var(--battle-panel);
 border-color:var(--battle-border);
 color:var(--battle-text);
}
.battle-page .battle-map-facts span{background:#172c43;border-color:#486585;color:#d5e6fa}
.battle-page .battle-field>span,.battle-page .battle-check,
.battle-page .battle-reserves,.battle-page .circuit-condition,
.battle-page .trial-card-description{color:var(--battle-muted);font-size:.875rem}
.battle-page .battle-check input{accent-color:var(--battle-cyan)}
.battle-page .battle-advanced-rules>summary,.battle-page .battle-raid-choice>summary{
 color:#d8e8fa;border-color:var(--battle-border);font-size:1rem;
}
.battle-page .battle-choice-buttons button,.battle-page .battle-presets button,
.battle-page .battle-mode-tabs button{
 background:var(--battle-raised);
 border-color:var(--battle-border);
 color:#dceaff;
 font-size:.875rem;
 min-height:44px;
}
.battle-page .battle-choice-buttons button:hover,.battle-page .battle-presets button:hover,
.battle-page .battle-mode-tabs button:hover{background:#213a56;border-color:var(--battle-cyan);color:#fff}
.battle-page .battle-choice-buttons button[aria-pressed=true],
.battle-page .battle-mode-tabs button[aria-selected=true],
.battle-page .battle-mode-tabs button[aria-pressed=true],
.battle-page .battle-mode-tabs button.active{
 background:#163e57;
 color:#c9f3ff;
 border-color:var(--battle-cyan);
 box-shadow:inset 0 -2px var(--battle-cyan);
}
.battle-page .button.outline{background:#14243a;color:#e0efff;border-color:#547394}
.battle-page .button.gold,.battle-picker .button.gold{
 background:linear-gradient(110deg,#ffcb75,#ffe0a8);
 color:#171c29;
 border-color:#ffdfa5;
 box-shadow:0 5px 22px #ffcb751c;
}
.battle-page .battle-launch{
 background:linear-gradient(110deg,#15334c,#17253b);
 border-color:#4c85a6;
 color:var(--battle-text);
}
.battle-page .battle-launch strong{color:var(--battle-gold)}
.battle-page .battle-launch span{color:#c7ddf3}
.battle-page .battle-launch .button span{color:#171c29}
.battle-page .battle-pool-link{
 display:block;margin:12px 0 4px;padding:10px 14px;
 background:#173348;border:1px solid #559db8;border-radius:4px;
 color:#c6f2ff;font:inherit;font-size:.875rem;font-weight:600;
}
.battle-page .battle-pool-link:hover{background:#20526c;border-color:var(--battle-cyan)}
.battle-page .battle-roster-choice>button{background:linear-gradient(120deg,#1d3852,#101e33);border-color:#557b9f;color:var(--battle-text)}
.battle-page .battle-roster-choice>button>span{border-color:var(--battle-cyan);color:#b8eeff}
.battle-page .battle-roster-choice>button>b{font-size:.875rem}
.battle-page .battle-roster-choice>button>small{color:var(--battle-muted);font-size:.75rem}
.battle-page .circuit-match,.battle-page .circuit-contender,
.battle-page .trial-loadout,.battle-page .trial-objectives{background:#0d1a2c;border-color:#3b536e;color:#e2edff}
.battle-page .circuit-save-status,.battle-page .trial-tags,.battle-page .circuit-carry{color:var(--battle-muted)}
.battle-page .battle-stage{border-color:#507d9e}
.battle-page .battle-team-hud{background:#0d1a2c;border-color:#4cb5d588}
.battle-page .battle-team-hud.team-1{border-color:#ffcb7580}
.battle-page .battle-hud-heading{background:#17314b;color:#dbeeff}
.battle-page .team-1 .battle-hud-heading{background:#332c36}
.battle-page .battle-health{border-color:#45627e40;color:#e2edff}
.battle-page .battle-health>div:first-child{color:#e2edff}
.battle-page .battle-health>small,.battle-page .battle-small-meters>span,
.battle-page .battle-health>div:first-child>span,.battle-page .battle-hud-heading span{color:#b6c9e0}
.battle-page .battle-meter{background:#091321}
.battle-page .battle-meter i{background:linear-gradient(90deg,#2385b3,#76e0ff)}
.battle-page .team-1 .battle-meter i{background:linear-gradient(90deg,#b67a38,#ffd68c)}
.battle-page .battle-live-feed p{color:#c7d9ee}
.battle-page .battle-live-feed time,.battle-page .battle-log article time{color:#a2b9d4}
.battle-page .battle-result{background:radial-gradient(ellipse at 50% 10%,#1b41604d,transparent 65%),#101d31;border-color:#987a4e}
.battle-page :is(button,a,input,select,summary):focus-visible,.battle-picker :is(button,input,summary):focus-visible{
 outline:3px solid #8ae5ff;outline-offset:3px;
}
.battle-picker{background:var(--battle-bg);border-color:#547394;color:var(--battle-text)}
.battle-picker::backdrop{background:#020816dc}
.battle-picker>header{background:linear-gradient(115deg,#18334e,#101e34);border-color:var(--battle-border)}
.battle-picker header h2,.battle-picker .fighter-rev h3{color:var(--battle-text)}
.battle-picker header p,.battle-picker .fighter-rev .eyebrow{color:var(--battle-cyan)}
.battle-picker .picker-close{background:#18314a;border-color:#547394;color:#f1f6ff}
.battle-picker .roster-search{color:var(--battle-muted);font-size:.875rem;letter-spacing:.04em}
.battle-picker .roster-search input{background:#0d1a2c;border-color:#527395;color:#f1f6ff;font:inherit;font-size:1rem}
.battle-picker .roster-tabs button{background:var(--battle-raised);border-color:var(--battle-border);color:#dceaff;font-size:.875rem;min-height:44px}
.battle-picker .roster-tabs button[aria-pressed=true]{background:#64d8ff;color:#0d2034;border-color:#8be5ff}
.battle-picker .fighter-roster-grid{scrollbar-color:#5c81a6 #0d1a2c}
.battle-picker .fighter-roster-tile{background:linear-gradient(155deg,hsl(var(--fighter-hue) 36% 20%),#101c30);border-color:#46617d;color:#eff5ff;padding:16px 8px}
.battle-picker .fighter-roster-tile b{font-size:.875rem;line-height:1.4;min-height:40px}
.battle-picker .fighter-roster-tile small{font-size:.75rem;color:#b6c9e0}
.battle-picker .fighter-roster-tile.selected{background:linear-gradient(145deg,#3f3540,#18263e);border-color:#ffcb75;box-shadow:0 0 0 2px #ffcb7555}
.battle-picker .fighter-roster-tile:hover:not(:disabled){border-color:#64d8ff}
.battle-picker .fighter-selection-preview{background:radial-gradient(ellipse at 50% 20%,#27558244,transparent 65%),#0d192c;border-color:#3b536e}
.battle-picker .fighter-rev>p:not(.eyebrow){color:#cadcf1;font-size:1rem}
.battle-picker .fighter-rev>small{color:#b6c9e0;font-size:.875rem}
.battle-picker .fighter-rev .eyebrow{font-size:.75rem}
.battle-picker .fighter-rev q{color:#ffe0a8}
.battle-picker .fighter-rev-stage .fighter-rev-square{background:#14263e;color:#f1f6ff}
.battle-picker .fighter-rev-stage>b{color:#a5c9ea;font-size:.75rem}
.battle-picker .button.outline{background:#173348;border-color:#559db8;color:#c6f2ff}
.battle-picker .pool-rules{color:#ffe0a8;font-size:.875rem}
.battle-picker .pool-odds,.battle-picker .pool-source-note{color:#b6c9e0;font-size:.875rem}
.battle-picker .pool-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.battle-picker .pool-entry{background:#111f34;border-color:#506b89}
.battle-picker .pool-number{color:#b6c9e0;font-size:.75rem}
.battle-picker .pool-entry b{color:#eff5ff;font-size:.875rem}
.battle-picker .pool-entry p{color:#cadcf1;font-size:.875rem}
.battle-picker .pool-entry>small{color:#a9c0dd;font-size:.75rem}
.hundredfold-film{background:radial-gradient(ellipse at center,#1e3854,#08121ff5 75%);color:#eff5ff}
.hundredfold-die{background:#101f34;border-color:#527395}
.hundredfold-film header p,.hundredfold-film header span,.hundredfold-film footer{color:#ffdfa5}
.hundredfold-strip{background:#09172ee8;border-color:#58779699;color:#e2edff}
.hundredfold-strip>span b{color:#afc5df}
.manifestation-mark{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
 width:100%;height:100%;min-height:0;padding:12px 6px;
 border:1px solid hsl(var(--manifestation-hue) 55% 60% / .65);
 background:radial-gradient(circle at 50% 35%,hsl(var(--manifestation-hue) 60% 45% / .2),transparent 70%),#101f34;
 color:#f1f6ff;text-align:center;overflow:hidden;
}
.manifestation-mark>b{
 display:grid;place-items:center;width:54%;aspect-ratio:1;
 border:1px solid hsl(var(--manifestation-hue) 70% 70% / .65);
 color:hsl(var(--manifestation-hue) 65% 85%);
 font-size:clamp(.875rem,2vw,1.75rem);line-height:1;
}
.manifestation-mark-name{font-size:.75rem;line-height:1.3;overflow-wrap:anywhere}
.hundredfold-reel .manifestation-mark{height:100%;width:100%}
.manifestation-mark.compact{padding:0;gap:0}
.manifestation-mark.compact>b{width:100%;height:100%;border:0;font-size:.75rem}
.battle-token[data-manifestation=true]>span{border-radius:3px}
.battle-aurora-host{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.battle-aurora-host .aurora-canopy{inset:-12px 0 auto;height:42%;max-height:300px;min-height:190px;background:none;overflow:hidden}
.aurora-skyglow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% -15%,#38ffc777,#30c8ff33 45%,transparent 75%);mask-image:linear-gradient(#000,transparent)}
.battle-aurora-host .aurora-canopy .aurora-curtain{
 top:-40px;left:-15%;width:130%;height:230px;border-radius:0;opacity:.7;filter:blur(2px);
 background:repeating-linear-gradient(105deg,transparent 0 13px,#39ffbf66 15px,#55eaffbb 20px,#b273ff88 24px,transparent 30px 48px);
 mask-image:linear-gradient(transparent,#000 15%,#000 43%,transparent 92%);
 transform:translateY(calc(var(--aurora-band)*13px)) skewY(-5deg);
 animation:aurora-curtain-flow 9s var(--aurora-delay) ease-in-out infinite alternate;
}
.battle-aurora-host .aurora-canopy .aurora-curtain:nth-of-type(even){background:repeating-linear-gradient(78deg,transparent 0 22px,#9a5eff66 25px,#33ffd8aa 31px,#66caff99 36px,transparent 43px 66px);opacity:.5}
.battle-aurora-host .aurora-canopy>span{top:36px;left:50%;font-size:.75rem;letter-spacing:.06em;color:#e1fff7;padding:7px 12px;border:1px solid #7fffd755;background:#061c2ab5;border-radius:3px}
.blossom-stage-host{position:absolute;inset:0;pointer-events:none;z-index:16;overflow:hidden}
.blossom-stage-host .infernal-blossom-film{background:radial-gradient(ellipse at 50% 42%,#781763bb,#290d38ee 58%,#080a1af5);color:#fff1f7}
.blossom-stage-host .blossom-cyclone{top:42%;width:240px;height:240px}
.blossom-stage-host .blossom-cyclone>span{width:84px;height:84px;font-size:1.625rem;background:#3c1238;border:2px solid #ffe1ee;box-shadow:0 0 30px #ff71e6,0 0 90px #c550ffaa}
.blossom-stage-host .blossom-cyclone i{height:240px;width:72px;background:linear-gradient(0deg,transparent,#922cffa0 35%,#f45ddece 75%,#ffe4bbbb);filter:drop-shadow(0 0 10px #e73aff88)}
.blossom-stage-host .infernal-blossom-film.release .blossom-cyclone i{height:310px;width:95px}
.blossom-stage-host .infernal-blossom-film header{bottom:24px;max-width:90%;padding:14px 24px;background:radial-gradient(ellipse,#180d2aed,transparent 75%)}
.blossom-stage-host .infernal-blossom-film header p,.blossom-stage-host .infernal-blossom-film header b{font-size:.75rem}
.blossom-stage-host .infernal-blossom-film small{font-size:.875rem;color:#f4d2eb}
.blossom-skyfire{position:absolute;inset:0;background:conic-gradient(from 0deg at 50% 42%,transparent,#ed58ff33,transparent,#9d65ff33,transparent);animation:blossom-sky-turn 6s linear infinite}
.blossom-wavefront{position:absolute;inset:0;display:grid;place-items:center}
.blossom-wavefront i{position:absolute;top:42%;left:50%;width:200px;height:200px;border:3px solid #ef8aff;border-radius:50%;box-shadow:0 0 28px #e14eff88,inset 0 0 30px #a963ff66;animation:blossom-wave 2.5s calc(var(--wave)*.35s) infinite}
.blossom-kick-trails{position:absolute;inset:0;display:grid;place-items:center}
.blossom-kick-trails i{position:absolute;top:42%;left:50%;width:260px;height:88px;border-top:3px solid #ffc9e6;border-radius:50%;transform-origin:0 50%;transform:rotate(var(--kick-turn));animation:blossom-kick .8s var(--kick-at) infinite;filter:drop-shadow(0 0 8px #ff6cdd)}
.blossom-survival{position:absolute;right:22px;top:24px;display:grid;gap:4px;padding:10px 14px;text-align:right;border:1px solid #fcb9e3;background:#210f2dd9;color:#fff0f7}
.blossom-survival b{font-size:1.5rem}.blossom-survival span{font-size:.75rem}
.chrono-independent-echoes{position:absolute;inset:0;pointer-events:none}
.chrono-independent-echoes i{position:absolute;width:44px;height:44px;display:grid;place-items:center;background:#543f6755;border:1px solid #f3d279;color:#fff0ac;font-style:normal;transform:translate(-50%,-50%);animation:chrono-echo-step 2.7s var(--echo-at) both}
.chrono-independent-echoes span{position:absolute;top:100%;font-size:.75rem;white-space:nowrap;color:#ffeab5}
@keyframes aurora-curtain-flow{from{translate:-4% 0;scale:1 1;filter:blur(2px) hue-rotate(-12deg)}to{translate:5% 15px;scale:1.05 .85;filter:blur(3px) hue-rotate(20deg)}}
@keyframes blossom-wave{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}20%{opacity:.8}100%{transform:translate(-50%,-50%) scale(3.8);opacity:0}}
@keyframes blossom-kick{0%,100%{opacity:0;scale:.55}45%{opacity:.85;scale:1}}
@keyframes blossom-sky-turn{to{rotate:360deg}}
@keyframes chrono-echo-step{0%{opacity:0;translate:-18px 0}25%{opacity:.8;translate:0 0}100%{opacity:0;translate:18px -8px}}
.is-paused :is(.battle-aurora-host,.blossom-stage-host,.chrono-independent-echoes) *{animation-play-state:paused!important}
html[data-motion=quiet] :is(.battle-aurora-host,.blossom-stage-host,.chrono-independent-echoes) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.battle-aurora-host *,.blossom-stage-host *,.chrono-independent-echoes *{animation:none!important}}
@media(max-width:560px){
 .battle-picker .fighter-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .battle-picker .fighter-roster-tile{padding:12px 6px}
 .battle-picker .fighter-roster-tile b{font-size:.875rem}
 .battle-picker .fighter-rev q{font-size:1rem}
 .battle-picker .fighter-rev .eyebrow{font-size:.75rem}
 .battle-picker .pool-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .battle-page .battle-pool-link{width:100%;text-align:left}
 .manifestation-mark{gap:4px;padding:6px 3px}
 .manifestation-mark>b{width:65%}
 .manifestation-mark-name{display:none}
 .battle-aurora-host .aurora-canopy>span{font-size:.75rem;letter-spacing:0;max-width:94%;white-space:normal;text-align:center}
 .blossom-stage-host .blossom-cyclone i{height:185px;width:55px}
 .blossom-stage-host .infernal-blossom-film.release .blossom-cyclone i{height:245px;width:72px}
 .blossom-kick-trails i{width:200px}
 .blossom-survival{right:12px;top:16px;padding:6px 9px}.blossom-survival b{font-size:1.25rem}
}