@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-devanagari-wght-normal-B4j4n2PV.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-vietnamese-wght-normal-C4ZonJY6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-ext-wght-normal-Dz43yst_.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-wght-normal-B_TVFhwJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-ext-wght-normal-7w74d1lj.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-wght-normal-B9hoeQUC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-vietnamese-wght-normal-BhFYcaJr.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#171028;--nebula:#241a3e;--nebula-hi:#33255c;--starlight:#f4eefc;--stardust:#a99cc9;--gold:#ffd166;--void-deep:#0d0a18;--gold-hi:#ffe6a8;--panel:#1e1535eb;--line:var(--nebula-hi);--scrim:#0d0918c7;--bar-track:#0a06148c;--el-fire:#ff5a3c;--el-light:#ffc94d;--el-earth:#5ad18a;--el-earth-2:#ff9ecb;--el-sound:#e0457b;--el-technology:#df7bfa;--el-water:#4d7cff;--el-dark:#8b5cf6;--el-ice:#bfe3ff;--el-electricity:#c9b6ff;--el-air:#b7ead6;--el-fire-soft:color-mix(in srgb, var(--el-fire) 22%, var(--nebula));--el-fire-glow:color-mix(in srgb, var(--el-fire) 60%, transparent);--el-light-soft:color-mix(in srgb, var(--el-light) 22%, var(--nebula));--el-light-glow:color-mix(in srgb, var(--el-light) 60%, transparent);--el-earth-soft:color-mix(in srgb, var(--el-earth) 22%, var(--nebula));--el-earth-glow:color-mix(in srgb, var(--el-earth) 60%, transparent);--el-sound-soft:color-mix(in srgb, var(--el-sound) 22%, var(--nebula));--el-sound-glow:color-mix(in srgb, var(--el-sound) 60%, transparent);--el-technology-soft:color-mix(in srgb, var(--el-technology) 22%, var(--nebula));--el-technology-glow:color-mix(in srgb, var(--el-technology) 60%, transparent);--el-water-soft:color-mix(in srgb, var(--el-water) 22%, var(--nebula));--el-water-glow:color-mix(in srgb, var(--el-water) 60%, transparent);--el-dark-soft:color-mix(in srgb, var(--el-dark) 22%, var(--nebula));--el-dark-glow:color-mix(in srgb, var(--el-dark) 60%, transparent);--el-ice-soft:color-mix(in srgb, var(--el-ice) 22%, var(--nebula));--el-ice-glow:color-mix(in srgb, var(--el-ice) 60%, transparent);--el-electricity-soft:color-mix(in srgb, var(--el-electricity) 22%, var(--nebula));--el-electricity-glow:color-mix(in srgb, var(--el-electricity) 60%, transparent);--el-air-soft:color-mix(in srgb, var(--el-air) 22%, var(--nebula));--el-air-glow:color-mix(in srgb, var(--el-air) 60%, transparent);--tint-faragonda:#b9a7e8;--tint-timmy:#9fc46a;--tint-darkar:#a13a5e;--tint-dark-bloom:#7a2b4a;--tint-default:#8f7bd0;--hp:#5ad18a;--hp-ghost:color-mix(in srgb, var(--gold) 55%, transparent);--we:#7d8cff;--danger:#ff6485;--success:#8fffb0;--target:#8fffb0;--focus:var(--gold);--grad-title:linear-gradient(180deg, var(--gold-hi) 0%, var(--el-earth-2) 55%, var(--el-dark) 100%);--grad-charmix:linear-gradient(90deg, var(--gold), var(--el-earth-2));--z-fx:2;--z-float:5;--z-feed:8;--z-overlay:10;--z-transform:12;--z-settings:20;--z-cutscene:30;--z-cutin:35;--z-gate:40;--z-tooltip:45;--ui-scale:1;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--sp-1:calc(4px * var(--ui-scale));--sp-2:calc(8px * var(--ui-scale));--sp-3:calc(12px * var(--ui-scale));--sp-4:calc(16px * var(--ui-scale));--sp-5:calc(24px * var(--ui-scale));--sp-6:calc(32px * var(--ui-scale));--ease:cubic-bezier(.22, 1, .36, 1);--ease-pop:cubic-bezier(.2, .9, .3, 1.15);--dur-fast:.12s;--dur-ui:.2s;--dur-slow:.42s;--dur-beam:90ms;--dur-shake:.28s;--dur-float:.7s;--dur-flash:.12s;--shake-1:4px;--shake-2:8px;--shake-3:14px;--font-display:"Baloo 2 Variable", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-body:"Nunito Sans Variable", "Segoe UI", system-ui, sans-serif;--fs-xs:clamp(.75rem, .88vw, .875rem);--fs-sm:clamp(.875rem, 1.02vw, 1rem);--fs-md:clamp(1rem, 1.17vw, 1.125rem);--fs-lg:clamp(1.25rem, 1.46vw, 1.4375rem);--fs-xl:clamp(1.75rem, 2.05vw, 2rem);--fs-display:clamp(2.5rem, 2.93vw, 2.875rem);--ls-display:.02em;--stage-max:calc(1600px * var(--ui-scale));--battle-hud-h:calc(40px * var(--ui-scale));--battle-dock-h:calc(48px * var(--ui-scale));--battle-feed-h:calc(56px * var(--ui-scale));--sc-dawn:#ffb98a;--sc-rose:#e87ba0;--sc-lake:#3fbfb0;--sc-moon:#cfe6ff;--sc-terracotta:#c96a4a;--sc-meadow:#8fd06a;--sc-moss:#4a7d52;--sc-slate:#46527d;--sc-iron:#8a4f3d;--sc-mist:#b9a7d8;--sc-ember:#ff8c42;--sc-lava:#b3303a;--sc-abyss:#1d1332;--sc-linen:#e8d9c4;--sc-rift:#f2c7ff}.tint-fire{--tint:var(--el-fire);color:var(--el-fire)}.tint-water{--tint:var(--el-water);color:var(--el-water)}.tint-earth{--tint:var(--el-earth);color:var(--el-earth)}.tint-light{--tint:var(--el-light);color:var(--el-light)}.tint-sound{--tint:var(--el-sound);color:var(--el-sound)}.tint-technology{--tint:var(--el-technology);color:var(--el-technology)}.tint-ice{--tint:var(--el-ice);color:var(--el-ice)}.tint-electricity{--tint:var(--el-electricity);color:var(--el-electricity)}.tint-dark{--tint:var(--el-dark);color:var(--el-dark)}.tint-air{--tint:var(--el-air);color:var(--el-air)}.tint-faragonda{--tint:var(--tint-faragonda);color:var(--tint-faragonda)}.tint-timmy{--tint:var(--tint-timmy);color:var(--tint-timmy)}.tint-darkar{--tint:var(--tint-darkar);color:var(--tint-darkar)}.tint-dark-bloom{--tint:var(--tint-dark-bloom);color:var(--tint-dark-bloom)}.tint-default{--tint:var(--tint-default);color:var(--tint-default)}.i-gold{fill:var(--gold)}.i-gold-s{stroke:var(--gold);fill:none}.i-star{fill:var(--starlight)}.i-void{fill:var(--void)}.i-accent{fill:var(--tint-accent,currentColor)}.i-ember{fill:var(--el-fire)}.i-blossom{fill:var(--el-earth-2)}.i-frost{fill:var(--el-ice)}.i-dusk{fill:var(--el-dark)}.i-storm{fill:var(--el-electricity)}.i-deep{fill:color-mix(in oklab, currentColor 72%, var(--void))}.i-deeper{fill:color-mix(in oklab, currentColor 50%, var(--void))}.i-deepest{fill:color-mix(in oklab, currentColor 32%, var(--void))}.sg-core{fill:currentColor}.sg-line{stroke:currentColor;fill:none}.sg-glow{fill:currentColor;opacity:.16}.tint-earth{--tint-accent:var(--el-earth-2)}.num,.tabular{font-variant-numeric:tabular-nums}@media (width>=1920px){:root{--ui-scale:1.15}}@media (width>=2400px){:root{--ui-scale:1.3}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-ui:0s;--dur-slow:0s;--dur-beam:0s;--dur-shake:0s;--dur-flash:0s}}*{box-sizing:border-box}::selection{background:color-mix(in srgb, var(--gold) 75%, transparent);color:var(--void-deep)}*{scrollbar-width:thin;scrollbar-color:var(--nebula-hi) transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:not(:disabled):active{scale:.97}html,body{height:100%}html{font-size:calc(100% * var(--ui-scale,1))}body{background:radial-gradient(120% 90% at 50% 28%, var(--nebula) 0%, var(--void) 55%, var(--void-deep) 100%);color:var(--starlight);font-family:var(--font-body);font-size:var(--fs-md);margin:0;overflow:hidden}#app{justify-items:center;height:100dvh;display:grid;position:relative;overflow:hidden}.title-screen{text-align:center;isolation:isolate;padding:2rem;position:relative}.title-view{display:contents}.title-backdrop{z-index:-1;pointer-events:none;animation:1s ease-out both title-fade-in;position:absolute;inset:0;overflow:hidden}.title-backdrop:before{content:"";z-index:1;background:radial-gradient(120% 95% at 50% 42%, transparent 52%, color-mix(in srgb, var(--void-deep) 62%, transparent) 100%);position:absolute;inset:0}.aura-mote{left:var(--mx);top:var(--my);width:calc(150px * var(--msc,1));height:calc(150px * var(--msc,1));margin:calc(-75px * var(--msc,1)) 0 0 calc(-75px * var(--msc,1));background:radial-gradient(circle, color-mix(in srgb, currentColor 55%, transparent) 0%, transparent 66%);opacity:.22;translate:calc(var(--par-x,0px) * .18) calc(var(--par-y,0px) * .18);animation:aura-drift var(--mdur,36s) ease-in-out infinite alternate;animation-delay:var(--md,0s);border-radius:50%;position:absolute}@keyframes title-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aura-drift{0%{transform:translate(0,0)scale(1)}33%{transform:translate(3vw,-4vh)scale(1.1)}66%{transform:translate(-2.5vw,3vh)scale(.92)}to{transform:translate(2vw,2.5vh)scale(1.05)}}.title-wings{aspect-ratio:6/5;width:min(64vw,76vh);transform:translate(-50%,-50%);translate:calc(var(--par-x,0px) * .4) calc(var(--par-y,0px) * .4);color:var(--el-dark);opacity:.14;animation:9s ease-in-out infinite wing-breathe;position:absolute;top:42%;left:50%}@keyframes wing-breathe{0%,to{opacity:.1}50%{opacity:.18}}.sister-ring{aspect-ratio:1;width:min(72vw,84vh);transform:translate(-50%,-50%);translate:var(--par-x,0px) var(--par-y,0px);position:absolute;top:40%;left:50%}.sister-orbit{animation:70s linear infinite orbit-spin;position:absolute;inset:0}.sister-light{left:var(--sx);top:var(--sy);width:calc(.55rem * var(--ssc,1));height:calc(.55rem * var(--ssc,1));margin:calc(-.275rem * var(--ssc,1)) 0 0 calc(-.275rem * var(--ssc,1));box-shadow:0 0 10px currentColor, 0 0 26px color-mix(in srgb, currentColor 65%, transparent), 0 0 52px color-mix(in srgb, currentColor 32%, transparent);opacity:.85;animation:sister-twinkle var(--stdur,5s) ease-in-out infinite alternate;animation-delay:var(--std,0s);background:currentColor;border-radius:50%;position:absolute}@keyframes orbit-spin{to{transform:rotate(1turn)}}@keyframes sister-twinkle{0%{opacity:.6}to{opacity:1}}.title-logo{margin:0;position:relative}.title-logo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--gold) 15%, transparent) 0%, color-mix(in srgb, var(--el-dark) 10%, transparent) 55%, transparent 78%);width:min(46rem,84vw);height:12rem;animation:1s ease-out both title-fade-in;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.title-kicker{font-family:var(--font-display);letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--stardust);margin:0 0 .15rem;font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:600;animation:.5s ease-out both title-part-in}.title{font-family:var(--font-display);letter-spacing:var(--ls-display);text-transform:uppercase;background:linear-gradient(115deg, transparent 42%, color-mix(in srgb, var(--gold-hi) 88%, transparent) 50%, transparent 58%) no-repeat, var(--grad-title);color:#0000;text-shadow:0 0 32px color-mix(in srgb, var(--el-dark) 35%, transparent);animation:title-glow 5s ease-in-out infinite, title-shimmer 8s linear 1.2s infinite, title-enter .8s var(--ease) both;background-position:-140% 0,0 0;background-size:220% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.3rem,6.6vw,5.1rem);font-weight:800}@keyframes title-glow{0%,to{text-shadow:0 0 32px color-mix(in srgb, var(--el-dark) 35%, transparent)}50%{text-shadow:0 0 44px color-mix(in srgb, var(--el-earth-2) 50%, transparent), 0 0 90px color-mix(in srgb, var(--el-dark) 30%, transparent)}}@keyframes title-shimmer{0%{background-position:-140% 0,0 0}16%{background-position:240% 0,0 0}to{background-position:240% 0,0 0}}@keyframes title-enter{0%{opacity:0;letter-spacing:.14em;transform:translateY(10px)}to{opacity:1;letter-spacing:var(--ls-display);transform:none}}@keyframes title-part-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.subtitle{font-family:var(--font-display);color:var(--gold);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;text-shadow:0 0 18px color-mix(in srgb, var(--gold) 45%, transparent);margin:.75rem 0 0;font-size:clamp(1rem,1.35vw,1.2rem);animation:.6s ease-out .3s both title-part-in}.menu{width:min(calc(280px * var(--ui-scale)), 80vw);flex-direction:column;align-items:stretch;gap:.65rem;margin:1.6rem auto 0;display:flex}@media (width>=1920px){.menu{width:min(calc(320px * var(--ui-scale)), 80vw)}}.menu .cmd{font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);background:color-mix(in srgb, var(--nebula) 32%, transparent);border:1px solid color-mix(in srgb, var(--nebula-hi) 70%, transparent);color:color-mix(in srgb, var(--starlight) 88%, transparent);opacity:0;padding:.7rem 1.4rem;animation:.45s ease-out forwards menu-rise}.menu .cmd:first-child{animation-delay:.4s}.menu .cmd:nth-child(2){animation-delay:.48s}.menu .cmd:nth-child(3){animation-delay:.56s}.menu .cmd:nth-child(4){animation-delay:.64s}.menu .cmd:nth-child(5){animation-delay:.72s}.menu .cmd:nth-child(6){animation-delay:.8s}.menu .cmd:nth-child(6n+1){--menu-glow:var(--el-fire)}.menu .cmd:nth-child(6n+2){--menu-glow:var(--el-light)}.menu .cmd:nth-child(6n+3){--menu-glow:var(--el-earth)}.menu .cmd:nth-child(6n+4){--menu-glow:var(--el-sound)}.menu .cmd:nth-child(6n+5){--menu-glow:var(--el-technology)}.menu .cmd:nth-child(6n+6){--menu-glow:var(--el-water)}.menu .cmd:hover:not(:disabled),.menu .cmd:focus-visible{border-color:color-mix(in srgb, var(--menu-glow,var(--el-dark)) 55%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--menu-glow,var(--el-dark)) 40%, transparent)}.menu .cmd.primary{--menu-glow:var(--gold);letter-spacing:.09em;color:var(--void-deep);background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 62%, color-mix(in srgb, var(--gold) 74%, var(--el-fire)) 100%);border-color:color-mix(in srgb, var(--gold-hi) 85%, transparent);padding:.85rem 1.4rem;font-weight:800;animation:.45s ease-out .4s forwards menu-rise;position:relative}.menu .cmd.primary:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;box-shadow:0 0 26px color-mix(in srgb, var(--gold) 55%, transparent);opacity:.35;animation:2.6s ease-in-out 1.4s infinite hero-breathe;position:absolute;inset:-2px}@keyframes hero-breathe{0%,to{opacity:.3}50%{opacity:1}}.menu .cmd.primary:hover:not(:disabled),.menu .cmd.primary:focus-visible{background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold-hi) 30%, var(--gold) 100%);box-shadow:0 0 26px color-mix(in srgb, var(--gold) 55%, transparent)}.menu .cmd.menu-quit{width:auto;font-size:var(--fs-xs);letter-spacing:.12em;color:color-mix(in srgb, var(--stardust) 80%, transparent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--stardust) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--stardust) 40%, transparent);background:0 0;border-color:#0000;align-self:center;padding:.35rem .9rem}.menu .cmd.menu-quit:hover:not(:disabled),.menu .cmd.menu-quit:focus-visible{box-shadow:none;color:var(--starlight);-webkit-text-decoration-color:color-mix(in srgb, var(--starlight) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--starlight) 70%, transparent);background:0 0;border-color:#0000}@keyframes menu-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.title-screen.aura-flare .aura-mote{animation:aura-drift var(--mdur,36s) ease-in-out infinite alternate, mote-flare 1.4s ease-out 1;animation-delay:var(--md,0s), 0s}@keyframes mote-flare{0%{opacity:.22}22%{opacity:.85}to{opacity:.22}}.title-screen.aura-flare .sister-light{animation:sister-twinkle var(--stdur,5s) ease-in-out infinite alternate, light-flare 1.4s ease-out 1;animation-delay:var(--std,0s), 0s}@keyframes light-flare{0%{filter:brightness()}22%{filter:brightness(2.1)drop-shadow(0 0 10px)}to{filter:brightness()}}.title-screen.darkar-touched .title-backdrop:after{content:"";background:radial-gradient(90% 55% at 50% 112%, color-mix(in srgb, var(--tint-darkar) 32%, transparent) 0%, transparent 62%), radial-gradient(140% 120% at 50% 44%, transparent 56%, color-mix(in srgb, var(--tint-darkar) 16%, transparent) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.title-backdrop,.title-logo:before,.title-kicker,.title,.subtitle,.menu .cmd,.menu .cmd.primary{opacity:1;animation:none}.menu .cmd.primary:after,.aura-mote,.title-screen.aura-flare .aura-mote,.sister-orbit,.sister-light,.title-screen.aura-flare .sister-light,.title-wings{animation:none}}.screen{gap:var(--sp-4);width:min(calc(960px * var(--ui-scale)), 100%);height:100%;min-height:0;padding:var(--sp-4) var(--sp-5);flex-direction:column;display:flex;overflow:hidden}.screen-title,.screen-game-over,.screen-run-cleared{text-align:center;justify-content:center;align-items:center}.screen-party-select,.screen-stage-clear{width:min(calc(1240px * var(--ui-scale)), 100%)}.screen-header h1{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:var(--ls-display);background:var(--grad-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem}.deploy-header{color:var(--stardust);font-size:var(--fs-sm);letter-spacing:.04em;margin:0}button.cmd.primary{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 30%, transparent), color-mix(in srgb, var(--el-dark) 25%, transparent));border-color:color-mix(in srgb, var(--gold) 70%, transparent);font-weight:700}.ps-body{gap:var(--sp-4);min-height:0;margin-top:var(--sp-3);flex:1;display:flex}.ps-main{gap:var(--sp-3);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.party-grid{gap:var(--sp-3);flex:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;min-height:0;display:grid;overflow:hidden auto}.ps-lower{gap:var(--sp-3);flex:1 1 0;min-height:0;display:flex}.ps-block-title{margin:0 0 var(--sp-1);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.04em;color:var(--gold)}.ps-spells{min-width:0;min-height:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb, var(--nebula) 45%, transparent);border:1px solid color-mix(in srgb, var(--el-dark) 35%, transparent);flex-direction:column;flex:1.4;display:flex}.ps-spell-wrap{gap:var(--sp-2);flex:1;min-height:0;display:flex}.ps-spell-list{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;overflow:hidden auto}.ps-spell-list .spell-row{align-items:center;gap:var(--sp-2);text-align:left;width:100%;padding:.3rem .55rem;display:flex}.ps-spell-list .spell-row .sr-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:clamp(.72rem,.5vw + .55rem,.92rem);line-height:1.18;display:-webkit-box;overflow:hidden}.ps-spell-list .spell-row .sr-cost{font-size:var(--fs-xs);color:var(--stardust)}.ps-spell-list .spell-row.locked{opacity:.55;flex-wrap:wrap;row-gap:1px}.ps-spell-list .spell-row.locked .sr-cost{text-align:right;white-space:normal;flex:1 0 100%}.ps-spell-wrap .detail-card{flex:0 0 min(calc(270px * var(--ui-scale)), 26vw);width:auto;max-height:100%;padding:var(--sp-2) var(--sp-3);overflow:hidden auto}.ps-conv-head{margin:var(--sp-2) 0 0;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--gold)}.ps-spell-list .conv-row .sr-partner{font-size:var(--fs-xs);color:var(--stardust);white-space:normal;font-weight:400;line-height:1.25;display:block}.ps-spell-list .spell-row.covered{border-color:color-mix(in srgb, var(--gold) 65%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--gold) 25%, transparent)}.ps-spell-list .spell-row.covered .sr-cost{color:var(--gold)}.ps-spells.memorial .ps-spell-list{opacity:.55;filter:grayscale(.6)}.ps-spell-wrap .detail-card .card-body,.ps-spell-wrap .detail-card .card-callout{line-height:1.45}.ps-briefing{flex:0 0 calc(280px * var(--ui-scale));min-height:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb, var(--void-deep) 55%, transparent);border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);flex-direction:column;display:flex;overflow:hidden auto}.ps-briefing .brief-chips{margin:0 0 var(--sp-1);flex-wrap:wrap;gap:4px;display:flex}.ps-briefing .brief-chip{text-transform:none;font-size:var(--fs-xs)}.ps-briefing .brief-tier{font-size:var(--fs-xs);color:color-mix(in srgb, var(--starlight) 82%, var(--stardust));margin:0;line-height:1.45}.ps-briefing .brief-tier b{color:var(--starlight)}.ps-briefing .brief-rules{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);color:var(--stardust);padding-left:1.1em;line-height:1.5}.ps-briefing .brief-permadeath{padding-top:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.03em;margin:auto 0 0;font-weight:700}.ps-briefing .brief-permadeath.sanctuary{color:color-mix(in srgb, var(--gold) 70%, var(--starlight))}.ps-briefing .brief-permadeath.field{color:color-mix(in srgb, var(--danger) 55%, var(--starlight))}.inspect-panel{flex:0 0 calc(300px * var(--ui-scale));align-items:center;gap:var(--sp-1);min-height:0;padding:var(--sp-3);border-radius:var(--r-md);background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--tint,var(--el-dark)) 14%, transparent), transparent 70%), color-mix(in srgb, var(--el-dark) 8%, transparent);border:1px solid color-mix(in srgb, var(--tint,var(--el-dark)) 35%, transparent);flex-direction:column;display:flex}.inspect-panel .ip-figure{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;position:relative}.inspect-panel .ip-figure .figure{width:auto;max-width:100%;height:100%;max-height:min(44vh,380px);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--tint,var(--stardust)) 45%, transparent))}.inspect-panel .ip-name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--starlight);font-weight:700}.inspect-panel .ip-meta{font-size:var(--fs-xs);color:var(--stardust)}.inspect-panel .bar{width:100%}.inspect-panel .ip-status{font-size:var(--fs-xs);color:var(--stardust);text-align:center;margin:.2rem 0 0}.inspect-panel .ip-stats{justify-content:space-between;gap:var(--sp-1);width:100%;margin-top:.2rem;display:flex}.inspect-panel .ip-stat{font-size:var(--fs-xs);color:var(--starlight)}.inspect-panel .ip-stat b{letter-spacing:.05em;color:var(--stardust);margin-right:.25em;font-size:.66rem}.inspect-panel .ip-satchel{border-top:1px solid var(--line);width:100%;margin-top:.35rem;padding-top:.3rem}.inspect-panel .ip-satchel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--stardust);margin:0 0 .2rem;font-size:.66rem}.inspect-panel .ip-satchel-row{font-size:var(--fs-xs);color:var(--starlight);align-items:center;gap:.4rem;padding:.12rem 0;display:flex}.inspect-panel .ip-satchel-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.inspect-panel .ip-satchel-charges{color:var(--stardust);white-space:nowrap;font-size:.66rem}.inspect-panel .satchel-use{padding:.1rem .5rem;font-size:.66rem}.inspect-panel .ip-profile{font-size:var(--fs-xs);text-align:center;color:color-mix(in srgb, var(--starlight) 70%, var(--stardust));margin:.35rem 0 0;font-style:italic;line-height:1.5}.inspect-panel .ip-figure img.ip-battler-art{object-fit:contain;object-position:bottom center;width:100%;height:100%;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--tint,var(--stardust)) 45%, transparent));position:absolute;inset:0}.inspect-panel.has-battler-art .ip-figure .figure{visibility:hidden}.inspect-panel.memorial .ip-figure :is(.figure,img.ip-battler-art){filter:grayscale(.95)brightness(.6)}.inspect-panel.memorial .memorial-note{color:color-mix(in srgb, var(--gold) 45%, var(--stardust));font-style:italic}.candle{background:color-mix(in srgb, var(--gold) 85%, var(--starlight));width:10px;height:10px;box-shadow:0 0 14px color-mix(in srgb, var(--gold) 80%, transparent), 0 0 42px color-mix(in srgb, var(--gold) 45%, transparent);border-radius:50%;margin-left:-5px;animation:2.8s ease-in-out infinite candle-flicker;position:absolute;bottom:8%;left:50%}@keyframes candle-flicker{0%,to{opacity:.85}40%{opacity:1}62%{opacity:.72}}.fairy-card.locked .portrait:after{content:"";background:color-mix(in srgb, var(--gold) 85%, var(--starlight));width:6px;height:6px;box-shadow:0 0 10px color-mix(in srgb, var(--gold) 75%, transparent);border-radius:50%;margin-left:-3px;animation:2.8s ease-in-out infinite candle-flicker;position:absolute;bottom:6%;left:50%}.fairy-card.inspected{box-shadow:0 0 0 2px color-mix(in srgb, var(--starlight) 55%, transparent), 0 0 14px color-mix(in srgb, var(--starlight) 22%, transparent);transform:translateY(-1px)}.fairy-card{gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb, var(--el-dark) 10%, transparent);border:2px solid color-mix(in srgb, var(--el-dark) 35%, transparent);cursor:pointer;transition:border-color var(--dur-ui), transform var(--dur-fast), background var(--dur-ui);flex-direction:column;display:flex}.fairy-card:hover{background:color-mix(in srgb, var(--el-dark) 20%, transparent)}.fairy-card.selected{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 15%, transparent)}.fairy-card.benched{opacity:.6;cursor:not-allowed}.fairy-card.locked{opacity:.4;filter:grayscale(.9);cursor:not-allowed}.fairy-card.downed{border-color:color-mix(in srgb, var(--danger) 70%, transparent)}.fairy-card .portrait{border-radius:var(--r-sm);height:clamp(44px,7vh,68px);position:relative}.fairy-card .fc-name{font-weight:700;font-size:var(--fs-sm);color:var(--starlight)}.fairy-card .fc-meta{font-size:var(--fs-xs);color:var(--stardust)}.fairy-card .tag{text-transform:uppercase;letter-spacing:.04em;color:var(--starlight);border-radius:6px;align-self:flex-start;padding:.1rem .4rem;font-size:.72rem}.fairy-card .tag.dead{background:color-mix(in srgb, var(--stardust) 45%, transparent)}.fairy-card .tag.benched{background:color-mix(in srgb, var(--el-dark) 30%, transparent)}.fairy-card .tag.downed{background:color-mix(in srgb, var(--danger) 30%, transparent);color:color-mix(in srgb, var(--danger) 35%, var(--starlight))}.fairy-card.forced-in{border-color:var(--gold);cursor:not-allowed}.fairy-card .tag.forced-in{background:color-mix(in srgb, var(--gold) 25%, transparent);color:color-mix(in srgb, var(--gold) 60%, var(--starlight))}.fairy-card .tag.weakened-start{background:color-mix(in srgb, var(--danger) 18%, transparent)}.convergence-hint{color:var(--el-electricity)}.confirm-row{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-top:auto;display:flex}.confirm-row .selected-count{color:var(--stardust)}.confirm-row .count-group{align-items:center;gap:var(--sp-3);min-width:0;display:inline-flex}.confirm-row .coverage-label{font-size:var(--fs-xs);color:var(--stardust);text-transform:uppercase;letter-spacing:.08em}.confirm-row .coverage-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.roster-summary{text-align:left;flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.roster-summary li{font-size:var(--fs-xs);justify-content:space-between;gap:1rem;display:flex}.lost-note{color:var(--danger);margin:.5rem 0 0}.darkar-power{color:color-mix(in srgb, var(--tint-darkar) 55%, var(--starlight));letter-spacing:.04em;text-shadow:0 0 12px color-mix(in srgb, var(--tint-darkar) 55%, transparent);margin:.4rem 0 0}.codex-loss{color:var(--danger);margin:.5rem 0 0;font-weight:600}.clear-moment{justify-content:center;align-items:center;gap:var(--sp-5);max-height:min(14vh,120px);margin-top:.4rem;display:flex}.constellation{gap:.75rem;display:flex}.const-node{animation:const-ignite var(--dur-slow) var(--ease) both;animation-delay:var(--ignite-delay,0s);flex-direction:column;align-items:center;gap:3px;display:flex}.const-node .sigil{width:clamp(26px,4vh,34px);height:clamp(26px,4vh,34px);filter:drop-shadow(0 0 10px color-mix(in srgb, currentColor 65%, transparent))}.const-node.dead{opacity:.35;filter:grayscale(.9);animation:none}.const-pips{flex-wrap:wrap;justify-content:center;gap:2px;max-width:4.2rem;display:flex}.const-node .pip{background:color-mix(in srgb, var(--gold) 80%, var(--starlight));width:5px;height:5px;box-shadow:0 0 6px color-mix(in srgb, var(--gold) 70%, transparent);border-radius:50%}.const-node.dead .pip{background:color-mix(in srgb, var(--stardust) 50%, transparent);box-shadow:none}.const-node .pip.new{animation:pip-ignite .6s var(--ease) both;animation-delay:calc(var(--ignite-delay,0s) + var(--dur-slow))}@keyframes const-ignite{0%{opacity:.15;filter:saturate(.2);transform:translateY(6px)}}@keyframes pip-ignite{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.9)}to{transform:scale(1)}}.clear-moment.retreat .constellation{opacity:.55;filter:saturate(.55)}.victory-figure{position:relative}.victory-figure .figure{width:auto;height:min(17vh,138px);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--tint,var(--gold)) 55%, transparent))}.victory-figure img.victory-battler-art{object-fit:contain;object-position:bottom center;width:100%;height:100%;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--tint,var(--gold)) 55%, transparent));position:absolute;inset:0}.victory-figure.has-battler-art .figure{visibility:hidden}.fracture-frame{background:radial-gradient(circle, color-mix(in srgb, var(--el-dark) 30%, transparent), transparent 70%);border-radius:50%;width:min(16vh,124px);height:min(16vh,124px);position:relative}.fracture-frame .fr-old,.fracture-frame .fr-new{position:absolute;inset:0}.fracture-frame svg{width:100%;height:100%}.fracture-frame .fr-new{animation:fr-gain 1.4s var(--ease) .5s both}@keyframes fr-gain{0%{opacity:0;filter:drop-shadow(0 0 18px var(--gold))}to{opacity:1;filter:none}}.result-card .cmd{margin-top:.75rem}.result-card .cmd+.cmd{margin-left:.5rem}.screen-stage-clear{text-align:center;justify-content:safe center}.screen-stage-clear .result-card{width:100%;padding:var(--sp-3) var(--sp-5)}.screen-stage-clear .result-card h2{font-size:var(--fs-xl);margin:0}.screen-stage-clear .result-card.win h2{margin:calc(-1 * var(--sp-3)) calc(-1 * var(--sp-5)) 0;padding:var(--sp-2) var(--sp-5) var(--sp-1);background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--gold) 14%, transparent) 18%, color-mix(in srgb, var(--gold) 20%, transparent) 50%, color-mix(in srgb, var(--gold) 14%, transparent) 82%, transparent 100%);border-bottom:1px solid color-mix(in srgb, var(--gold) 30%, transparent);animation:banner-compose var(--dur-slow) var(--ease) both}@keyframes banner-compose{0%{opacity:0;letter-spacing:.12em}}.screen-stage-clear .result-card p{font-size:var(--fs-sm);margin:.35rem 0 0}.rankup{flex-direction:column;width:100%;min-height:0;display:flex}.rankup h3{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:var(--ls-display);background:var(--grad-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem}.rankup-grid{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;margin:.45rem 0;display:grid;overflow-x:clip}@media (width>=1200px){.rankup-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.rankup-card{padding:var(--sp-1) var(--sp-2) var(--sp-2);border-radius:var(--r-md);background:color-mix(in srgb, var(--el-dark) 10%, transparent);border:2px solid color-mix(in srgb, var(--el-dark) 35%, transparent);text-align:center;flex-direction:column;align-items:stretch;gap:2px;display:flex}.rankup-card .portrait{border-radius:var(--r-sm);height:clamp(24px,3.4vh,34px);position:relative}.rankup-card .fc-name{font-weight:700;font-size:var(--fs-sm)}.rankup-card .fc-meta{font-size:var(--fs-xs);color:var(--stardust)}.rankup-hpwe{color:var(--stardust);font-size:.76rem}.rankup-growth{border-top:1px solid color-mix(in srgb, var(--gold) 12%, transparent);border-bottom:1px solid color-mix(in srgb, var(--gold) 12%, transparent);color:color-mix(in srgb, var(--gold) 62%, var(--stardust));grid-template-columns:repeat(5,1fr);align-items:center;gap:1px;margin:.1rem 0 .05rem;padding:2px 0;display:grid}.gs-slot{flex-direction:column;align-items:center;gap:0;line-height:1.05;display:flex}.gs-slot .stat-glyph{width:calc(11px * var(--ui-scale,1));height:calc(11px * var(--ui-scale,1));filter:none}.gs-val{font-size:.62rem;font-weight:600}.gs-slot.none{opacity:.3}.rankup-card .boosts{flex-direction:column;gap:.15rem;margin-top:.2rem;display:flex}button.cmd.boost-opt{flex-direction:row;flex:none;justify-content:space-between;align-items:baseline;gap:.3rem;padding:.2rem .45rem;font-size:.82rem;display:flex}.boost-opt small{color:var(--stardust);font-size:.7rem}.boost-opt.selected{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--starlight);box-shadow:0 0 10px color-mix(in srgb, var(--gold) 22%, transparent);font-weight:700}.boost-opt.selected:before{content:"✓";color:var(--gold);margin-right:.25rem;font-weight:700}.boost-opt.selected small{color:color-mix(in srgb, var(--gold) 70%, var(--starlight))}.settings-overlay{z-index:var(--z-settings);background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:settings-fade var(--dur-ui) ease-out;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.settings-panel{width:min(calc(600px * var(--ui-scale)), 94vw);border-radius:var(--r-lg);background:linear-gradient(165deg, var(--nebula-hi) 0%, var(--nebula) 45%, var(--void) 100%);border:1px solid color-mix(in srgb, var(--el-dark) 45%, transparent);max-height:calc(100dvh - 2rem);box-shadow:0 0 60px color-mix(in srgb, var(--el-dark) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--starlight) 6%, transparent);animation:settings-rise .28s var(--ease-pop);padding:1.6rem 2rem 1.4rem;overflow-y:auto}.settings-title{font-family:var(--font-display);letter-spacing:var(--ls-display);text-align:center;background:var(--grad-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:1.9rem}.setting-group{border-top:1px solid color-mix(in srgb, var(--starlight) 8%, transparent);padding:.8rem 0}.setting-group h3{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--stardust) 40%, var(--starlight));margin:0 0 .6rem;font-size:.8rem}.setting-row{justify-content:space-between;align-items:center;gap:1.25rem;padding:.35rem 0;display:flex}.setting-row.column{flex-direction:column;align-items:stretch;gap:.5rem}.setting-label span{font-weight:600}.setting-desc{color:var(--stardust);margin:.15rem 0 0;font-size:.78rem;line-height:1.35}.vol-ctl{flex:0 0 46%;align-items:center;gap:.6rem;display:flex}.vol-ctl input[type=range]{accent-color:var(--gold);cursor:pointer;flex:1}.vol-val{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5ch;color:var(--stardust);font-size:.85rem}.seg{gap:.4rem;display:flex}.seg .seg-btn{flex:1;padding:.5rem .6rem;font-size:.88rem}.seg .seg-btn.selected{background:color-mix(in srgb, var(--gold) 20%, transparent);border-color:color-mix(in srgb, var(--gold) 75%, transparent);color:var(--gold-hi);box-shadow:inset 0 0 12px color-mix(in srgb, var(--gold) 12%, transparent);font-weight:700}.settings-panel .assist-toggle{flex:none;margin-top:0}.settings-actions{justify-content:center;padding-top:1rem;display:flex}@keyframes settings-fade{0%{opacity:0}}@keyframes settings-rise{0%{opacity:0;transform:translateY(18px)scale(.97)}}.cutscene-overlay{z-index:var(--z-cutscene);background:radial-gradient(ellipse at 50% 22%, color-mix(in srgb, var(--el-dark) 18%, transparent), transparent 62%), linear-gradient(180deg, var(--void) 0%, var(--void-deep) 100%);place-items:end center;padding:2rem 1rem 3rem;animation:.35s ease-out settings-fade;display:grid;position:fixed;inset:0}.cutscene-stage{flex-direction:column;align-items:center;gap:1.1rem;width:min(760px,96vw);display:flex}.cutscene-portrait{--tint:var(--tint-default);border-radius:var(--r-lg);background:linear-gradient(165deg, color-mix(in srgb, var(--tint) 45%, var(--void)) 0%, color-mix(in srgb, var(--nebula) 55%, var(--void)) 90%);border:2px solid color-mix(in srgb, var(--tint) 65%, transparent);width:132px;height:168px;box-shadow:0 0 44px color-mix(in srgb, var(--tint) 35%, transparent);place-items:center;display:grid}.cutscene-portrait.pop{animation:portrait-pop .3s var(--ease-pop)}.cp-initial{font-size:3.6rem;font-family:var(--font-display);color:var(--starlight);text-shadow:0 0 24px color-mix(in srgb, var(--tint) 80%, transparent);font-weight:800}.cutscene-box{border-radius:var(--r-lg);background:color-mix(in srgb, var(--nebula) 62%, var(--void-deep));border:1px solid color-mix(in srgb, var(--el-dark) 40%, transparent);width:100%;min-height:7.4rem;box-shadow:0 0 40px color-mix(in srgb, var(--el-dark) 14%, transparent);padding:1rem 1.4rem 1.4rem;position:relative}.cutscene-name{font-family:var(--font-display);letter-spacing:.05em;color:var(--gold);text-shadow:0 0 14px color-mix(in srgb, var(--gold) 35%, transparent);font-weight:700}.cutscene-text{min-height:3.1em;margin:.4rem 0 0;font-size:1.05rem;line-height:1.55}.cutscene-hint{letter-spacing:.06em;opacity:.5;font-size:.75rem;animation:1.6s ease-in-out infinite hint-pulse;position:absolute;bottom:.55rem;right:1.1rem}.cutscene-skip{opacity:.85;font-size:.85rem;position:absolute;top:1rem;right:1.25rem}.cutscene-overlay.narration .cutscene-portrait,.cutscene-overlay.narration .cutscene-name{display:none}.cutscene-overlay.narration .cutscene-text{text-align:center;color:color-mix(in srgb, var(--starlight) 88%, var(--el-dark));font-size:1.12rem;font-style:italic}@keyframes portrait-pop{0%{opacity:0;transform:translateY(10px)scale(.92)}}@keyframes hint-pulse{0%,to{opacity:.3}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.settings-overlay,.settings-panel,.cutscene-overlay,.cutscene-portrait.pop,.cutscene-hint,.candle,.fairy-card.locked .portrait:after,.const-node,.const-node .pip,.fracture-frame .fr-new,.disclaimer-card .dc-hint,.screen-stage-clear .result-card.win h2{animation:none}}.story-card-overlay{z-index:var(--z-cutscene);background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--nebula) 70%, transparent), transparent 70%), color-mix(in srgb, var(--void-deep) 96%, transparent);cursor:pointer;place-items:center;display:grid;position:fixed;inset:0}.story-card{text-align:center;background:var(--panel);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);max-width:min(640px,86vw);max-height:88vh;box-shadow:0 0 60px color-mix(in srgb, var(--nebula-hi) 35%, transparent);animation:settings-rise var(--dur-slow) var(--ease-pop) both;border-radius:14px;padding:28px 34px;overflow-y:auto}.dc-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);margin:0 0 2px;font-size:1.6rem}.dc-subtitle{color:var(--starlight);margin:0 0 16px;font-style:italic}.dc-para{color:var(--stardust);text-align:left;margin:0 0 12px;font-size:.86rem;line-height:1.55}.dc-credits-heading{color:var(--gold);letter-spacing:.2em;margin:16px 0 8px;font-size:.8rem}.dc-credit{color:var(--starlight);margin:0 0 5px;font-size:.82rem}.dc-hint{color:var(--stardust);margin-top:18px;font-size:.75rem;animation:2.2s ease-in-out infinite hint-pulse}.story-card-overlay.disclaimer{background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--nebula) 55%, transparent), transparent 70%), color-mix(in srgb, var(--void-deep) 78%, transparent);-webkit-backdrop-filter:blur(7px)}.story-card.disclaimer-card{max-width:min(52rem,90vw)}.disclaimer-card .dc-hint{color:var(--starlight);animation:2.2s ease-in-out infinite dc-hint-pulse}@keyframes dc-hint-pulse{0%,to{opacity:.65}50%{opacity:1}}.dc-six{justify-content:center;gap:.55rem;margin:2px 0 14px;display:flex}.dc-six i{width:8px;height:8px;box-shadow:0 0 8px color-mix(in srgb, currentColor 65%, transparent);background:currentColor;border-radius:50%}.dc-dots{justify-content:center;gap:.45rem;margin-top:14px;display:flex}.dc-dot{background:color-mix(in srgb, var(--stardust) 45%, transparent);border-radius:50%;width:8px;height:8px}.dc-dot.current{background:var(--gold);box-shadow:0 0 6px color-mix(in srgb, var(--gold) 55%, transparent)}.result-card.thank-you p{max-width:46ch}.title-card{box-shadow:none;animation:title-card-in .7s var(--ease) both;background:0 0;border:none}.tc-episode{color:var(--gold);letter-spacing:.34em;text-transform:uppercase;margin:0 0 10px;font-size:.85rem}.tc-name{font-family:var(--font-display);letter-spacing:.1em;color:var(--starlight);text-shadow:0 0 34px color-mix(in srgb, var(--nebula-hi) 60%, transparent);margin:0;font-size:clamp(1.8rem,4.4vw,3rem)}@keyframes title-card-in{0%{opacity:0;letter-spacing:.2em;transform:translateY(14px)}to{opacity:1;transform:none}}.story-card.ending-title-card{max-width:min(52rem,90vw)}.etc-sigil{color:var(--gold);display:inline-block}.etc-sigil svg{width:64px;height:64px}.etc-sigil .em-fill{fill:currentColor;opacity:.24}.etc-kicker{color:var(--gold);letter-spacing:.42em;text-transform:uppercase;margin:6px 0 10px;font-size:.85rem}.etc-name{font-family:var(--font-display);letter-spacing:.09em;color:var(--starlight);text-shadow:0 0 34px color-mix(in srgb, var(--gold) 40%, transparent);margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.7rem)}.story-card.lesson-card{max-width:min(52rem,90vw)}.lc-kicker{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb, var(--gold) 72%, var(--stardust));margin:0;font-size:.72rem}.lc-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--starlight);text-shadow:0 0 30px color-mix(in srgb, var(--gold) 32%, transparent);margin:6px 0 0;font-size:clamp(1.5rem,3.2vw,2.1rem)}.lc-sub{max-width:52ch;color:var(--stardust);margin:0 auto;font-size:.86rem;font-style:italic;line-height:1.5}.lesson-card .go-tip{max-width:52ch;margin:14px auto 0}.lc-go{margin-top:18px}.finisher-overlay{z-index:var(--z-cutscene);text-align:center;cursor:pointer;background:radial-gradient(ellipse at 50% 44%, color-mix(in srgb, var(--gold) 9%, transparent), transparent 55%), color-mix(in srgb, var(--void-deep) 93%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:6vh 6vw;display:flex;position:fixed;inset:0}.fin-stage{aspect-ratio:1;width:min(40vh,64vw);position:relative}.fin-core{background:var(--gold);width:18px;height:18px;box-shadow:0 0 40px color-mix(in srgb, var(--gold) 80%, transparent), 0 0 90px color-mix(in srgb, var(--starlight) 45%, transparent);animation:fin-core-swell 2.4s var(--ease) infinite alternate;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.fin-orb{background:var(--tint,var(--gold));width:14px;height:14px;box-shadow:0 0 18px color-mix(in srgb, var(--tint,var(--gold)) 75%, transparent);transform:rotate(calc(var(--fi) / var(--fn) * 360deg)) translateY(-15vh);animation:fin-converge 3.4s var(--ease) forwards;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}@keyframes fin-converge{0%{transform:rotate(calc(var(--fi) / var(--fn) * 360deg)) translateY(-15vh);opacity:1}70%{transform:rotate(calc(var(--fi) / var(--fn) * 360deg + 170deg)) translateY(-6vh);opacity:1}to{transform:rotate(calc(var(--fi) / var(--fn) * 360deg + 320deg)) translateY(0);opacity:.85}}@keyframes fin-core-swell{0%{transform:scale(1)}to{transform:scale(1.6)}}.fin-line{font-family:var(--font-display);color:var(--starlight);max-width:min(60ch,88vw);text-shadow:0 0 24px color-mix(in srgb, var(--gold) 35%, transparent);margin:0;font-size:1.05rem;line-height:1.6}.finisher-overlay .dc-hint{color:var(--starlight);margin-top:4px}.finisher-overlay.static .fin-orb,.finisher-overlay.static .fin-core{animation:none}.finisher-overlay.static .fin-orb{opacity:.9;transform:none}.go-zone{color:var(--starlight);max-width:52ch;margin:10px auto 0;font-size:.9rem;font-style:italic}.quit-farewell{color:var(--stardust);max-width:52ch;margin:6px auto 10px;font-size:.82rem;font-style:italic}.restore-toast{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;animation:restore-toast-in .7s var(--ease-pop) both;margin:2px 0 0;font-size:.95rem}@keyframes restore-toast-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}.title-six{opacity:.9;margin:.9rem 0 0;animation:.6s ease-out .85s both title-part-in}.title-six i{width:.38rem;height:.38rem}.title-footer{letter-spacing:.06em;color:color-mix(in srgb, var(--stardust) 70%, transparent);margin-top:0;font-size:.7rem;animation:.6s ease-out .9s both title-part-in}.title-version{letter-spacing:.08em;color:color-mix(in srgb, var(--stardust) 62%, transparent);margin:0;font-size:.62rem;position:fixed;bottom:10px;right:14px}.result-card.grand-card{background:color-mix(in srgb, var(--nebula) 64%, transparent);-webkit-backdrop-filter:blur(7px);border-color:color-mix(in srgb, var(--gold) 30%, transparent);max-width:min(52rem,90vw);box-shadow:0 0 60px color-mix(in srgb, var(--nebula-hi) 35%, transparent);margin-inline:auto}.result-card.lose.grand-card{border-color:color-mix(in srgb, var(--danger) 30%, var(--nebula-hi))}.gc-six{margin:.15rem 0 .9rem}.gc-six i{width:7px;height:7px}.result-card.lose .gc-six{opacity:.55}.go-tip{background:color-mix(in srgb, var(--nebula) 45%, transparent);border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);color:var(--stardust);text-align:left;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:.82rem;line-height:1.5}.counsel-label{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:color-mix(in srgb, var(--gold) 70%, var(--stardust));margin:0 0 4px;font-size:.66rem;font-weight:600}.counsel-body{margin:0}.cmd.danger-edge{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.cmd.danger-edge:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger) 70%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent)}.cmd.just-armed{animation:confirm-wake .55s var(--ease-pop) 1}@keyframes confirm-wake{0%{filter:brightness();transform:scale(1)}45%{filter:brightness(1.35);transform:scale(1.06)}to{filter:brightness();transform:scale(1)}}.memorial-six{margin:10px 0 0}.memorial-six i{opacity:.8;width:6px;height:6px}.mvp-card{margin-top:8px;background:color-mix(in srgb, var(--void-deep) 55%, transparent);border:1px solid color-mix(in srgb, var(--gold) 26%, transparent);border-radius:10px;max-width:min(38rem,100%);margin-inline:auto;padding:7px 12px}.mvp-title{font-family:var(--font-display);color:var(--gold);letter-spacing:.06em;margin:0 0 4px;font-size:.88rem}.mvp-rows{gap:2px;display:grid}.mvp-row{color:var(--stardust);grid-template-columns:1fr repeat(4,minmax(52px,auto));gap:8px;font-size:.74rem;line-height:1.35;display:grid}.mvp-row.is-mvp{color:var(--starlight)}.mvp-row.is-mvp .mvp-name{color:var(--gold)}.mvp-row .num{text-align:right}.mvp-row .taken{opacity:.75}.mvp-legend{color:var(--stardust);letter-spacing:.03em;margin:6px 0 0;font-size:.7rem}@media (height<=850px){.clear-moment{max-height:min(11vh,84px);margin-top:.3rem}.mvp-card{margin-top:6px;padding:4px 10px}.mvp-title{margin-bottom:2px;font-size:.8rem}.mvp-row{font-size:.7rem;line-height:1.24}.mvp-legend{margin-top:3px;font-size:.64rem}.rankup h3{font-size:var(--fs-md);margin-bottom:0}.rankup-grid{margin:.3rem 0}.rankup-card .fc-meta{font-size:.66rem}.victory-figure .figure{height:min(11vh,84px)}.fracture-frame{width:min(11vh,84px);height:min(11vh,84px)}.const-node .sigil{width:clamp(22px,3.2vh,28px);height:clamp(22px,3.2vh,28px)}}.cmd.menu-exit{opacity:.85;font-size:.74rem}.quit-confirm{flex-direction:column;gap:.6rem;margin-top:.4rem;display:flex}.quit-warning{color:var(--danger);max-width:34ch;margin:0 auto;font-size:.82rem}.cmd.danger{border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger)}.cmd.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, var(--nebula))}.howto-panel{flex-direction:column;width:min(680px,94vw);display:flex}.howto-page-title{color:var(--gold);letter-spacing:.04em;margin:.4rem 0 0;font-size:1.02rem}.howto-body{flex:1;min-height:0;max-height:min(52vh,30rem);padding-right:.4rem;overflow:hidden auto}.howto-body p{color:var(--starlight);margin:.55rem 0;font-size:.88rem;line-height:1.5}.howto-nav{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.7rem;display:flex}.howto-nav .cmd{font-size:.74rem}.howto-dots{flex-wrap:wrap;justify-content:center;gap:.42rem;display:flex}.howto-dot{border:1px solid var(--line);background:var(--bar-track);cursor:pointer;border-radius:50%;width:.62rem;height:.62rem;padding:0}.howto-dot.current{background:var(--gold);border-color:var(--gold)}.howto-demo{border:1px solid var(--line);background:color-mix(in srgb, var(--bar-track) 55%, transparent);border-radius:.6rem;margin:.55rem 0 .3rem;padding:.65rem .75rem}.howto-demo-note{color:var(--stardust);text-align:center;margin:.35rem 0 0;font-size:.74rem}.howto-meter{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0 auto;padding:.8rem 1rem;position:relative}.howto-meter .meter-arc{width:min(340px,92%)}.howto-meter.rm-static{cursor:default}.howto-we{align-items:center;gap:1rem;display:flex}.howto-we-plate{flex:none;width:108px;height:84px;position:relative}.howto-we-ctl{flex:1;min-width:0}.howto-we-slider{width:100%;accent-color:var(--gold)}.howto-we-scale{color:var(--stardust);justify-content:space-between;font-size:.66rem;display:flex}.howto-we-mark{color:var(--gold)}.howto-we .howto-demo-note{text-align:left}.howto-cmx-row{align-items:center;gap:.5rem;display:flex}.howto-cmx-badge{letter-spacing:.06em;color:var(--gold);border:1px solid var(--gold);border-radius:.3rem;padding:.05rem .3rem;font-size:.62rem;font-weight:700}.howto-cmx-bar{background:var(--bar-track);border-radius:999px;flex:1;height:.55rem;overflow:hidden}.howto-cmx-bar .fill{border-radius:inherit;background:var(--gold);height:100%;transition:width .5s var(--ease);display:block}.howto-cmx-num{text-align:right;min-width:2.4ch;color:var(--starlight);font-size:.78rem}.howto-cmx-row.warning .fill{background:var(--danger)}.howto-cmx-row.warning .howto-cmx-badge{color:var(--danger);border-color:var(--danger)}.howto-cmx-row.backlash .fill{background:var(--danger)}.howto-cmx-row.backlash{animation:.55s ease-in-out 2 howto-backlash}@keyframes howto-backlash{50%{filter:brightness(2.1);transform:translate(2px)}}.howto-cmx-note{text-align:left;min-height:2.2em}.howto-cmx.rm-static{gap:.25rem;display:grid}.howto-conv-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:baseline;gap:.1rem .55rem;padding:.42rem 0;display:grid}.howto-conv-row:first-child{border-top:0}.howto-conv-row .chip{grid-row:span 3;align-self:start}.howto-conv-name{color:var(--starlight);font-weight:700}.howto-conv-cmx{color:var(--gold)}.howto-conv-pair{color:var(--gold);grid-column:2;font-size:.74rem}.howto-conv-desc{color:var(--stardust);grid-column:2;font-size:.74rem}.howto-items{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem;display:grid}.howto-item-card{border:1px solid var(--line);background:color-mix(in srgb, var(--nebula) 70%, transparent);border-radius:.5rem;padding:.45rem .55rem}.howto-item-head{color:var(--starlight);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.howto-item-rule{color:var(--gold);margin:.15rem 0;font-size:.68rem}.howto-item-desc{color:var(--stardust);font-size:.72rem}.howto-elements{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.howto-falls{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.howto-fall-tile{border:1px solid var(--line);color:var(--stardust);border-radius:.5rem;gap:.15rem;padding:.5rem .3rem;font-size:.72rem;display:grid}.howto-fall-tile b{color:var(--starlight)}.howto-fall-icon{font-size:1.3rem}.howto-fall-tile.sanctuary{border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.howto-fall-tile.field{border-color:color-mix(in srgb, var(--danger) 55%, var(--line))}.howto-keys-list{gap:.35rem;display:grid}.howto-key-row{align-items:baseline;gap:.6rem;display:flex}.howto-keys{flex:none;gap:.25rem;min-width:6.5rem;display:flex}.keycap{font-family:var(--font-body);color:var(--starlight);border:1px solid var(--line);background:var(--bar-track);border-bottom-width:2px;border-radius:.3rem;padding:.08rem .42rem;font-size:.7rem}.howto-key-does{color:var(--stardust);font-size:.78rem}.howto-locked-teaser{color:var(--stardust);text-align:center;margin:1.4rem .2rem;font-size:.92rem;font-style:italic}.howto-item-card.redacted{opacity:.75}.howto-item-card.redacted b,.howto-item-card.redacted .howto-item-rule,.howto-item-card.redacted .howto-item-desc{color:var(--stardust);font-style:italic}.howto-item-silhouette{background:color-mix(in srgb, var(--stardust) 45%, transparent);filter:blur(3px);border-radius:.3rem;width:2.6rem;height:.95rem;display:inline-block}.howto-conv-row.redacted .howto-conv-name,.howto-conv-row.redacted .howto-conv-desc{color:var(--stardust);filter:blur(.6px);font-style:italic}.howto-conv-row.redacted .chip{filter:blur(2px)}.howto-dmg{gap:.35rem;margin-top:.55rem;display:grid}.howto-dmg-row{align-items:center;gap:.5rem;display:flex}.howto-dmg-label{width:7.2rem;color:var(--starlight);flex:none;font-size:.74rem}.howto-dmg-label small{color:var(--stardust)}.howto-dmg-bar{background:var(--bar-track);border-radius:999px;flex:1;height:.6rem;overflow:hidden}.howto-dmg-bar .fill{border-radius:inherit;background:var(--tint,var(--gold));height:100%;display:block}.howto-dmg-num{text-align:right;min-width:2.6ch;color:var(--starlight);font-size:.8rem;font-weight:700}.howto-info-tiles{gap:.4rem;margin-top:.5rem;display:grid}.howto-info-tile{border:1px solid var(--line);color:var(--stardust);border-radius:.5rem;align-items:center;gap:.55rem;padding:.4rem .55rem;font-size:.74rem;display:flex}.howto-info-tile.warn{border-color:color-mix(in srgb, var(--danger) 55%, var(--line))}.howto-info-tile.scan{border-color:color-mix(in srgb, var(--gold) 45%, var(--line))}.howto-rank{gap:.3rem;display:grid}.howto-rank-row{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--nebula) 70%, transparent);color:var(--starlight);font:inherit;cursor:pointer;border-radius:.5rem;align-items:baseline;gap:.6rem;padding:.4rem .6rem;font-size:.8rem;display:flex}.howto-rank-row span{color:var(--stardust);font-size:.72rem}.howto-rank-row.picked{border-color:var(--gold);box-shadow:0 0 8px color-mix(in srgb, var(--gold) 45%, transparent)}.howto-rank-row.picked b{color:var(--gold)}.howto-statuses{gap:.3rem;display:grid}.howto-status-head{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);margin-top:.35rem;font-size:.68rem;font-weight:700}.howto-status-row{color:var(--stardust);align-items:center;gap:.55rem;font-size:.76rem;display:flex}.howto-status-row .glyph{flex:none;width:1.05rem;height:1.05rem}.howto-status-row b{min-width:7.5rem;color:var(--starlight);flex:none}.howto-turn-strip{justify-content:center;gap:.8rem;padding:.3rem 0 .45rem;display:flex}.howto-turn-slot{justify-items:center;gap:.15rem;display:grid}.howto-turn-slot .medal-chip{border-radius:var(--r-sm);background:var(--panel);border:1px solid color-mix(in srgb, var(--el-dark) 65%, transparent);width:30px;height:30px;transition:border-color var(--dur-ui), box-shadow var(--dur-ui);place-items:center;display:grid}.howto-turn-slot .medal-chip .order-pip{text-align:center;min-width:15px;height:15px;color:var(--stardust);background:color-mix(in srgb, var(--nebula-hi) 70%, transparent);border:1px solid color-mix(in srgb, var(--stardust) 35%, transparent);border-radius:50%;font-size:.62rem;font-style:normal;font-weight:700;line-height:14px}.howto-turn-slot .medal-chip.active{border-color:var(--gold);box-shadow:0 0 12px color-mix(in srgb, var(--gold) 55%, transparent)}.howto-turn-slot .medal-chip.active .order-pip{color:var(--void);background:var(--gold);border-color:var(--gold-hi)}.howto-turn-name{color:var(--starlight);font-size:.64rem}.howto-turn-slot[data-side=enemy] .howto-turn-name{color:var(--stardust)}.howto-turn-spd{color:var(--gold);font-size:.6rem}.howto-turn-ctl{align-items:center;gap:.7rem;display:flex}.howto-turn-ctl .howto-demo-note{text-align:left;flex:1;margin:0}.howto-chip-row{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.howto-cmd-chip{font-size:.74rem}.howto-chip-caption{min-height:1.2em}.howto-pick-modes{gap:.4rem;margin-bottom:.5rem;display:flex}.howto-pick-mode{font-size:.7rem}.howto-pick-mode.active{border-color:var(--gold);color:var(--gold)}.howto-pick-grid{grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:.4rem;display:grid}.howto-pick-card{border:2px solid var(--line);background:color-mix(in srgb, var(--nebula) 70%, transparent);color:var(--starlight);font:inherit;cursor:pointer;border-radius:.5rem;justify-items:center;gap:.2rem;padding:.35rem .25rem;font-size:.68rem;display:grid}.howto-pick-card.selected{border-color:var(--gold);box-shadow:0 0 8px color-mix(in srgb, var(--gold) 40%, transparent)}.howto-pick-card.forced{cursor:default}.howto-pick-card .tag{font-size:.56rem}.howto-pick-plate{width:3.6rem;height:2.6rem;display:block;position:relative}.howto-pick-footer{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.howto-pick-count{color:var(--starlight);font-size:.78rem}@media (prefers-reduced-motion:reduce){.howto-cmx-row.backlash{animation:none}.howto-cmx-bar .fill{transition:none}}.save-status{color:var(--stardust);min-height:1em;margin:.35rem 0 0;font-size:.78rem}.save-status.ok{color:var(--success)}.save-status.bad{color:var(--danger)}.save-paste{resize:vertical;background:var(--bar-track);width:100%;min-height:4.2rem;color:var(--starlight);border:1px solid var(--line);border-radius:var(--r-sm);padding:.45rem .55rem;font-size:.72rem}.save-actions{gap:.5rem;margin-top:.45rem;display:flex}.small-screen-gate{z-index:var(--z-gate);background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.small-screen-gate .gate-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);text-align:center;max-width:26rem;padding:1.2rem 1.4rem}.small-screen-gate h2{color:var(--gold);margin:0 0 .5rem;font-size:1.05rem}.small-screen-gate p{color:var(--starlight);margin:0 0 .8rem;font-size:.86rem;line-height:1.5}.gate-try{color:var(--stardust);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.ending-plaque{border:1px solid color-mix(in srgb, var(--gold) 26%, var(--nebula-hi));border-radius:var(--r-md);background:color-mix(in srgb, var(--panel) 72%, transparent);box-shadow:inset 0 0 18px color-mix(in srgb, var(--void-deep) 55%, transparent);margin-top:.2rem;padding:.55rem 1.15rem .7rem;animation:.6s ease-out .8s both title-part-in}.ending-plaque-label{font-family:var(--font-display);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:color-mix(in srgb, var(--gold) 55%, var(--stardust));margin:0 0 .45rem;font-size:.68rem;font-weight:600}.ending-markers{justify-content:center;gap:.55rem;display:flex}.ending-mark{--gem:var(--gold);border:1px solid var(--nebula-hi);background:radial-gradient(circle at 50% 35%, var(--nebula) 0%, var(--void-deep) 80%);width:1.9rem;height:1.9rem;color:color-mix(in srgb, var(--stardust) 55%, transparent);cursor:default;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ending-mark svg{width:1.1rem;height:1.1rem;display:block}.ending-mark .sg-line{stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.ending-mark .em-fill{fill:currentColor;opacity:0;transition:opacity var(--dur-ui)}.ending-mark.lit .em-fill{opacity:.24}.ending-mark.lit{color:var(--gem);border-color:color-mix(in srgb, var(--gem) 60%, transparent);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--gem) 26%, var(--nebula)) 0%, var(--void-deep) 84%);box-shadow:0 0 12px color-mix(in srgb, var(--gem) 30%, transparent), inset 0 0 6px color-mix(in srgb, var(--gem) 35%, transparent);animation:4.5s ease-in-out infinite gem-glint}.ending-mark.lit svg{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--gem) 80%, transparent))}.ending-mark:nth-child(2).lit{--gem:var(--gold-hi)}.ending-mark:nth-child(3).lit{--gem:var(--el-dark)}.ending-mark:nth-child(4).lit,.ending-mark:nth-child(5).lit{--gem:var(--tint-darkar)}@keyframes gem-glint{0%,to{filter:brightness()}50%{filter:brightness(1.4)}}@media (prefers-reduced-motion:reduce){.ending-mark.lit,.ending-plaque,.title-six,.title-footer{opacity:1;animation:none}.cmd.just-armed{animation:none}}.crossroads-note{color:var(--stardust);max-width:40ch;margin:.4rem auto .8rem;font-size:.8rem}.tap-tooltip{z-index:var(--z-tooltip);pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);max-width:20rem;color:var(--starlight);box-shadow:0 4px 18px color-mix(in srgb, var(--void-deep) 70%, transparent);padding:.4rem .6rem;font-size:.76rem;line-height:1.4;position:fixed}@media (prefers-reduced-motion:reduce){.story-card,.title-card,.restore-toast,.dc-hint{opacity:1;animation:none}.fin-orb,.fin-core{animation:none}.fin-orb{opacity:.9;transform:none}}.community-banner{border:1px solid color-mix(in srgb, var(--gold) 26%, var(--nebula-hi));border-radius:var(--r-md);background:var(--panel);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 14px;font-size:.85rem;display:flex}.cb-msg{color:var(--stardust)}.run-chronicle{margin:.6rem 0 .2rem}.chronicle-title{font-family:var(--font-display);color:var(--gold);margin:0 0 .5rem;font-size:1rem}.chronicle-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.chronicle-cell{border-radius:var(--r-sm);background:color-mix(in srgb, var(--nebula-hi) 40%, transparent);justify-items:center;gap:2px;padding:6px 4px;display:grid}.chronicle-value{font-family:var(--font-display);color:var(--starlight);font-size:1.05rem;font-weight:700}.chronicle-label{letter-spacing:.05em;text-transform:uppercase;color:var(--stardust);font-size:.62rem}.chronicle-mvp{color:var(--gold);margin:.55rem 0 0;font-size:.85rem}.chronicle-lost{color:var(--danger);margin:.3rem 0 0;font-size:.8rem;font-style:italic}.storage-banner{z-index:var(--z-gate);border-radius:var(--r-md);background:color-mix(in srgb, var(--nebula) 88%, var(--void));border:1px solid color-mix(in srgb, var(--danger) 45%, transparent);max-width:min(92vw,640px);box-shadow:0 8px 30px color-mix(in srgb, var(--void-deep) 70%, transparent);align-items:center;gap:12px;padding:8px 14px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.storage-banner-text{color:var(--starlight);font-size:.85rem}.community-link{align-items:center;padding:4px 12px;text-decoration:none;display:inline-flex}.cb-dismiss{color:var(--stardust);padding:2px 9px}.community-links{justify-content:center;gap:10px;margin:12px 0 4px;display:flex}.community-credit{color:var(--stardust);margin:10px 0 0;font-size:.78rem}.crossroads-hint{color:var(--gold);margin:8px 0 0;font-size:.8rem}.wings{pointer-events:none;display:block;position:absolute;inset:-24% -32%}.wings-svg{width:100%;height:100%;display:block;overflow:visible}.wing ellipse{fill:currentColor}.wing .w1{opacity:.62}.wing .w2{opacity:.48}.wing .w3{opacity:.38}.wing{transform-box:fill-box;transition:transform var(--dur-slow) var(--ease), opacity var(--dur-slow) var(--ease)}.wing-l{transform-origin:92% 78%;transform:rotate(calc((1 - var(--we-ratio,1)) * 34deg + var(--idtilt,0deg))) scale(calc(.72 + .28 * var(--we-ratio,1)))}.wing-r{transform-origin:8% 78%;transform:rotate(calc((1 - var(--we-ratio,1)) * -34deg - var(--idtilt,0deg))) scale(calc(.72 + .28 * var(--we-ratio,1)))}.wing-glow{opacity:calc(.15 + .85 * var(--we-ratio,1));filter:drop-shadow(0 0 calc(2px + 9px * var(--we-ratio,1)) currentColor);transition:opacity var(--dur-slow) var(--ease)}.wing-glow .wg{fill:currentColor;opacity:.16;animation:3.4s ease-in-out infinite wing-pulse;animation-delay:var(--idph,0s)}@keyframes wing-pulse{0%,to{opacity:.12}50%{opacity:.2}}.winxed-out .wing,.civilian .wing{opacity:0;transform:rotate(0)scale(.4)}.winxed-out .wing-glow,.civilian .wing-glow{opacity:0}.winxed-out .plate-portrait,.civilian .plate-portrait{filter:saturate(.25)brightness(.8)}.plate-portrait img.portrait-civ{display:none}.civilian .plate-portrait img.portrait-civ,.winxed-out .plate-portrait img.portrait-civ{display:block}.civilian.has-civilian-art .plate-portrait img.portrait-base,.winxed-out.has-civilian-art .plate-portrait img.portrait-base{display:none}.civilian.has-civilian-art .plate-portrait,.winxed-out.has-civilian-art .plate-portrait{filter:none}.reignite .wing-glow{animation:reignite var(--dur-slow) var(--ease)}@keyframes reignite{0%{opacity:0;filter:drop-shadow(0 0 2px var(--gold))}45%{opacity:1;filter:drop-shadow(0 0 18px var(--gold))}to{filter:drop-shadow(0 0 11px)}}.plate-art{width:100%;height:100%;display:block;position:relative;overflow:visible}.plate-art .plate-bg{border-radius:var(--r-sm);background: repeating-radial-gradient(circle at calc(30% + var(--nz,0%) / 3) 20%, transparent 0 6px, color-mix(in srgb, var(--tint,var(--tint-default)) 5%, transparent) 6px 12px), radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--tint,var(--tint-default)) 34%, var(--nebula)) 0%, color-mix(in srgb, var(--tint,var(--tint-default)) 14%, var(--void)) 70%, var(--void) 100%);position:absolute;inset:0}.plate-art .plate-portrait{transition:filter var(--dur-slow) var(--ease);place-items:center;display:grid;position:absolute;inset:8% 14%}.plate-art .plate-portrait .sigil{filter:drop-shadow(0 0 6px);width:78%;height:78%}.plate-art .plate-portrait img{object-fit:contain;object-position:bottom;width:100%;height:100%;position:absolute;inset:0}.charmix-arc{pointer-events:none;width:96%;height:112%;position:absolute;inset:-6% 2%}.charmix-arc[hidden]{display:none}.charmix-arc .cmx-track{fill:none;stroke:color-mix(in srgb, var(--gold) 18%, transparent)}.charmix-arc .cmx-fill{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-dasharray:106.8;stroke-dashoffset:calc(106.8 * (1 - var(--cmx-ratio,1)));filter:drop-shadow(0 0 3px var(--gold));transition:stroke-dashoffset var(--dur-ui) var(--ease)}.charmix-arc.warning .cmx-fill{stroke:var(--danger);filter:drop-shadow(0 0 4px var(--danger))}.sigil{width:100%;height:100%;display:block}.figure{width:100%;height:100%;transition:filter var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease), opacity var(--dur-slow);display:block;overflow:visible}.figure.civilian{filter:saturate(.3)brightness(.85)}.figure.civilian .fig-wings{display:none}.treat-hurt{filter:brightness(.8);transform:rotate(-3deg)}.treat-low{filter:brightness(.7)saturate(.8);transform:rotate(5deg)translateY(3%)}.treat-down{filter:saturate(.3)brightness(.55);opacity:.85;transform:rotate(74deg)translateY(14%)}.treat-victory{filter:drop-shadow(0 0 10px var(--gold)) brightness(1.08)}img.treat-civilian{filter:saturate(.3)brightness(.85)}.figure.civilian.treat-hurt{filter:saturate(.3)brightness(.68)}.figure.civilian.treat-low{filter:saturate(.25)brightness(.6)}.figure.civilian.treat-down{filter:saturate(.2)brightness(.5)}.glyph{width:calc(15px * var(--ui-scale,1));height:calc(15px * var(--ui-scale,1));vertical-align:middle;filter:drop-shadow(0 0 2px color-mix(in srgb, currentColor 60%, transparent));display:inline-block}.glyph-stun,.glyph-trance,.glyph-trapped{color:color-mix(in srgb, var(--gold) 80%, var(--starlight))}.glyph-silence{color:var(--stardust)}.glyph-weakened{color:var(--danger)}.glyph-burn{color:var(--el-fire)}.glyph-def-down,.glyph-atk-down{color:color-mix(in srgb, var(--danger) 70%, var(--stardust))}.glyph-exposed{color:var(--el-technology)}.glyph-cc-immune{color:var(--el-light)}.glyph-charmix{color:var(--el-earth-2)}.glyph-charge{color:var(--el-dark)}.glyph-empower{color:var(--gold)}.glyph-free-cast{color:var(--el-technology)}.glyph-converging{color:var(--gold-hi)}.glyph-shield{color:var(--el-technology)}.glyph-spell-negate{color:var(--stardust)}.glyph-guard{color:var(--el-ice)}.glyph-reflect{color:var(--el-technology)}.glyph-burn .sg-core{animation:1.1s ease-in-out infinite glyph-flicker}.glyph-trance .sg-line{transform-box:fill-box;transform-origin:50%;animation:4s linear infinite glyph-spin}.glyph-charge .sg-line{transform-box:fill-box;transform-origin:50%;animation:3s linear infinite glyph-spin}.glyph-converging circle{animation:1.6s ease-in-out infinite glyph-flicker}@keyframes glyph-flicker{0%,to{opacity:1}50%{opacity:.55}}@keyframes glyph-spin{to{transform:rotate(360deg)}}.fracture-ring-svg{width:100%;height:100%;display:block;overflow:visible}.fracture-ring-svg .fr-seg{fill:none;stroke:color-mix(in srgb, var(--stardust) 30%, transparent)}.fracture-ring-svg .fr-seg.lit{stroke:var(--gold);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 70%, transparent))}.telegraph-svg{width:100%;height:100%;display:block;overflow:visible}.telegraph-svg circle{fill:none;stroke:var(--gold)}.telegraph-svg .tg-inner{opacity:.45}.telegraph-svg .tg-outer{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite glyph-spin}@media (prefers-reduced-motion:reduce){.wing,.wing-glow,.figure{transition-duration:10ms}.wing-glow .wg,.glyph .sg-core,.glyph .sg-line,.glyph circle,.telegraph-svg .tg-outer,.reignite .wing-glow{animation:none}}.battle{width:100%;max-width:var(--stage-max);grid-template-rows:var(--battle-hud-h) minmax(0, 1fr) var(--battle-dock-h) var(--battle-feed-h);row-gap:var(--sp-2);height:100%;min-height:0;padding:var(--sp-2) var(--sp-4) var(--sp-3);display:grid;position:relative}.battle-header{justify-content:space-between;align-items:center;gap:var(--sp-4);min-width:0;display:flex}.medallions{align-items:center;gap:5px;padding:2px 0 0 2px;display:flex;overflow:hidden}.medal{width:calc(30px * var(--ui-scale));height:calc(30px * var(--ui-scale));background:var(--nebula);border:2px solid var(--line);transition:transform var(--dur-ui) var(--ease), border-color var(--dur-ui), box-shadow var(--dur-ui), opacity var(--dur-ui);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.medal .sigil{width:calc(17px * var(--ui-scale));height:calc(17px * var(--ui-scale))}.medal .medal-portrait{border-radius:50%;position:absolute;inset:0;overflow:hidden}.medal .medal-portrait img.medal-art{object-fit:cover;width:100%;height:100%}.medal.has-art>.sigil{opacity:0}.medal.enemy{border-color:color-mix(in srgb, var(--el-dark) 65%, transparent)}.medal .medal-pos{z-index:1;min-width:calc(11px * var(--ui-scale));height:calc(11px * var(--ui-scale));font-size:.5rem;font-style:normal;font-weight:700;line-height:calc(10px * var(--ui-scale));text-align:center;color:var(--stardust);background:var(--nebula-hi);border:1px solid color-mix(in srgb, var(--stardust) 35%, transparent);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.medal.active .medal-pos{color:var(--void);background:var(--gold);border-color:var(--gold-hi)}.medal.active{border-color:var(--gold);box-shadow:0 0 12px color-mix(in srgb, var(--gold) 55%, transparent);transform:translateY(-2px)}.medal.dim{opacity:.45}.medal.ashed{opacity:.22;filter:grayscale()}.header-right{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.stage-label{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--starlight);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.ambient-chip{width:calc(22px * var(--ui-scale));height:calc(22px * var(--ui-scale));border:1px solid color-mix(in srgb, var(--stardust) 40%, transparent);background:color-mix(in srgb, var(--nebula) 70%, transparent);cursor:help;border-radius:50%;flex:none;place-items:center;font-size:.72rem;line-height:1;display:inline-grid}.ambient-chip.amb-pos{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.ambient-chip.amb-neu{color:var(--stardust)}.ambient-chip.amb-neg{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.ambient-chip.amb-wild{color:var(--el-electricity);border-color:color-mix(in srgb, var(--el-electricity) 45%, transparent)}.assist-toggle{flex:none;padding:.25rem .7rem;font-size:.75rem}.assist-toggle.on{color:var(--void);background:var(--gold);border-color:var(--gold-hi)}.assist-toggle.on:hover:not(:disabled){background:var(--gold-hi)}.arena{isolation:isolate;border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--line) 60%, transparent);background:linear-gradient(180deg, var(--nebula) 0%, color-mix(in srgb, var(--nebula) 55%, var(--void)) 45%, var(--void-deep) 100%);grid-area:2/1;min-height:0;position:relative;overflow:hidden}.arena-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.arena-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.arena-tint{position:absolute;inset:0}.arena.has-art .arena-tint{opacity:.55}.arena[data-ambient=strongPositive] .arena-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--gold-hi) 16%, transparent) 0%, color-mix(in srgb, var(--el-earth-2) 10%, transparent) 40%, transparent 75%)}.arena[data-ambient=positive] .arena-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 11%, transparent) 0%, transparent 65%)}.arena[data-ambient=mildPositive] .arena-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--el-earth) 9%, transparent) 0%, transparent 65%)}.arena[data-ambient=neutral] .arena-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--stardust) 7%, transparent) 0%, transparent 60%)}.arena[data-ambient=mildNegative] .arena-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--el-water) 8%, transparent) 0%, transparent 60%)}.arena[data-ambient=negative] .arena-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--el-water) 12%, var(--void-deep)) 0%, transparent 70%)}.arena[data-ambient=strongNegative] .arena-tint{background:linear-gradient(0deg, color-mix(in srgb, var(--el-fire) 13%, transparent) 0%, transparent 45%), linear-gradient(180deg, color-mix(in srgb, var(--void-deep) 70%, transparent) 0%, transparent 60%)}.arena[data-ambient=extremeNegative] .arena-tint{background:radial-gradient(80% 60% at 50% 30%, color-mix(in srgb, var(--el-dark) 18%, transparent) 0%, transparent 70%), linear-gradient(0deg, color-mix(in srgb, var(--el-fire) 10%, transparent) 0%, transparent 40%);animation:6s ease-in-out infinite arena-pulse}.arena[data-ambient=wildlands] .arena-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--stardust) 10%, transparent) 0%, color-mix(in srgb, var(--void-deep) 55%, transparent) 100%);filter:saturate(.5)}@keyframes arena-pulse{0%,to{opacity:.85}50%{opacity:1}}.mote{left:var(--mx);top:var(--my);width:var(--ms);height:var(--ms);animation:mote-drift var(--mdur) ease-in-out infinite;animation-delay:var(--md);border-radius:50%;position:absolute}.mote-light{background:var(--gold-hi);box-shadow:0 0 6px color-mix(in srgb, var(--gold-hi) 70%, transparent);opacity:.5}.mote-ember{background:var(--el-fire);box-shadow:0 0 5px color-mix(in srgb, var(--el-fire) 70%, transparent);opacity:.45}.mote-void{background:var(--el-dark);box-shadow:0 0 6px color-mix(in srgb, var(--el-dark) 70%, transparent);opacity:.4}.mote-ash{background:var(--stardust);opacity:.25}@keyframes mote-drift{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.6;transform:translateY(-26px)}}.bolt{width:90px;height:70px;position:absolute}.bolt polyline{fill:none;stroke:var(--el-dark);stroke-width:2.5px}.bolt.b1{animation:7s step-end infinite bolt-flicker;top:14px;right:22%}.bolt.b2{animation:9s step-end 3s infinite bolt-flicker;top:30px;left:16%}@keyframes bolt-flicker{0%,6%,to{opacity:0}2%,4%{opacity:.55}}.boss-stage{z-index:2;padding:0 7% calc(var(--plates-h,100px) * .35) 0;pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:2%;display:flex;position:absolute;inset:0}.boss-figure{height:clamp(calc(320px * var(--ui-scale)), 88%, calc(700px * var(--ui-scale)));aspect-ratio:15/16;transition:opacity var(--dur-slow) var(--ease), filter var(--dur-slow) var(--ease), transform var(--dur-ui) var(--ease);margin:0;position:relative}.boss-stage[data-count="2"] .boss-figure,.boss-stage[data-count="3"] .boss-figure{height:clamp(calc(230px * var(--ui-scale)), 62%, calc(480px * var(--ui-scale)))}.boss-art{position:absolute;inset:0}.boss-art img.boss-battler-art{object-fit:contain;object-position:bottom center;width:100%;height:100%;position:absolute;inset:0}.boss-figure.has-battler-art .boss-art .figure{visibility:hidden}.boss-figure.acting{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--tint,var(--el-dark)) 45%, transparent));transform:translateY(-4px)scale(1.02)}.boss-figure.downed{opacity:.3;filter:grayscale(.8)}.boss-figure.targetable{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--target) 65%, transparent))}.fracture-ring{pointer-events:none;position:absolute;inset:-4% 6% 26%}.telegraph-ring{pointer-events:none;opacity:.85;transition:transform var(--dur-slow) var(--ease);position:absolute;inset:-7%}.telegraph-ring[data-remaining="3"]{transform:scale(1)}.telegraph-ring[data-remaining="2"]{transform:scale(.96)}.telegraph-ring[data-remaining="1"]{animation:.9s ease-in-out infinite telegraph-pulse;transform:scale(.92)}@keyframes telegraph-pulse{0%,to{opacity:.85}50%{opacity:1;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 70%, transparent))}}.boss-docks{top:var(--sp-2);right:var(--sp-2);z-index:3;gap:var(--sp-1);width:min(calc(300px * var(--ui-scale)), 42%);flex-direction:column;display:flex;position:absolute}.boss-dock{background:color-mix(in srgb, var(--void) 86%, transparent);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3) var(--sp-2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dock-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.dock-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--starlight);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:normal;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box;overflow:hidden}.dock-codex{color:var(--gold)}.phase-pips{flex:none;gap:3px;display:flex}.pip{background:color-mix(in srgb, var(--stardust) 35%, transparent);border-radius:50%;width:7px;height:7px}.pip.done{background:color-mix(in srgb, var(--gold) 45%, transparent)}.pip.current{background:var(--gold);box-shadow:0 0 6px color-mix(in srgb, var(--gold) 70%, transparent)}.boss-dock .bar{height:7px;margin-top:4px}.boss-dock .bar.hp .fill,.boss-dock .bar.hp .ghost{width:calc(var(--hp-ratio,1) * 100%)}.boss-dock .bar.hp .fill{background:linear-gradient(90deg, color-mix(in srgb, var(--el-dark) 70%, var(--void)), var(--el-dark));transition:width .16s var(--ease)}.boss-dock .bar.hp .ghost{transition:width .6s var(--ease) .35s}.dock-telegraph{font-size:var(--fs-xs);color:var(--gold);margin-top:4px}.dock-telegraph.fires-next{text-shadow:0 0 10px color-mix(in srgb, var(--gold) 45%, transparent);font-weight:700}.band-stage{z-index:1;padding:0 6% calc(var(--plates-h,100px) + 10px);pointer-events:none;--band-h:clamp(calc(185px * var(--ui-scale)), 32dvh, calc(250px * var(--ui-scale)));justify-content:center;align-items:flex-end;gap:clamp(6px,1.5%,20px);display:flex;position:absolute;inset:0}.band-stage[data-bosses="1"]{padding-right:37%}.band-stage[data-bosses="2"],.band-stage[data-bosses="3"]{padding-left:4%;padding-right:45%}.band-stage[data-count="3"],.band-stage[data-count="4"]{--band-h:clamp(calc(160px * var(--ui-scale)), 29dvh, calc(220px * var(--ui-scale)))}.band-stage[data-count="5"],.band-stage[data-count="6"]{--band-h:clamp(calc(135px * var(--ui-scale)), 23dvh, calc(180px * var(--ui-scale)))}.band-figure{min-width:0;transition:opacity var(--dur-slow) var(--ease), filter var(--dur-slow) var(--ease);flex-direction:column;flex:0 auto;align-items:center;gap:4px;margin:0;display:flex;position:relative}.band-figure.targetable{pointer-events:auto;cursor:pointer}.band-art{height:var(--band-h);justify-content:center;align-items:flex-end;display:flex;position:relative}.band-figure[data-size=elite] .band-art .figure{max-width:135%;height:135%}.band-art .figure{opacity:.88;filter:saturate(.82)brightness(.9);width:auto;max-width:100%;height:100%}.band-art:after{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--void-deep) 55%, transparent), transparent 70%);border-radius:50%;height:10px;position:absolute;bottom:-4px;left:12%;right:12%}img.band-battler-art{object-fit:contain;object-position:bottom center;max-width:100%;height:100%}.band-figure.has-battler-art .band-art .figure{visibility:hidden}.band-chip{pointer-events:auto;width:clamp(calc(136px * var(--ui-scale)), 12.5vw, calc(170px * var(--ui-scale)));min-height:calc(40px * var(--ui-scale));font:inherit;text-align:left;color:var(--starlight);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);cursor:default;flex-direction:column;gap:2px;padding:3px 6px 4px;display:flex}.band-figure.targetable .band-chip{cursor:pointer;border-color:var(--target);box-shadow:0 0 14px color-mix(in srgb, var(--target) 45%, transparent)}.band-stage[data-count="5"] .band-chip,.band-stage[data-count="6"] .band-chip{width:clamp(calc(104px * var(--ui-scale)), 9vw, calc(126px * var(--ui-scale)))}.band-stage[data-count="5"] .chip-sub,.band-stage[data-count="6"] .chip-sub,.band-stage[data-count="5"] .chip-tele,.band-stage[data-count="6"] .chip-tele{display:none}.band-chip .chip-top{align-items:center;gap:4px;min-width:0;display:flex}.band-chip .order-pip{min-width:calc(14px * var(--ui-scale));height:calc(14px * var(--ui-scale));font-size:.58rem;font-style:normal;font-weight:700;line-height:calc(13px * var(--ui-scale));text-align:center;color:var(--stardust);background:color-mix(in srgb, var(--nebula-hi) 70%, transparent);border:1px solid color-mix(in srgb, var(--stardust) 35%, transparent);border-radius:50%;flex:none}.band-figure.acting .order-pip{color:var(--void);background:var(--gold);border-color:var(--gold-hi)}.band-chip .chip-name{font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.band-chip .bar{height:calc(5px * var(--ui-scale))}.band-chip .bar.we{height:calc(3px * var(--ui-scale))}.band-chip .bar.hp .fill{width:calc(var(--hp-ratio,1) * 100%);background:var(--hp);transition:width .16s var(--ease)}.band-chip .bar.hp .ghost{width:calc(var(--hp-ratio,1) * 100%);background:var(--hp-ghost);transition:width .6s var(--ease) .35s}.band-chip .bar.we .fill{width:calc(var(--we-ratio,1) * 100%);background:var(--tint,var(--we));transition:width .25s var(--ease)}.band-chip .chip-sub{color:var(--stardust);font-size:.58rem}.band-chip .chip-tele{color:var(--gold);font-size:.56rem;line-height:1.2}.band-chip .chip-tele.fires-next{color:var(--danger);font-weight:700}.band-figure.downed{opacity:.32;filter:grayscale(.8);pointer-events:none}.band-figure.acting .band-art .figure,.band-figure.targetable .band-art .figure{opacity:1;filter:none}.band-figure.acting{animation:band-advance 1.6s var(--ease) infinite}.band-figure.charging .band-art .figure{animation:1.1s ease-in-out infinite band-charge-pulse}.band-figure.enter{animation:band-enter var(--dur-slow) var(--ease)}@keyframes band-advance{0%,to{transform:translateY(0)}50%{transform:translateY(3px)scale(1.015)}}@keyframes band-charge-pulse{0%,to{filter:saturate(.82)brightness(.9)}50%{filter:saturate(1.15)brightness(1.14)}}@keyframes band-enter{0%{opacity:0;transform:translateY(10px)}}.band-stage.rm-static .band-figure.enter,.band-stage.rm-static .band-figure.acting,.band-stage.rm-static .band-figure.charging .band-art .figure{animation:none}.plates{--plates-h:calc(100px * var(--ui-scale));z-index:4;min-height:var(--plates-h);justify-content:space-between;align-items:flex-end;gap:var(--sp-2);padding:14px var(--sp-3) var(--sp-2);background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--void-deep) 74%, transparent) 55%);pointer-events:none;display:flex;position:absolute;bottom:0;left:0;right:0}.plate{pointer-events:auto}.plate-group{align-items:flex-end;gap:var(--sp-2);min-width:0;display:flex}.plate{width:calc(196px * var(--ui-scale));background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;padding:var(--sp-1) var(--sp-2) var(--sp-1);transition:transform var(--dur-ui) var(--ease), border-color var(--dur-ui), box-shadow var(--dur-ui), opacity var(--dur-slow);flex-wrap:wrap;flex:0 auto;align-items:center;column-gap:6px;display:flex;position:relative}.plate.enemy{width:calc(168px * var(--ui-scale))}.plates.density-standard .plate{width:calc(164px * var(--ui-scale))}.plates.density-standard .plate.enemy{width:calc(140px * var(--ui-scale))}.plates.density-compact .plate{width:calc(126px * var(--ui-scale))}.plates.density-compact .plate.enemy{width:calc(118px * var(--ui-scale))}.plates.density-standard .plate.enemy,.plates.density-compact .plate.enemy{flex-direction:column;align-items:stretch}.plates.density-standard .plate.enemy .plate-visual,.plates.density-compact .plate.enemy .plate-visual{width:100%;height:30px}.plates.density-compact .plate-sub{display:none}.rank-pips{letter-spacing:.08em;color:var(--gold);text-shadow:0 0 5px color-mix(in srgb, var(--gold) 55%, transparent);font-size:.55rem;position:absolute;top:2px;right:6px}.plate-visual{width:calc(50px * var(--ui-scale));height:calc(42px * var(--ui-scale));flex:none}.plates.density-compact .plate-visual{width:calc(38px * var(--ui-scale));height:calc(32px * var(--ui-scale))}.plates.density-compact .plate-name{letter-spacing:.04em;font-size:.64rem}.plate-main{flex:1;min-width:0}.plate-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--starlight);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:normal;-webkit-box-orient:vertical;font-size:.78rem;font-weight:700;line-height:1.12;display:-webkit-box;overflow:hidden}.plate-tag{letter-spacing:.03em;text-transform:none;width:fit-content;color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);border-radius:999px;margin:1px 0 2px;padding:0 6px;font-size:.6rem;line-height:1.15;display:block}.plate-tag[hidden]{display:none}.plate.civilian .plate-tag{color:var(--stardust);border-color:color-mix(in srgb, var(--stardust) 45%, transparent)}.plate-sub{color:var(--stardust);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.plate .bar{height:calc(6px * var(--ui-scale));margin-top:3px}.plate .bar.we{height:calc(4px * var(--ui-scale))}.plate .bar.hp .fill{width:calc(var(--hp-ratio,1) * 100%);background:var(--hp);transition:width .16s var(--ease)}.plate .bar.hp .ghost{width:calc(var(--hp-ratio,1) * 100%);background:var(--hp-ghost);transition:width .6s var(--ease) .35s}.plate .bar.we .fill{width:calc(var(--we-ratio,1) * 100%);background:var(--tint,var(--we));transition:width .25s var(--ease)}.glyphs{flex-wrap:wrap;align-items:center;gap:3px;width:100%;min-height:0;margin-top:2px;display:flex}.glyph-slot{align-items:center;gap:1px;display:inline-flex}.glyph-slot.primed .glyph{filter:drop-shadow(0 0 4px var(--gold))}.glyph-count{color:var(--stardust);font-size:.58rem;font-style:normal;font-weight:700}.affinity-chips{flex-wrap:wrap;gap:3px;width:100%;margin-top:2px;display:flex}.chip{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);background:color-mix(in srgb, var(--tint,var(--stardust)) 20%, var(--nebula));border:1px solid color-mix(in srgb, var(--tint,var(--stardust)) 55%, transparent);color:color-mix(in srgb, var(--tint,var(--stardust)) 60%, var(--starlight));padding:0 5px;font-size:.56rem;font-weight:700}.chip.unknown{--tint:var(--stardust)}.plates.density-compact .chip{font-size:.5rem}.plate.active{border-color:var(--gold);box-shadow:0 0 16px color-mix(in srgb, var(--gold) 40%, transparent);transform:translateY(-8px)}.plate.enemy.active{transform:none}.plate.targetable{cursor:pointer;border-color:var(--target);box-shadow:0 0 14px color-mix(in srgb, var(--target) 45%, transparent)}.plate.targetable:hover{background:color-mix(in srgb, var(--target) 12%, var(--panel))}.plate.downed{opacity:.35;filter:grayscale(.8)}.plate.guarding{border-color:var(--el-ice);box-shadow:0 0 12px color-mix(in srgb, var(--el-ice) 40%, transparent)}.plate.charging{border-color:color-mix(in srgb, var(--el-dark) 75%, var(--starlight));animation:1s ease-in-out infinite charge-pulse}.plate.reflecting{border-color:var(--el-technology);box-shadow:0 0 14px color-mix(in srgb, var(--el-technology) 45%, transparent), inset 0 0 10px color-mix(in srgb, var(--el-technology) 22%, transparent)}.plate.charmixed{border-color:var(--el-earth-2);box-shadow:0 0 14px color-mix(in srgb, var(--el-earth-2) 45%, transparent), inset 0 0 10px color-mix(in srgb, var(--gold) 20%, transparent)}.plate.converging{border-color:var(--gold-hi);box-shadow:0 0 16px color-mix(in srgb, var(--gold-hi) 50%, transparent);animation:.9s ease-in-out infinite charge-pulse}@keyframes charge-pulse{0%,to{box-shadow:0 0 10px color-mix(in srgb, var(--el-dark) 40%, transparent)}50%{box-shadow:0 0 20px color-mix(in srgb, var(--el-dark) 70%, transparent)}}.bar{background:var(--bar-track);border-radius:var(--r-pill);width:100%;height:16px;position:relative;overflow:hidden}.bar .fill,.bar .ghost{border-radius:var(--r-pill);height:100%;transition:width .3s;position:absolute;inset:0 auto 0 0}.bar .ghost{background:var(--hp-ghost)}.bar.hp .fill{background:var(--hp)}.bar.we .fill{background:var(--tint,var(--we))}.bar .num{color:var(--starlight);text-shadow:0 1px 2px color-mix(in srgb, var(--void-deep) 90%, transparent);place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;inset:0}.commands{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex;position:relative}.commands>.cmd{border-radius:var(--r-pill);padding:.45rem 1.15rem}button.cmd{font:inherit;color:var(--starlight);background:color-mix(in srgb, var(--el-dark) 18%, transparent);border:1px solid color-mix(in srgb, var(--el-dark) 50%, transparent);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-fast), transform var(--dur-fast);padding:.55rem 1.1rem;font-weight:600}button.cmd:hover:not(:disabled){background:color-mix(in srgb, var(--el-dark) 35%, transparent)}button.cmd:active:not(:disabled){transform:translateY(1px)}button.cmd:disabled{opacity:.4;cursor:not-allowed}.target-hint{color:var(--success);align-self:center;padding:.4rem 0;font-weight:600}.menu-float{z-index:var(--z-float);align-items:flex-end;gap:var(--sp-2);display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.menu-float[hidden]{display:none}.spell-menu{background:color-mix(in srgb, var(--nebula) 80%, var(--void));border:1px solid color-mix(in srgb, var(--el-dark) 40%, transparent);border-radius:var(--r-md);min-width:calc(240px * var(--ui-scale));flex-direction:column;gap:.35rem;max-height:44vh;padding:.5rem;display:flex;overflow-y:auto}.menu-row{display:flex}.menu-row>button{text-align:left;flex:1;align-items:baseline;gap:.6rem;min-width:0;display:flex}.menu-row .mr-el{width:.5rem;height:.5rem;box-shadow:0 0 6px color-mix(in srgb, currentColor 60%, transparent);background:currentColor;border-radius:50%;flex:none;align-self:center}.menu-row .mr-name{flex:1;min-width:0}.menu-row .mr-cost{color:var(--stardust);letter-spacing:.02em;flex:none;margin-left:auto;font-size:.85em}.menu-row>button:disabled{pointer-events:none}.menu-row.previewed>button{border-color:var(--gold)}.detail-card{width:min(calc(320px * var(--ui-scale)), 36vw);background:color-mix(in srgb, var(--nebula) 80%, var(--void));border:1px solid color-mix(in srgb, var(--el-dark) 40%, transparent);border-radius:var(--r-md);max-height:44vh;padding:var(--sp-3) var(--sp-4);text-align:left;overflow-y:auto}.card-name{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.04em;color:var(--starlight);margin:0}.card-chips{margin-top:var(--sp-2);flex-wrap:wrap;gap:4px;display:flex}.chip.card-chip{padding:2px 8px;font-size:.66rem}.chip.card-chip.mech{--tint:var(--gold);color:var(--gold)}.chip.card-chip.target{--tint:var(--stardust);color:var(--stardust)}.card-body,.card-callout{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);color:color-mix(in srgb, var(--starlight) 82%, var(--stardust));line-height:1.6}.card-callout b{color:var(--gold)}.card-meta{margin-top:var(--sp-2);color:var(--stardust);font-size:.74rem}@media (width<=760px){.menu-float{flex-direction:column-reverse;align-items:stretch}.detail-card{width:auto}}.feed-region{align-items:stretch;gap:var(--sp-2);min-height:0;display:flex}.log{background:color-mix(in srgb, var(--void-deep) 55%, transparent);border:1px solid color-mix(in srgb, var(--line) 55%, transparent);border-radius:var(--r-sm);min-width:0;-webkit-mask-image:linear-gradient(180deg, transparent 0, var(--void) 1.7em);mask-image:linear-gradient(180deg, transparent 0, var(--void) 1.7em);-webkit-mask-image:linear-gradient(180deg, transparent 0, var(--void) 1.7em);flex-direction:column;flex:1;padding:3px 10px;font-size:.8rem;line-height:1.55;display:flex;overflow-y:auto}.log-line{color:var(--stardust)}.log-line[class*=tint-]{color:color-mix(in srgb, var(--tint) 60%, var(--starlight))}.log-line.t-gold{color:var(--gold)}.log-line.t-heal{color:var(--success)}.log-line.t-danger{color:var(--danger)}.log-line.t-system{color:var(--stardust)}.feed-expand{flex:none;align-self:center;padding:.3rem .7rem;font-size:.72rem}.feed-overlay{z-index:var(--z-feed);background:var(--scrim);place-items:end center;display:grid;position:fixed;inset:0}.feed-overlay-card{width:min(calc(900px * var(--ui-scale)), 96vw);max-height:70dvh;margin-bottom:var(--sp-4);background:var(--nebula);border:1px solid color-mix(in srgb, var(--el-dark) 45%, transparent);border-radius:var(--r-lg);flex-direction:column;display:flex;overflow:hidden}.feed-overlay-head{padding:var(--sp-2) var(--sp-4);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:var(--fs-xs);color:var(--stardust);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.feed-overlay-list{padding:var(--sp-2) var(--sp-4) var(--sp-3);font-size:.85rem;line-height:1.6;overflow-y:auto}.result-overlay{background:var(--scrim);z-index:var(--z-overlay);place-items:center;display:grid;position:fixed;inset:0}.result-card{text-align:center;border-radius:var(--r-lg);background:color-mix(in srgb, var(--nebula) 78%, var(--void));border:1px solid color-mix(in srgb, var(--el-dark) 50%, transparent);padding:2rem 2.5rem}.result-card h2{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:var(--ls-display);margin:0 0 .5rem}.result-card.win h2{color:var(--gold)}.result-card.lose h2{color:var(--danger)}.result-card .play-again{margin-top:1rem}.boss-dialogue .dialogue-hint{color:var(--starlight);font-size:var(--fs-xs);animation:2.2s ease-in-out infinite dc-hint-pulse}.boss-dialogue .result-card{max-width:min(72ch,92vw)}.meter-overlay{background:color-mix(in srgb, var(--void-deep) 62%, transparent);z-index:var(--z-overlay);cursor:pointer;place-items:center;display:grid;position:fixed;inset:0}.meter-card{text-align:center;border-radius:var(--r-lg);background:color-mix(in srgb, var(--nebula) 78%, var(--void));border:1px solid color-mix(in srgb, var(--el-dark) 50%, transparent);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:1.5rem 1.75rem}.meter-prompt{letter-spacing:.02em;margin:0 0 .9rem;font-weight:700}.meter-prompt small{color:var(--stardust);font-weight:600}.meter-arc{width:min(calc(440px * var(--ui-scale)), 70vw);height:auto;margin-inline:auto;display:block;overflow:visible}.arc-track{fill:none;stroke:color-mix(in srgb, var(--el-dark) 40%, var(--void));stroke-width:7px;stroke-linecap:round}.arc-good{fill:none;stroke:color-mix(in srgb, var(--success) 42%, transparent);stroke-width:7px}.arc-perfect{fill:none;stroke:var(--gold-hi);stroke-width:9px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 90%, transparent))}.arc-cursor{fill:var(--starlight);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--starlight) 90%, transparent))}.arc-trail circle{fill:var(--gold-hi)}.arc-trail circle:first-child{opacity:.55}.arc-trail circle:nth-child(2){opacity:.4}.arc-trail circle:nth-child(3){opacity:.26}.arc-trail circle:nth-child(4){opacity:.14}.meter-burst{display:none}.meter-card.perfect .meter-burst{display:block}.meter-card.perfect .burst-rays{stroke:var(--gold);stroke-width:2px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;animation:.32s ease-out forwards burst-pop}@keyframes burst-pop{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}.meter-result{letter-spacing:.04em;min-height:1.2em;margin:.9rem 0 0;font-weight:800}.meter-card.band-miss{border-color:var(--danger)}.meter-card.band-miss .meter-result{color:var(--danger)}.meter-card.band-good{border-color:var(--success)}.meter-card.band-good .meter-result{color:var(--success)}.meter-card.band-perfect{border-color:var(--gold)}.meter-card.band-perfect .meter-result{color:var(--gold-hi)}.meter-card.perfect{animation:.32s ease-out meter-flourish}@keyframes meter-flourish{0%{box-shadow:0 0 0 color-mix(in srgb, var(--gold) 0%, transparent);transform:scale(1)}45%{box-shadow:0 0 28px color-mix(in srgb, var(--gold) 85%, transparent);transform:scale(1.04)}to{box-shadow:0 0 0 color-mix(in srgb, var(--gold) 0%, transparent);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mote,.bolt,.arena[data-ambient=extremeNegative] .arena-tint,.plate.charging,.plate.converging,.telegraph-ring[data-remaining="1"],.meter-card.perfect,.meter-card.perfect .burst-rays,.band-figure.enter,.band-figure.acting,.band-figure.charging .band-art .figure,.boss-dialogue .dialogue-hint{animation:none}.band-figure,.band-chip .bar .fill,.band-chip .bar .ghost,.telegraph-ring{transition:none}.bolt{display:none}.mote{opacity:.25}.plate .bar .fill,.plate .bar .ghost{transition:none}.plate.active{transform:none}}.help-offer{top:calc(var(--battle-hud-h) + .5rem);border:1px solid color-mix(in srgb, var(--gold) 45%, var(--line));background:color-mix(in srgb, var(--nebula) 88%, var(--void));color:var(--starlight);z-index:5;border-radius:.6rem;align-items:center;gap:.6rem;max-width:min(92%,40rem);padding:.45rem .7rem;font-size:.78rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.help-offer .cmd{white-space:nowrap;font-size:.72rem}.charmix-banner{border-color:var(--gold);box-shadow:0 0 14px color-mix(in srgb, var(--gold) 35%, transparent)}.cmd.charmix-spotlight{border-color:var(--gold);animation:1.4s ease-in-out infinite charmix-spotlight-pulse}@keyframes charmix-spotlight-pulse{0%,to{box-shadow:0 0 3px color-mix(in srgb, var(--gold) 30%, transparent)}50%{box-shadow:0 0 12px color-mix(in srgb, var(--gold) 70%, transparent)}}@media (prefers-reduced-motion:reduce){.cmd.charmix-spotlight{box-shadow:0 0 8px color-mix(in srgb, var(--gold) 50%, transparent);animation:none}}.move-banner{top:calc(var(--battle-hud-h) + 2.6rem);border:1px solid color-mix(in srgb, var(--tint,var(--line)) 60%, var(--line));background:color-mix(in srgb, var(--nebula) 90%, var(--void));color:var(--tint,var(--starlight));letter-spacing:.04em;z-index:5;pointer-events:none;animation:move-banner-in var(--dur-ui) var(--ease);border-radius:1rem;padding:.28rem .85rem;font-size:.8rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}@keyframes move-banner-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}}@media (prefers-reduced-motion:reduce){.move-banner{animation:none}}@media (width>=1920px){.move-banner{top:calc(var(--battle-hud-h) + 3.8rem)}.medallions{padding:2px 2px 12px}.medal.active:after{content:"NOW";font-family:var(--font-display);letter-spacing:.1em;color:var(--gold);text-shadow:0 0 6px color-mix(in srgb, var(--gold) 60%, transparent);pointer-events:none;font-size:9px;font-weight:800;line-height:1;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}}.volume-pop{top:calc(var(--battle-hud-h) + var(--sp-3));right:var(--sp-4);z-index:var(--z-float);gap:var(--sp-2);width:min(20rem,80vw);padding:var(--sp-2) var(--sp-3) var(--sp-3);border:1px solid color-mix(in srgb, var(--gold) 38%, transparent);border-radius:var(--r-md);background:color-mix(in srgb, var(--nebula) 94%, transparent);box-shadow:0 10px 30px color-mix(in srgb, var(--void) 70%, transparent);animation:settings-rise var(--dur-ui) var(--ease-pop) both;display:grid;position:absolute}.volume-pop .vol-title{padding-bottom:var(--sp-1);border-bottom:1px solid color-mix(in srgb, var(--gold) 20%, transparent);font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb, var(--gold) 72%, var(--stardust));margin:0;font-size:.7rem;font-weight:600}.volume-pop .vol-row{align-items:center;gap:var(--sp-2);display:flex}.volume-pop .vol-name{font-size:var(--fs-sm);color:var(--starlight);flex:0 0 4.6rem}.volume-pop .vol-ctl{flex:1}.volume-pop .vol-mute,.volume-pop .vol-close{justify-self:stretch}@media (prefers-reduced-motion:reduce){.volume-pop{animation:none}}.vn .vn-backdrop{z-index:0;position:absolute;inset:0;overflow:hidden}.vn .vn-bg{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.vn .vn-backdrop:after{content:"";background:linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--void) 88%, transparent) 96%);position:absolute;inset:0}.vn>:not(.vn-backdrop){z-index:1}.vn.vn-mood-strongPositive .vn-backdrop{background:radial-gradient(ellipse at 50% 12%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--gold) 10%, var(--void)), var(--void))}.vn.vn-mood-positive .vn-backdrop{background:radial-gradient(ellipse at 50% 14%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--gold) 6%, var(--void)), var(--void))}.vn.vn-mood-mildPositive .vn-backdrop{background:radial-gradient(ellipse at 50% 14%, color-mix(in srgb, var(--el-earth) 14%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--el-earth) 6%, var(--void)), var(--void))}.vn.vn-mood-neutral .vn-backdrop{background:radial-gradient(ellipse at 50% 16%, color-mix(in srgb, var(--nebula-hi) 55%, transparent), transparent 62%), linear-gradient(180deg, var(--nebula), var(--void))}.vn.vn-mood-mildNegative .vn-backdrop{background:radial-gradient(ellipse at 50% 16%, color-mix(in srgb, var(--el-dark) 16%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--el-dark) 8%, var(--void)), var(--void))}.vn.vn-mood-negative .vn-backdrop{background:radial-gradient(ellipse at 50% 16%, color-mix(in srgb, var(--el-ice) 12%, transparent), transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--el-water) 9%, var(--void)), var(--void))}.vn.vn-mood-strongNegative .vn-backdrop{background:radial-gradient(ellipse at 50% 78%, color-mix(in srgb, var(--el-fire) 13%, transparent), transparent 55%), linear-gradient(180deg, var(--void), color-mix(in srgb, var(--el-fire) 6%, var(--void)))}.vn.vn-mood-extremeNegative .vn-backdrop{background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--el-dark) 30%, transparent), transparent 64%), linear-gradient(180deg, color-mix(in srgb, var(--el-dark) 14%, var(--void)), var(--void-deep,var(--void)))}.vn.vn-mood-wildlands .vn-backdrop{background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--stardust) 14%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--stardust) 8%, var(--void)), var(--void))}.vn:before,.vn:after{content:"";z-index:1;pointer-events:none;position:absolute;left:0;right:0}.vn:before{background:linear-gradient(180deg, color-mix(in srgb, var(--void-deep) 78%, transparent), transparent);height:11vh;top:0}.vn:after{background:linear-gradient(0deg, color-mix(in srgb, var(--void-deep) 82%, transparent), transparent);height:20vh;bottom:0}.vn .cutscene-stage,.vn .vn-controls{z-index:2}.vn .vn-figures{inset:auto 0 min(23vh, calc(200px * var(--ui-scale))) 0;height:min(48vh, calc(430px * var(--ui-scale)));pointer-events:none;position:absolute}.vn .vn-figure{width:min(30vw, calc(340px * var(--ui-scale)));height:100%;transition:opacity var(--dur-ui) var(--ease), filter var(--dur-ui) var(--ease), transform var(--dur-ui) var(--ease);justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0}.vn.vn-tableau .vn-figures{display:none}.vn .vn-figure.vn-left{left:5%}.vn .vn-figure.vn-right{right:5%}.vn .vn-figure .figure{width:auto;max-width:100%;height:100%;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--tint,var(--stardust)) 45%, transparent))}.vn .vn-figure img.vn-battler-art{object-fit:contain;object-position:bottom center;max-width:100%;height:100%;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--tint,var(--stardust)) 45%, transparent));position:absolute;bottom:0;left:50%;transform:translate(-50%)}.vn .vn-figure.has-battler-art .figure{visibility:hidden}.vn .vn-figure.lit{opacity:1;transform:scale(1.02)}.vn .vn-figure.dim{opacity:.42;filter:saturate(.45)brightness(.62);transform:scale(.98)}.vn .vn-figure.enter{animation:vn-figure-enter var(--dur-slow) var(--ease)}@keyframes vn-figure-enter{0%{opacity:0;transform:translateY(18px)}}.vn.has-figure .cutscene-portrait{display:none}.vn .vn-controls{gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.vn .vn-btn{opacity:.85;padding:.3rem .85rem;font-size:.78rem}.vn .vn-btn.on{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px color-mix(in srgb, var(--gold) 45%, transparent)}.vn .cutscene-skip{opacity:.85;padding:.3rem .85rem;font-size:.78rem;position:static}.vn .cutscene-stage{width:min(64rem,80vw)}.vn .cutscene-text{font-size:1.15rem}.vn.narration .cutscene-text{font-size:1.2rem}.vn .cutscene-name{display:inline-block}.vn .cutscene-name:after{content:"";background:linear-gradient(90deg, var(--tint,var(--gold)), transparent);border-radius:1px;height:2px;margin-top:3px;display:block}.vn .vn-backlog[hidden]{display:none}.vn .vn-backlog{inset:7% 12% min(26vh, calc(230px * var(--ui-scale)));z-index:3;border-radius:var(--r-lg,16px);background:color-mix(in srgb, var(--nebula) 78%, var(--void));border:1px solid color-mix(in srgb, var(--stardust) 35%, transparent);box-shadow:0 8px 40px color-mix(in srgb, var(--void) 80%, transparent);cursor:pointer;display:flex;position:absolute}.vn .vn-backlog-list{flex-direction:column;flex:1;gap:.55rem;min-height:0;padding:1rem 1.2rem;display:flex;overflow-y:auto}.vn .bl-row{gap:.6rem;font-size:.92rem;line-height:1.45;display:flex}.vn .bl-name{font-family:var(--font-display);color:var(--tint,var(--stardust));text-align:right;flex:0 0 7.5em;font-weight:700}.vn .bl-text{color:var(--starlight);flex:1}.vn .bl-narration .bl-text{color:var(--stardust);font-style:italic}.vn .vn-video{z-index:4;background:var(--void);cursor:pointer;position:absolute;inset:0}.vn .vn-video video{object-fit:contain;width:100%;height:100%}.vn .vn-video-skip{position:absolute;top:1rem;right:1rem}@media (prefers-reduced-motion:reduce){.vn .vn-figure{transition:none}.vn .vn-figure.enter{animation:none}}.scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene .sc-sky,.scene .sc-grade{position:absolute;inset:0}.scene .sc-layer{width:100%;height:100%;position:absolute;inset:0}.sc-fa{color:var(--sc-a)}.sc-fb{color:var(--sc-b)}.sc-fc{color:var(--sc-c)}.scene .sc-layer g{fill:currentColor}.scene .sc-line{stroke:currentColor;fill:none;stroke-width:1.1px}.scene .sc-haze{display:block;position:absolute;left:0;right:0}.scene .sc-figures{position:absolute;inset:0}.scene .sc-fig{transform:translateX(-50%) scaleX(var(--sc-flip,1));display:block;position:absolute}.scene .sc-fig .figure{width:auto;height:100%;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--tint,var(--stardust)) 40%, transparent))}.scene .sc-d1{animation:70s ease-in-out infinite sc-drift}.scene .sc-d2{animation:48s ease-in-out infinite reverse sc-drift}.scene .sc-d3{animation:34s ease-in-out infinite sc-drift}@keyframes sc-drift{0%,to{transform:translate(0,0)}50%{transform:translate(.9%)}}.scene .sc-grade-warm{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 16%, transparent), transparent 55%)}.scene .sc-grade-hope{background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--el-earth) 16%, transparent), transparent 62%)}.scene .sc-grade-somber{background:linear-gradient(180deg, color-mix(in srgb, var(--sc-slate) 26%, transparent), color-mix(in srgb, var(--void) 34%, transparent))}.scene .sc-grade-dread{background:radial-gradient(ellipse at 50% 42%, transparent 38%, color-mix(in srgb, var(--void-deep) 72%, transparent) 96%), linear-gradient(180deg, color-mix(in srgb, var(--el-dark) 14%, transparent), transparent 45%)}.scene .sc-grade-urgent{background:linear-gradient(0deg, color-mix(in srgb, var(--el-fire) 14%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--el-fire) 7%, transparent), transparent 30%)}.arena.has-art .arena-scene,.vn.has-bg .vn-gen{display:none}.scene.scene-static .sc-layer{animation:none}@media (prefers-reduced-motion:reduce){.scene .sc-layer{animation:none}}.fx-layer{z-index:var(--z-fx);pointer-events:none;border-radius:var(--r-md);grid-area:2/1;min-height:0;position:relative;overflow:hidden}.fx-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.fx-vector{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fx-dom{z-index:3;position:absolute;inset:0}.dmg-float{left:var(--fx-x);top:var(--fx-y);text-align:center;animation:dmg-rise var(--dur-float) var(--ease) forwards;white-space:nowrap;position:absolute;transform:translate(-50%,-100%)}.dmg-float b{font-family:var(--font-display);font-weight:800;font-size:calc(1.7rem * var(--fx-scale,1));color:currentColor;text-shadow:0 0 14px color-mix(in srgb, currentColor 85%, transparent);line-height:1;display:block}.dmg-float small{letter-spacing:.14em;color:var(--gold);text-shadow:0 0 10px color-mix(in srgb, var(--gold) 45%, transparent);margin-top:2px;font-size:.68rem;font-weight:700;display:block}.dmg-float.perfect b{-webkit-text-stroke:1px color-mix(in srgb, var(--gold) 80%, transparent)}.dmg-float.heal b{color:var(--success)}.dmg-float.immune b,.dmg-float.resisted b{font-size:calc(1.05rem * var(--fx-scale,1));color:var(--stardust)}.dmg-float.weak b{font-size:calc(2.05rem * var(--fx-scale,1));text-shadow:0 0 14px color-mix(in srgb, currentColor 90%, transparent), 0 0 30px color-mix(in srgb, var(--gold) 45%, transparent)}@keyframes dmg-rise{0%{opacity:0;transform:translate(calc(-50% + var(--fx-dx,0px)), -92%)}12%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--fx-dx,0px)), calc(-100% - 30px))}}.fx-label{left:var(--fx-x);top:var(--fx-y);font-family:var(--font-display);letter-spacing:.16em;color:var(--gold);text-shadow:0 0 12px color-mix(in srgb, var(--gold) 50%, transparent);animation:dmg-rise var(--dur-float) var(--ease) forwards;white-space:nowrap;font-size:.95rem;font-weight:800;position:absolute;transform:translate(-50%,-100%)}.fx-label.broken{color:var(--danger);text-shadow:0 0 12px color-mix(in srgb, var(--danger) 55%, transparent)}.fx-beam line.beam-main{stroke:currentColor;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 8px)}.fx-beam.fused line.beam-main{stroke-width:7px}.fx-beam line.beam-core{stroke:var(--gold);stroke-width:1.4px;opacity:.85}.fx-beam circle.beam-impact{fill:var(--gold);filter:drop-shadow(0 0 10px var(--gold))}.fx-beam{opacity:0;animation:beam-flash calc(var(--dur-beam) + .17s) var(--ease) forwards}@keyframes beam-flash{0%{opacity:0}20%{opacity:1}70%{opacity:1}to{opacity:0}}.fx-thread path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;opacity:.65;stroke-dasharray:8 5;filter:drop-shadow(0 0 6px);animation:1.2s linear infinite thread-shimmer}.fx-thread.villain path{opacity:.8;stroke-dasharray:5 4}.fx-thread.retract path{opacity:0;transition:opacity .2s ease-in;animation:none}.fx-thread.snapped path{stroke:var(--stardust);opacity:0;transition:opacity .3s ease-out;animation:none}@keyframes thread-shimmer{to{stroke-dashoffset:-26px}}.arena.fx-shake-1{--shake-amp:var(--shake-1);animation:arena-shake var(--dur-shake) var(--ease)}.arena.fx-shake-2{--shake-amp:var(--shake-2);animation:arena-shake var(--dur-shake) var(--ease)}.arena.fx-shake-3{--shake-amp:var(--shake-3);animation:arena-shake var(--dur-shake) var(--ease)}@keyframes arena-shake{10%{transform:translate(var(--shake-amp), calc(var(--shake-amp) * -.6))}30%{transform:translate(calc(var(--shake-amp) * -.8), calc(var(--shake-amp) * .5))}55%{transform:translate(calc(var(--shake-amp) * .5), calc(var(--shake-amp) * .3))}80%{transform:translate(calc(var(--shake-amp) * -.25), 0)}}.arena.fx-hitstop *{animation-play-state:paused}.fx-lunge{animation:fx-lunge .16s var(--ease)}@keyframes fx-lunge{30%{transform:translateY(-6px)scale(1.02)}}.fx-cast-pulse .figure{animation:.9s ease-in-out fx-cast-pulse}@keyframes fx-cast-pulse{0%,to{filter:none}35%{filter:saturate(1.35) brightness(1.22) drop-shadow(0 0 10px var(--tint))}}.fx-hit{animation:.12s fx-hit}@keyframes fx-hit{40%{transform:translateY(2px)}}.fx-pulse{animation:.24s fx-pulse}@keyframes fx-pulse{50%{opacity:.55}}.fx-flash{left:var(--fx-x);top:var(--fx-y);background:radial-gradient(circle, color-mix(in srgb, var(--starlight) 50%, transparent) 0%, transparent 68%);width:240px;height:240px;animation:fx-flash var(--dur-flash) ease-out forwards;border-radius:50%;margin:-120px 0 0 -120px;position:absolute}@keyframes fx-flash{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1)}}.fx-release{left:var(--fx-x);top:var(--fx-y);border:3px dashed var(--gold);width:44px;height:44px;filter:drop-shadow(0 0 12px var(--gold));animation:fx-release .42s var(--ease) forwards;border-radius:50%;margin:-22px 0 0 -22px;position:absolute}@keyframes fx-release{to{opacity:0;transform:scale(6)}}.fx-shimmer{border-radius:var(--r-md);background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--gold) 35%, transparent) 50%, transparent 80%);background-size:250% 100%;animation:.35s forwards fx-shimmer;position:absolute}@keyframes fx-shimmer{0%{background-position:120% 0}to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.dmg-float,.fx-label{animation-name:dmg-fade}.fx-thread path{opacity:.5;animation:none}.fx-lunge,.fx-hit,.fx-release,.fx-shimmer,.fx-cast-pulse .figure{animation:none}.fx-flash{display:none}.fx-beam{animation-duration:.17s}}@keyframes dmg-fade{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}.transform-overlay{z-index:var(--z-transform);cursor:pointer;background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--nebula-hi) 55%, transparent), transparent 68%), color-mix(in srgb, var(--void) 82%, transparent);animation:tf-overlay-in .24s var(--ease);place-items:center;display:grid;position:fixed;inset:0}@keyframes tf-overlay-in{0%{opacity:0}}.tf-row{width:min(calc(1500px * var(--ui-scale,1)), 96vw);justify-content:center;align-items:flex-end;gap:clamp(.6rem,2vw,1.6rem);display:flex}.tf-card{width:clamp(calc(120px * var(--ui-scale,1)), 14vw, calc(180px * var(--ui-scale,1)));height:min(52vh, calc(420px * var(--ui-scale,1)));color:var(--tint,var(--stardust));flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.tf-video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity var(--dur-ui) var(--ease);position:absolute;inset:0}.tf-card.tf-live .tf-video{opacity:1}.tf-column{border-radius:var(--r-md);background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--tint,var(--gold)) 46%, transparent) 34%, color-mix(in srgb, var(--tint,var(--gold)) 62%, var(--starlight) 8%) 62%, transparent 100%);filter:blur(1px)drop-shadow(0 0 22px);transform-origin:50% 100%;animation:tf-column var(--dur-col) var(--ease) both;animation-delay:calc(var(--tf-delay) + var(--at-col));position:absolute;inset:0 26%}@keyframes tf-column{0%{opacity:0;transform:scaleY(.05)scaleX(.4)}55%{opacity:1}to{opacity:.8;transform:scaleY(1)scaleX(1)}}.tf-figure{z-index:2;width:86%;animation:tf-rise var(--dur-sil) var(--ease) both, tf-reveal var(--dur-col) var(--ease) both;animation-delay:calc(var(--tf-delay) + var(--at-sil)), calc(var(--tf-delay) + var(--at-col));position:relative}.tf-figure .figure{width:100%;height:auto;filter:drop-shadow(0 0 14px color-mix(in srgb, currentColor 55%, transparent));display:block}@keyframes tf-rise{0%{opacity:0;transform:translateY(34px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tf-reveal{0%{filter:brightness(.12)saturate(0)}to{filter:brightness()saturate()}}.tf-wings{z-index:1;animation:tf-wings-in var(--dur-wings) var(--ease) both;animation-delay:calc(var(--tf-delay) + var(--at-wings));position:absolute;inset:6% 4% 30%}.tf-wings .wings{inset:0}@keyframes tf-wings-in{0%{opacity:0}30%{opacity:1}to{opacity:1}}.tf-wings .wing-l{animation:tf-unfurl-l var(--dur-wings) var(--ease) both;animation-delay:calc(var(--tf-delay) + var(--at-wings))}.tf-wings .wing-r{animation:tf-unfurl-r var(--dur-wings) var(--ease) both;animation-delay:calc(var(--tf-delay) + var(--at-wings))}@keyframes tf-unfurl-l{0%{transform:rotate(34deg)scale(.55)}to{transform:rotate(0)scale(1)}}@keyframes tf-unfurl-r{0%{transform:rotate(-34deg)scale(.55)}to{transform:rotate(0)scale(1)}}.tf-wings .wing-glow{animation:tf-glow-bloom var(--dur-wings) var(--ease) both;animation-delay:calc(var(--tf-delay) + var(--at-wings))}@keyframes tf-glow-bloom{0%{opacity:0;filter:drop-shadow(0 0 2px)}to{opacity:1;filter:drop-shadow(0 0 16px)}}.tf-name{z-index:3;font-family:var(--font-display);letter-spacing:.06em;color:var(--starlight);text-shadow:0 0 12px currentColor, 0 0 4px color-mix(in srgb, var(--tint,var(--gold)) 80%, transparent);animation:tf-name var(--dur-name) var(--ease) both;animation-delay:calc(var(--tf-delay) + var(--at-name));margin-top:.4rem;font-size:clamp(1.1rem,2.2vw,1.7rem);position:relative}@keyframes tf-name{0%{opacity:0;letter-spacing:.4em;clip-path:inset(0 100% 0 0)}to{opacity:1;letter-spacing:.06em;clip-path:inset(0 -8% 0 0)}}.tf-ring{border:2px solid color-mix(in srgb, var(--gold) 80%, var(--tint,var(--gold)));opacity:0;width:30px;height:30px;animation:tf-ring var(--dur-burst) var(--ease) both;animation-delay:calc(var(--tf-delay) + var(--at-burst));border-radius:50%;margin:-15px;position:absolute;top:42%;left:50%}@keyframes tf-ring{0%{opacity:0;transform:scale(.3)}22%{opacity:.9}to{opacity:0;transform:scale(5.2)}}.tf-hint{color:var(--stardust);opacity:.75;font-size:.8rem;position:absolute;bottom:1rem;right:1.2rem}@media (prefers-reduced-motion:reduce){.transform-overlay,.tf-column,.tf-figure,.tf-wings,.tf-wings .wing-l,.tf-wings .wing-r,.tf-wings .wing-glow,.tf-name,.tf-ring{animation:none}.tf-figure{opacity:1;filter:none;transform:none}.tf-wings{opacity:1}.tf-column{opacity:.4;transform:none}.tf-name{opacity:1;clip-path:none}.tf-ring{opacity:0}}.cutin-layer{z-index:var(--z-cutin);pointer-events:none;position:fixed;inset:0;overflow:hidden}.slam{--tint:var(--tint-default);top:calc(var(--battle-hud-h) + 3vh);pointer-events:auto;cursor:pointer;position:absolute}.slam.side-left{left:0}.slam.side-right{right:0}.slam .slam-panels{display:flex}.slam .slam-panel{width:clamp(calc(320px * var(--ui-scale,1)), 34vw, calc(480px * var(--ui-scale,1)));height:min(52vh, calc(400px * var(--ui-scale,1)));clip-path:polygon(0 0,100% 0,74% 100%,0 100%);background:linear-gradient(115deg, color-mix(in srgb, var(--tint) 32%, var(--scrim)) 0%, color-mix(in srgb, var(--tint) 10%, var(--scrim)) 55%, transparent 100%);animation:slam-in var(--dur-ui) var(--ease) backwards;animation-delay:calc(var(--panel-i,0) * 60ms);position:relative;overflow:hidden}.slam.side-right .slam-panel{clip-path:polygon(26% 0,100% 0,100% 100%,0 100%);background:linear-gradient(245deg, color-mix(in srgb, var(--tint) 32%, var(--scrim)) 0%, color-mix(in srgb, var(--tint) 10%, var(--scrim)) 55%, transparent 100%)}.slam-figure{width:62%;height:88%;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--tint) 60%, transparent));justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:4%}.slam.side-right .slam-figure{left:auto;right:4%}.slam-figure .figure{width:100%;height:100%}.slam-figure-art{object-fit:contain;object-position:bottom;width:100%;height:100%;position:absolute;inset:0}.slam-panel.has-figure-art .slam-figure .figure{visibility:hidden}.slam-art{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0}.slam-panel.has-art .slam-art{display:block}.slam-edge{background:linear-gradient(180deg, var(--gold), var(--tint));width:6px;box-shadow:0 0 18px color-mix(in srgb, var(--tint) 70%, var(--gold));position:absolute;top:0;bottom:0;right:18%;transform:skew(-16deg)}.slam.side-right .slam-edge{left:18%;right:auto;transform:skew(16deg)}.slam.villain .slam-edge{background:linear-gradient(180deg, var(--el-dark), var(--tint));box-shadow:0 0 18px var(--el-dark-glow)}.slam-caption{pointer-events:none;position:absolute;top:8%;left:46%;right:-30%}.slam.side-right .slam-caption{text-align:right;left:-30%;right:46%}.slam-eyebrow{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 12px color-mix(in srgb, var(--gold) 45%, transparent);font-size:.8rem;font-weight:700}.slam.villain .slam-eyebrow{color:color-mix(in srgb, var(--el-dark) 60%, var(--starlight))}.slam-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 16px color-mix(in srgb, var(--tint) 80%, var(--gold));font-size:clamp(1.4rem,2.3vw,2rem);font-weight:800;line-height:1.05}.slam-sub{letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb, var(--tint) 55%, var(--starlight));margin-top:.3rem;font-size:.72rem;font-weight:700}.slam.situation-winxOut .slam-figure .figure{filter:saturate(.3)brightness(.85)}.slam.situation-winxOut .slam-figure .fig-wings{opacity:0;transition:opacity var(--dur-slow) var(--ease)}.slam.situation-reTransform .slam-figure .figure{filter:brightness(1.12) drop-shadow(0 0 16px var(--gold))}.slam-sigil{width:min(38vh, calc(300px * var(--ui-scale,1)));height:min(38vh, calc(300px * var(--ui-scale,1)));opacity:.12;pointer-events:none;animation:sigil-drift var(--dur-slow) var(--ease) backwards;animation-delay:calc(var(--panel-i,0) * 60ms);position:absolute;top:-6%;right:2%;transform:rotate(12deg)}.slam.side-right .slam-sigil{left:2%;right:auto;transform:rotate(-12deg)}.slam-sigil .sigil{width:100%;height:100%}@keyframes sigil-drift{0%{opacity:0;transform:rotate(20deg)translate(28px)}}.slam-streaks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.slam-streaks i{animation:streak-in var(--dur-ui) var(--ease) backwards;position:absolute;top:-12%;bottom:-12%;transform:skew(-18deg)}.slam-streaks i:first-child{opacity:.42;background:color-mix(in srgb, var(--tint) 45%, transparent);width:7%;animation-delay:calc(var(--panel-i,0) * 60ms + 40ms);left:56%}.slam-streaks i:nth-child(2){opacity:.32;background:color-mix(in srgb, var(--tint) 55%, var(--starlight));width:4%;animation-delay:calc(var(--panel-i,0) * 60ms + 90ms);left:69%}.slam-streaks i:nth-child(3){opacity:.28;background:color-mix(in srgb, var(--tint) 50%, var(--el-dark));width:3%;animation-delay:calc(var(--panel-i,0) * 60ms + .13s);left:78%}.slam.side-right .slam-streaks i{animation-name:streak-in-right;transform:skew(18deg)}.slam.side-right .slam-streaks i:first-child{left:auto;right:56%}.slam.side-right .slam-streaks i:nth-child(2){left:auto;right:69%}.slam.side-right .slam-streaks i:nth-child(3){left:auto;right:78%}@keyframes streak-in{0%{opacity:0;transform:skew(-18deg)translate(-140px)}}@keyframes streak-in-right{0%{opacity:0;transform:skew(18deg)translate(140px)}}.slam-reveal{pointer-events:none;position:absolute;inset:0}.sr-column{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--tint) 52%, transparent) 40%, color-mix(in srgb, var(--tint) 66%, var(--starlight) 6%) 70%, transparent);filter:blur(1px) drop-shadow(0 0 24px var(--tint));transform-origin:50% 100%;animation:sr-column .7s var(--ease) both;position:absolute;inset:-6% 30% 0}@keyframes sr-column{0%{opacity:0;transform:scaleY(.06)}60%{opacity:1}to{opacity:.75;transform:scaleY(1)}}.sr-wings{opacity:0;animation:sr-wings .9s var(--ease) .5s both;position:absolute;inset:8% 6% 26%}.sr-wings .wings{inset:0}@keyframes sr-wings{to{opacity:.9}}.slam.situation-darkBloom.transform-treat .slam-figure{animation:sr-figure 1.2s var(--ease) both}@keyframes sr-figure{0%{opacity:0;filter:brightness(0)saturate(0)}55%{opacity:1;filter:brightness(.4)saturate(.4)}to{opacity:1;filter:brightness(1) saturate(1) drop-shadow(0 0 18px color-mix(in srgb, var(--tint) 60%, transparent))}}.slam.situation-reTransform.transform-treat .slam-figure .fig-wings{transform-box:fill-box;animation:sr-refire .9s var(--ease) .25s both}@keyframes sr-refire{0%{opacity:0;filter:drop-shadow(0 0 2px var(--gold))}to{opacity:1;filter:drop-shadow(0 0 14px var(--gold))}}.slam.multi{width:min(92vw, calc(1100px * var(--ui-scale,1)));left:50%;transform:translate(-50%)}.slam.multi.panels-2{width:min(72vw, calc(760px * var(--ui-scale,1)))}.slam.multi.panels-3{width:min(80vw, calc(880px * var(--ui-scale,1)))}.slam.multi .slam-panels{height:min(46vh, calc(360px * var(--ui-scale,1)));outline:1px solid color-mix(in srgb, var(--gold) 55%, transparent);outline-offset:4px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;display:grid;position:relative}.slam.multi.villain .slam-panels{outline-color:color-mix(in srgb, var(--el-dark) 65%, transparent)}.slam.multi .slam-panel{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);width:auto;height:100%}.slam.multi .slam-panel .slam-edge{display:none}.slam.multi .slam-figure{width:auto;margin:0 6%;left:0;right:0}.slam-braid{pointer-events:none;width:96%;height:24%;position:absolute;top:38%;left:2%;right:2%;overflow:visible}.braid-strand{fill:none;stroke:currentColor;stroke-width:.9px;opacity:.75;stroke-dasharray:6 3;filter:drop-shadow(0 0 4px);animation:1.2s linear infinite braid-flow}.slam.multi .slam-caption{text-align:center;margin-top:.6rem;position:relative;top:auto;left:auto;right:auto}.slam.multi.side-right .slam-caption{text-align:center}@keyframes slam-in{0%{opacity:.3;transform:translate(-55%)}}.slam.side-right .slam-panel{animation-name:slam-in-right}@keyframes slam-in-right{0%{opacity:.3;transform:translate(55%)}}.slam.out .slam-panel{animation:.24s ease-in forwards slam-out}.slam.side-right.out .slam-panel{animation-name:slam-out-right}@keyframes slam-out{to{opacity:0;transform:translate(-110%)}}@keyframes slam-out-right{to{opacity:0;transform:translate(110%)}}@keyframes braid-flow{to{stroke-dashoffset:-18px}}@media (prefers-reduced-motion:reduce){.slam .slam-panel,.slam.side-right .slam-panel{animation:none}.slam.out .slam-panel,.slam.side-right.out .slam-panel{opacity:0;transition:opacity .2s;animation:none}.braid-strand{animation:none}.slam.situation-winxOut .slam-figure .fig-wings{transition:none}.slam-sigil,.slam-streaks i,.sr-column,.sr-wings,.slam.situation-darkBloom.transform-treat .slam-figure,.slam.situation-reTransform.transform-treat .slam-figure .fig-wings{animation:none}.sr-wings{opacity:.9}}