:root{color-scheme:dark;font:600 14px system-ui,sans-serif;background:#070b16;color:#fff7df;--gold:#ffe817;--blue:#2457ff}.menu-utility{display:block;margin:14px auto 0;background:#080f27cc;border-color:#3c527e;min-width:130px}.form-previews{display:flex;gap:8px;margin:16px 0}.form-previews button{flex:1;text-transform:capitalize;border-color:#315195;background:#080f27dd}.form-previews button[aria-pressed=true]{border:2px solid var(--gold);color:var(--gold)}.form-previews small{display:block;font-size:10px;margin-top:4px;color:#b4c6e5}.move-list{list-style:none;padding:0;counter-reset:moves;margin:20px 0}.move-list li{counter-increment:moves;border-left:3px solid #2457ff;padding:12px 14px;margin:8px 0;background:#080f27dd}.move-list b{display:block;color:var(--gold);font-size:15px}.move-list b:before{content:counter(moves)" / ";color:#b4c6e5;font-size:11px}.move-list span{display:block;font-size:11px;margin-top:5px;color:#d6e1f5}.future-roster summary{color:var(--gold);font-size:14px;min-height:48px}.fighter-profile .home-hero{height:370px}.fighter-profile .home-hero>img{height:320px}.menu-settings{margin:24px 0;border-top:2px solid #2457ff}.menu-settings>label{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #4b658780;min-height:74px}.menu-settings>label>span{flex:1;font-size:16px;font-weight:850}.menu-settings small{display:block;font-size:11px;line-height:1.5;color:#b4c6e5;font-weight:600;margin-top:5px}.menu-settings select{max-width:48%;min-width:130px}.menu-settings input[type=checkbox]{width:24px;height:24px;accent-color:var(--gold);flex-shrink:0}.menu-settings output{color:var(--gold);font-size:13px;display:block;margin-top:5px}*{box-sizing:border-box}body{margin:0}main{max-width:580px;margin:auto;padding:0 8px max(8px,env(safe-area-inset-bottom))}#game{position:relative;margin:auto;width:min(100%,calc((100dvh - 142px) / 1.625));aspect-ratio:768/1248;background:#080d18;outline:none}#game canvas{display:block;width:100%!important;height:100%!important;pointer-events:none}#board-hit{position:absolute;z-index:1;left:13.671875%;top:23.4375%;width:72.65625%;height:67.0673%;touch-action:none;outline:none}#board-hit:focus-visible{outline:2px solid #ffe817}#game:focus-visible{outline:2px solid var(--gold)}#loading{padding:30px;text-align:center}.dock{display:flex;gap:5px;margin-top:5px;justify-content:center}button,select{font:inherit;color:inherit;min-height:44px;border:1px solid #586480;border-radius:5px;background:#17203a;padding:6px 10px;cursor:pointer}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#raise{background:var(--gold);color:#11192b;touch-action:none}#pause{background:var(--blue)}#status{text-align:center;min-height:18px;margin:6px 0;font-size:12px}#options{padding:10px;background:#101a31;border:1px solid #3c527e;border-radius:6px}#options[hidden]{display:none}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}label{display:flex;gap:7px;align-items:center;min-height:44px}select{max-width:210px}input[type=range]{width:100px;min-height:36px}input[type=checkbox]{width:19px;height:19px}summary{cursor:pointer;padding:12px 0}details{border-top:1px solid #35486b;margin-top:8px}#metrics{display:block;font:12px monospace;line-height:1.6}.save{font-size:11px;color:#9caac5;text-align:center;margin:4px 0}@media(max-width:350px){button{padding:6px 7px;font-size:12px}select{max-width:180px}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}[hidden]{display:none!important}#modebar{display:flex;align-items:center;gap:8px;padding:7px 0;min-height:68px}#modebar>div{flex:1;min-width:0}#mode-title{font-size:16px;display:block;color:var(--gold)}#mode-goal{display:block;font-size:11px;line-height:1.35;margin-top:3px}#modebar button{flex-shrink:0}#game{width:min(100%,calc((100dvh - 212px) / 1.625))}#journey{margin:0 -8px}.journey-stage{position:relative;min-height:100dvh;padding:14px 22px 28px;background:linear-gradient(180deg,#060b17e8,#080d1870 36%,#080d18e8 76%),url(../art/world.webp) center top/cover fixed;overflow:hidden}.journey-head{display:flex;align-items:center;gap:10px;border-bottom:2px solid #ffe81766;padding-bottom:8px}.journey-head strong{color:var(--gold);font-size:22px;font-weight:1000;letter-spacing:1px;transform:skew(-7deg)}.journey-head span{margin-left:auto;font-size:8px;letter-spacing:1px;color:#b9c8e9}.journey-head button{border:0;background:#070d1a88;font-size:20px}.journey-stage h1{font-size:24px;text-transform:uppercase;font-weight:950;line-height:1.05;max-width:370px;margin:20px 0 10px;text-shadow:0 3px #080d18}.home-hero{position:relative;height:350px;display:flex;justify-content:center;align-items:center}.home-hero>img{height:300px;max-width:88%;object-fit:contain;filter:drop-shadow(0 10px 6px #000a);animation:fighter-breathe 3s ease-in-out infinite}.hero-sparks{position:absolute;inset:30px 0;background:radial-gradient(ellipse at 50% 60%,#ff681957,transparent 66%);transform:rotate(-8deg)}.hero-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080d18ef 22%);padding:25px 0 8px}.hero-caption>span,.fighter-entry span,.story-stop span{font-size:10px;color:var(--gold);letter-spacing:1px}.hero-caption h2{font-size:29px;font-weight:1000;margin:2px 0 5px}.hero-caption small{font-size:11px;color:#d6e1f5;display:block}.hero-caption meter{display:block;width:100%;height:12px;accent-color:var(--gold)}.home-actions{display:grid;gap:9px;margin-top:9px}.home-actions>button,.primary{min-height:54px;text-align:left;background:#182655ee;border:2px solid #4774ff;border-radius:3px;font-weight:900;text-transform:uppercase;box-shadow:0 4px #050915}.home-actions>button>span{float:right;color:var(--gold)}button.primary{background:var(--gold);color:#090f22;border-color:#fff183;box-shadow:0 4px #987600}.split{display:flex;gap:8px}.split>*{flex:1;min-width:0}.split button{font-size:12px}.route-intro,.journey-copy>p{font-size:13px;line-height:1.6;color:#e1e9f9;max-width:480px}.puzzle-path{list-style:none;padding:0;position:relative}.puzzle-path:before{content:"";position:absolute;left:26px;top:30px;bottom:30px;border-left:4px solid #2457ff88}.puzzle-path li{position:relative;margin:13px 0}.puzzle-path li:nth-child(3n+2){margin-left:18px}.puzzle-path li:nth-child(3n){margin-left:34px}.puzzle-path button{width:100%;display:flex;gap:13px;align-items:center;text-align:left;min-height:72px;background:#080f27ef;border:2px solid #315195;border-radius:3px}.puzzle-path b{display:grid;place-items:center;font-size:24px;color:var(--gold);min-width:28px}.puzzle-path span{flex:1;font-size:16px;font-weight:850}.puzzle-path small{display:block;font-weight:600;font-size:10px;line-height:1.6;color:#b4c6e5}.puzzle-path em{font-size:10px;text-transform:uppercase;color:var(--gold);font-style:normal}.puzzle-path .complete button{border-color:#5de019}.puzzle-path .available button{border-color:var(--gold)}button:disabled{cursor:default;opacity:.5}.puzzle-path .locked b{color:#93a5c4}.story-stop,.fighter-entry{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #4b658780}.story-stop>img{width:32%;height:170px;object-fit:contain;filter:drop-shadow(0 5px 4px #000)}.story-stop>div,.fighter-entry>div{flex:1;min-width:0}.story-stop h2,.fighter-entry h2{font-size:20px;margin:6px 0}.story-stop p,.fighter-entry p{font-size:12px;line-height:1.5}.story-stop button{background:#2457ff}.fighter-entry>img{width:34%;height:180px;object-fit:contain}.fighter-entry.unowned>img{opacity:.75}.fighter-entry small{font-size:10px;line-height:1.5;color:#b7c8e3}.starter-cast{display:flex;justify-content:center;align-items:center;height:230px}.starter-cast img{width:43%;height:220px;object-fit:contain}.starter-cast span{font-size:32px;font-weight:1000;color:var(--gold);transform:skew(-8deg)}.journey-copy{text-align:center}.journey-copy .primary{display:block;width:100%;text-align:center;margin:16px 0}.reveal img{height:225px;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 25px #ffe81733)}.reveal h2{font-size:28px;margin:4px 0;color:var(--gold)}.reveal>span{font-size:11px;letter-spacing:1px}.reveal-pulse{animation:starter-reveal .8s cubic-bezier(.16,1,.3,1)}.spinning img{animation:starter-bounce .2s ease-in-out 4 alternate}#journey-notice{font-size:11px;line-height:1.5;color:#ffeb86}@keyframes fighter-breathe{50%{transform:translateY(-5px) rotate(-1deg)}}@keyframes starter-reveal{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}@keyframes starter-bounce{to{transform:translateY(-8px)}}@media(max-width:350px){.journey-stage{padding:10px 14px 22px}.journey-head strong{font-size:20px}.journey-stage h1{font-size:21px}.home-hero{height:280px}.home-hero>img{height:245px}.hero-caption h2{font-size:25px}.home-actions>button{font-size:12px}.puzzle-path span{font-size:14px}.puzzle-path li:nth-child(3n){margin-left:18px}}@media(prefers-reduced-motion:reduce){.home-hero>img,.reveal-pulse,.spinning img{animation:none}}#rival-info{font-size:10px;padding:6px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#rival-toggle{min-height:36px;font-size:10px}#rival-status{flex:1}#rival-view{display:flex;width:100%;gap:14px;background:#101a31;padding:12px;border:1px solid #4774ff}#rival-board{width:120px;height:180px}#rival-view p{font-size:12px;line-height:1.5;max-width:170px}.journey-stage.reduced .home-hero>img,.journey-stage.reduced .reveal-pulse,.journey-stage.reduced .spinning img{animation:none}.journey-stage h1:focus{outline:none}#game{width:clamp(min(100%,300px),calc((100dvh - 212px) / 1.625),100%)}#playtest-metrics{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 monospace;padding:10px;background:#101a31}#playtest button{margin:0 6px 6px 0}@media(max-height:700px){.dock{position:sticky;bottom:env(safe-area-inset-bottom);z-index:6;padding:7px 0;background:linear-gradient(#070b16e8,#070b16);border-top:1px solid #35486b}}.hero-caption meter::-webkit-meter-bar{background:#162445;border:0;border-radius:0}.hero-caption meter::-webkit-meter-optimum-value{background:var(--gold)}.hero-caption meter::-moz-meter-bar{background:var(--gold)}.completion-rewards{display:grid;gap:9px;margin:12px 0}#result .reward-fighter{display:flex;align-items:center;gap:10px;padding:8px;border-left:4px solid var(--gold);background:#070e20}#result .reward-fighter>img{width:60px;height:82px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 3px 4px #0008)}#result .reward-fighter>div{min-width:0;display:grid;gap:3px}#result .reward-fighter strong{font-size:12px;color:var(--gold)}#result .reward-fighter b{font-size:13px;line-height:1.2}#result .reward-fighter span,#result .reward-fighter small{font-size:10px;line-height:1.4;color:#d6e1f5}#result .reward-fighter.recruit{border-color:#5de019}#result .reward-fighter button{font-size:11px;min-height:40px;margin-top:5px;white-space:normal}.starter-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.starter-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px;background:radial-gradient(ellipse at 50% 45%,#ff671929,transparent 70%),#0c162de8;border:2px solid #4774ff;border-radius:12px;box-shadow:0 6px #030814}.starter-option:hover,.starter-option:focus-visible{border-color:var(--gold)}.starter-option img{height:190px;width:100%;object-fit:contain;margin:12px 0;filter:drop-shadow(0 8px 5px #0008)}.starter-option strong{font-size:17px;line-height:1.15;min-height:40px}.starter-kicker{font-size:9px;letter-spacing:1.4px;color:var(--gold);font-weight:950}.starter-option small{font-size:11px;line-height:1.5;color:#c2d3f3;margin:10px 0;min-height:34px}.starter-pick{width:100%;padding:12px 3px;background:var(--gold);color:#090f22;font-size:12px;font-weight:950;border-radius:5px;margin-top:auto}.starter-utilities{display:flex;justify-content:center;gap:10px}.starter-ready{text-align:center}.starter-portrait{height:240px;margin:15px 0}.starter-portrait img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 30px #ffe81735)}.starter-ready h2{font-size:30px;line-height:1.1;margin:10px 0;color:var(--gold)}.starter-ready p{font-size:13px;color:#d5e0f6}.starter-ready .primary{display:block;width:100%;text-align:center;margin:24px 0 10px}.skip-basics{background:transparent;border-color:#7588af;color:#e3ebfa;font-size:12px;min-height:44px}.starter-ready small{display:block;font-size:10px;color:#aebedd;margin:10px 0}@media(max-width:350px){.starter-options{gap:8px}.starter-option{padding:12px 7px}.starter-option img{height:155px}.starter-option strong{font-size:15px}.starter-pick{font-size:11px}}.email-account{margin:18px 0}.email-account summary{padding:12px 0;cursor:pointer}#account-email{display:grid;gap:16px;margin-top:12px}#account-email label{display:grid;gap:6px}#account-email input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:48px;background:#060b18;color:#fff;border:1px solid #7185a2;border-radius:6px;padding:10px;font:inherit}#account-email .create-account-choice{display:flex;align-items:center;gap:10px}.account-conflict{margin:16px 0;padding:16px;border:1px solid #ffd91e}.account-result-prompt{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}main:has(>#journey:not([hidden])){padding-bottom:0}#result{position:fixed;inset:0;width:min(448px,calc(100dvw - 28px));max-width:calc(100dvw - 28px);max-height:calc(100dvh - 28px);overflow:auto;margin:auto;padding:24px;border:2px solid var(--gold);border-radius:14px;background:radial-gradient(ellipse at 100% 0,#2457ff30,transparent 60%),#0c1428;color:#fff7df;box-shadow:0 0 0 5px #ffe81712,0 24px 80px #000b;scrollbar-width:thin}#result::backdrop{background:#030711bb;backdrop-filter:blur(5px)}#result:before{content:"NIGHT SHIFT / ROUND COMPLETE";display:block;color:#9db3e0;font-size:9px;font-weight:900;letter-spacing:2px;margin-bottom:12px}#result h2{font-size:28px;line-height:1.05;letter-spacing:-.7px;color:var(--gold);margin:0 0 12px}#result p{font-size:13px;line-height:1.5;margin:12px 0;color:#d5e0f6}#result .completion-rewards{gap:12px;margin:18px 0}#result .reward-fighter{border-radius:8px;background:linear-gradient(100deg,#182854,#080e20);padding:12px}#result .reward-fighter strong{font-size:19px}#result .reward-fighter b{font-size:15px}#result .split{padding-top:8px;gap:10px}#result .split button{min-height:52px;font-size:13px;border-radius:7px;white-space:normal}#result .skip-basics{width:100%;margin-top:16px}@media(max-height:620px){#result{padding:16px}#result:before{margin-bottom:8px}#result h2{font-size:24px}#result .completion-rewards{margin:10px 0}#result p{margin:8px 0}#result .reward-fighter>img{height:64px}}@media(prefers-reduced-motion:no-preference){#result[open]{animation:result-arrive .22s ease-out}@keyframes result-arrive{0%{opacity:0;translate:0 12px;scale:.97}to{opacity:1;translate:0 0;scale:1}}}.reduced-result[open]{animation:none!important}.recruit-room,.recruit-show{position:relative;text-align:center;padding:20px 0;isolation:isolate}.recruit-kicker{color:var(--gold);font-size:10px;font-weight:950;letter-spacing:2px}.recruit-emblem{font-size:120px;color:var(--gold);line-height:1.3;text-shadow:0 0 35px #ffe81780;transform:rotate(-10deg)}.recruit-room h2,.recruit-show h2{font-size:clamp(26px,7vw,38px);line-height:1.1;margin:15px 0}.recruit-room p,.recruit-show p{font-size:13px;line-height:1.6;color:#d6e4ff;max-width:40ch;margin:16px auto}.recruit-room>.primary{display:block;width:100%;margin:24px 0}.recruit-room .recruit-rules{font-size:12px;color:#aebfdf;margin:20px auto}.recruit-machine{--slot-height:270px;height:var(--slot-height);overflow:hidden;border:4px solid var(--gold);border-radius:22px;background:#080e23;position:relative;margin:26px auto;max-width:310px;box-shadow:0 0 0 7px #172649,0 0 45px #2457ff40}.recruit-machine:after{content:"";position:absolute;inset:0;background:linear-gradient(#080e23,transparent 28%,transparent 72%,#080e23);pointer-events:none}.recruit-strip{animation:recruit-roll 2s cubic-bezier(.12,.1,.32,1) forwards;will-change:transform}.recruit-slot{height:var(--slot-height);display:grid;place-items:center}.recruit-slot img{height:230px;max-width:90%;object-fit:contain}.recruit-pointer{position:absolute;right:5px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:28px;z-index:1}.recruit-status{min-height:42px}.recruit-winner{position:relative;height:290px;max-width:90%;object-fit:contain;margin:25px auto 0;filter:drop-shadow(0 0 25px color-mix(in srgb,var(--fighter-accent) 40%,transparent));animation:recruit-land .55s cubic-bezier(.16,1,.3,1)}.recruit-burst{position:absolute;z-index:-1;inset:65px 5% 110px;background:radial-gradient(ellipse,var(--fighter-accent),transparent 68%);opacity:.25}.recruit-show.landed h2{color:var(--fighter-accent)}.summon-ready{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 25px #ffe81712}.summon-earned{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #7185a2;color:var(--gold);font-size:12px}.summon-earned button{padding:10px 12px;font-size:11px;flex:none}@keyframes recruit-roll{0%{transform:translateY(0)}to{transform:translateY(calc(var(--slot-height) * -30))}}@keyframes recruit-land{0%{transform:scale(.65) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.reduced .recruit-strip,.reduced .recruit-winner,.recruit-show.still .recruit-winner{animation:none}@media(prefers-reduced-motion:reduce){.recruit-strip,.recruit-winner{animation:none}}@media(max-height:650px){.recruit-winner{height:220px}.recruit-machine{--slot-height:220px}.recruit-slot img{height:190px}.recruit-emblem{font-size:80px}}.move-showcase{border:2px solid #37588b;background:#071021;border-radius:8px;overflow:hidden}.fighter-hero:before{content:"";position:absolute;inset:0 -22px;background:linear-gradient(#070b1670,#070b1630 50%,#070b16e0),var(--arena-art) center/cover;opacity:.85}.fighter-hero>img{position:relative;z-index:1}.fighter-hero .hero-caption{z-index:2}.fighter-hero .hero-sparks{z-index:1}.fighter-actions{margin:16px 0 24px}.move-showcase canvas{display:block;width:100%;height:auto;aspect-ratio:744/207}.move-showcase output{display:block;text-align:center;padding:10px 12px;font-size:11px;color:#fff8eb;min-height:35px}.move-list li{padding:0;border-left:0;background:transparent}.move-list button{width:100%;text-align:left;padding:13px 14px;border-left:3px solid #2457ff;min-height:64px;background:#080f27dd}.form-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.form-previews button{padding:10px 5px;min-width:0;font-size:12px}.form-previews small{font-size:10px}@media(min-width:500px){.form-previews{grid-template-columns:repeat(5,minmax(0,1fr))}}.locked-portrait{filter:brightness(0);opacity:.72}.form-previews .form-card{display:flex;flex-direction:column;align-items:center;gap:5px;background:radial-gradient(ellipse at center,#233359,#080e22);border:1px solid #37588b;overflow:hidden}.form-card img{height:76px;width:100%;object-fit:contain;pointer-events:none}.form-card.locked{opacity:1;border-style:dashed}.form-card[aria-pressed=true]{border:2px solid #ffec00;box-shadow:inset 0 0 14px #ffec0025}.shard-progress progress{width:100%;accent-color:#ffec00;height:12px}.fighter-training{margin:14px 0;color:#c5d2ed;font-size:12px}.fighter-training summary{cursor:pointer;padding:12px 0}.move-list button:disabled{opacity:.65;border-left-color:#5e6880}.select-instruction{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:950;color:#ffe817;letter-spacing:1px;margin:16px 0 12px}.select-instruction>span{color:#bdcee9;letter-spacing:0}.roster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:6px;background:#071026;border:2px solid #39579c;box-shadow:0 5px #030710}.roster-portrait{position:relative;min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(135deg,#273b6c,#10172d);border:1px solid #526796;border-radius:0;overflow:hidden}.roster-portrait img{display:block;width:100%;height:84px;object-fit:contain;filter:drop-shadow(0 3px 2px #0008)}.roster-portrait .locked-portrait{filter:brightness(0)}.roster-portrait b{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:29px;font-size:9px;line-height:1.1;padding:2px;background:#070d20cb}.roster-portrait>span{display:flex;gap:1px;font-size:8px;min-height:19px;align-items:center}.roster-portrait em{position:absolute;top:3px;left:3px;background:#ffe817;color:#071024;font-size:8px;font-style:normal;font-weight:1000;padding:2px 4px}.roster-portrait[aria-pressed=true]{outline:3px solid #ffe817;outline-offset:-3px;background:radial-gradient(#ffbf2670,#24386a);z-index:1}.roster-portrait.unowned{background:linear-gradient(135deg,#172343,#090e1b)}.selected-fighter{position:relative;isolation:isolate;display:grid;grid-template-columns:44% 1fr;align-items:center;gap:12px;margin-top:16px;min-height:226px;padding:12px;border:1px solid #3c568d;overflow:hidden}.selected-fighter:before{background:linear-gradient(90deg,#080d1850,#080d18ed 60%),var(--arena-art) center/cover}.selected-fighter>img{width:100%;height:210px;object-fit:contain;filter:drop-shadow(0 8px 5px #0009)}.selected-fighter>img.locked-portrait{filter:brightness(0)}.selected-fighter>div{min-width:0}.selected-fighter h2{font-size:23px;line-height:1.03;margin:6px 0 8px}.selected-fighter p{font-size:11px;color:#c4d5f1;margin:4px 0}.selected-fighter>div>span{color:#ffe817;letter-spacing:1px;font-size:9px}.select-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.select-actions>button{text-align:center;font-size:12px}.select-actions .primary:disabled{opacity:1;background:#15264b;color:#ffe817;border-color:#526fa5;box-shadow:none}@media(max-width:350px){.roster-grid{gap:4px;padding:4px}.roster-portrait img{height:68px}.roster-portrait b{font-size:8px;min-height:30px}.roster-portrait>span{font-size:7px}.selected-fighter{min-height:198px;gap:8px;padding:8px}.selected-fighter>img{height:185px}.selected-fighter h2{font-size:19px}.select-instruction{font-size:9px;letter-spacing:0}}@media(max-width:600px){.select-instruction{margin:8px 0;font-size:9px;letter-spacing:.5px}.roster-grid{gap:4px;padding:4px}.roster-portrait img{height:42px}.roster-portrait b{min-height:24px;font-size:8px}.roster-portrait>span{min-height:12px;font-size:7px}.roster-portrait em{font-size:7px;padding:1px 3px}.selected-fighter{margin-top:10px;min-height:172px;gap:8px;padding:8px}.selected-fighter>img{height:148px}.selected-fighter h2{font-size:19px}.selected-fighter p{font-size:10px}.select-actions{gap:6px;margin-top:8px}.select-actions>button{min-height:44px;padding:10px 6px;font-size:10px}}.summon-cabinet{--cabinet-width:min( calc(100vw - 56px) ,350px);--slot-height:calc(var(--cabinet-width)*.345);position:relative;width:var(--cabinet-width);max-width:100%;aspect-ratio:1122/1402;margin:14px auto;isolation:isolate}.cabinet-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.cabinet-reels{position:absolute;left:15.1%;top:33.8%;width:68.7%;height:var(--slot-height);display:grid;grid-template-columns:repeat(3,1fr);gap:3px;z-index:2;border-radius:6px;overflow:hidden;background:#030917;box-shadow:inset 0 10px 18px #000}.reel-window{overflow:hidden;position:relative;border-inline:1px solid #dfbe5150;background:linear-gradient(#09111f,#132442,#09111f)}.reel-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#020715da,transparent 20%,transparent 80%,#020715da)}.summon-cabinet .recruit-slot{height:var(--slot-height);display:grid;place-items:center}.summon-cabinet .recruit-slot img{height:calc(var(--slot-height)*.88);width:92%;object-fit:contain}.summon-cabinet .recruit-strip{animation:none}.rolling .recruit-strip{animation:shard-reel calc(1.8s + var(--reel)*.45s) cubic-bezier(.1,.05,.22,1) forwards}.cabinet-label{position:absolute;z-index:2;top:67%;left:25%;width:48%;font-size:clamp(10px,3vw,13px);font-weight:950;letter-spacing:2px;color:#ffe976;text-shadow:0 2px #000}.cabinet-lights{position:absolute;inset:22% 9% 35%;border-radius:20px;pointer-events:none;z-index:3;box-shadow:0 0 18px #ffe81700}.rolling .cabinet-lights{animation:machine-charge .45s ease-in-out 6 alternate}.draw-odds{border-block:1px solid #7185a250;margin:18px 0;padding:12px;text-align:left;font-size:12px}.draw-odds summary{cursor:pointer;color:#ffe817;font-weight:850;min-height:28px}.draw-pool{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.draw-pool img{height:65px;width:100%;object-fit:contain}.shard-halo{position:absolute;top:30%;left:50%;font-size:240px;line-height:1;transform:translate(-50%) rotate(-15deg);color:var(--fighter-accent);opacity:.12;z-index:-1;animation:shard-halo .8s ease-out}.shard-progress{padding:16px;margin:16px 0;border-left:4px solid var(--gold);background:#070e22}.shard-progress b{color:var(--gold)}.shard-progress p{font-size:13px;line-height:1.5}.shard-progress button{width:100%}.shard-award-progress{color:var(--gold)!important;font-weight:850}@keyframes shard-reel{0%{transform:translateY(0)}95%{transform:translateY(calc(var(--slot-height)*var(--reel-stop)*-1 - 8px))}to{transform:translateY(calc(var(--slot-height)*var(--reel-stop)*-1))}}@keyframes machine-charge{0%{box-shadow:0 0 8px #00dbfc55}to{box-shadow:0 0 28px #ffe81799}}@keyframes shard-halo{0%{transform:translate(-50%) rotate(40deg) scale(.2);opacity:.5}to{transform:translate(-50%) rotate(-15deg) scale(1);opacity:.12}}.reduced .rolling .recruit-strip,.reduced .cabinet-lights,.reduced .shard-halo{animation:none}@media(prefers-reduced-motion:reduce){.rolling .recruit-strip,.cabinet-lights,.shard-halo{animation:none}}.evolution-show{text-align:center;position:relative;padding:16px 0;isolation:isolate}.evolution-show h2{font-size:clamp(24px,7vw,36px);margin:14px 0}.evolution-stage{position:relative;height:330px;max-width:380px;margin:20px auto;isolation:isolate;overflow:hidden}.evolution-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 16px var(--fighter-accent))}.evolution-before{opacity:0}.evolution-after{opacity:1}.evolving .evolution-before{animation:evolve-before 2.8s ease-in both}.evolving .evolution-after{animation:evolve-after 2.8s cubic-bezier(.16,1,.3,1) both}.evolution-ring{position:absolute;inset:9%;border:6px solid var(--fighter-accent);border-radius:50%;opacity:.35;transform:rotateX(65deg);box-shadow:0 0 45px var(--fighter-accent);z-index:-1}.evolving .evolution-ring{animation:evolve-ring 2.8s ease-in-out both}.evolution-shards{position:absolute;inset:50%;z-index:2}.evolution-shards i{position:absolute;color:var(--fighter-accent);font-style:normal;font-size:20px;opacity:0;transform:rotate(calc(var(--n)*30deg)) translate(130px)}.evolving .evolution-shards i{animation:evolve-shards 2.8s ease-in-out both}.evolution-flare{position:absolute;inset:0;background:radial-gradient(ellipse,var(--fighter-accent),transparent 65%);opacity:0;pointer-events:none}.evolving .evolution-flare{animation:evolve-flare 2.8s ease-out both}.evolution-route{font-size:18px;font-weight:850}.evolution-route span{margin:0 12px;color:var(--gold)}.evolution-route strong{color:var(--fighter-accent)}.evolution-show>p[role=status]{font-size:13px;line-height:1.6;color:#cbd9f2}.evolution-show>.primary{width:100%;margin-top:16px}@keyframes evolve-before{0%,30%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(.85);filter:brightness(2) drop-shadow(0 0 30px var(--fighter-accent))}65%,to{opacity:0;transform:scale(.1)}}@keyframes evolve-after{0%,55%{opacity:0;transform:scale(.2) translateY(40px)}72%{opacity:1;transform:scale(1.08) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes evolve-ring{0%{opacity:0;transform:rotateX(65deg) scale(.4)}45%{opacity:.8;transform:rotateX(30deg) scale(1)}70%{opacity:.5;transform:rotateX(0) scale(1.5)}to{opacity:.25;transform:rotateX(65deg) scale(1)}}@keyframes evolve-shards{0%{opacity:0}15%,35%{opacity:1;transform:rotate(calc(var(--n)*30deg + 80deg)) translate(130px)}60%{opacity:.8;transform:rotate(calc(var(--n)*30deg + 190deg)) translate(0)}70%,to{opacity:0}}@keyframes evolve-flare{0%,45%{opacity:0;transform:scale(.3)}60%{opacity:.8;transform:scale(1)}85%,to{opacity:0;transform:scale(1.3)}}.reduced .evolving *{animation:none!important}.reduced .evolution-before{opacity:0}.reduced .evolution-after{opacity:1}.reduced .evolution-ring{box-shadow:none}@media(prefers-reduced-motion:reduce){.evolving *{animation:none!important}.evolution-before{opacity:0}.evolution-after{opacity:1}.evolution-ring{box-shadow:none}}@media(max-height:650px){.evolution-stage{height:220px;margin:10px auto}.evolution-show h2{font-size:24px}.evolution-show{padding:8px 0}.evolution-route{font-size:15px}}.challenge-banner{padding:14px 0 20px;text-align:center}.challenge-banner h2{font-size:clamp(22px,6vw,32px);margin:10px 0;color:var(--gold)}.challenge-banner p{font-size:13px;color:#c7d7f3}.challenge-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.challenge-tabs button{padding:12px 5px;font-size:13px}.challenge-tabs button[aria-pressed=true]{background:var(--gold);color:#070d1a;border-color:var(--gold);box-shadow:0 4px #a29100}.challenge-tabs b{color:inherit;margin-left:4px}.challenge-reset{font-size:11px;line-height:1.5;color:#a9bad9;margin:18px 0}.challenge-list{display:grid;gap:12px}.challenge-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 14px 28px;background:linear-gradient(115deg,#142047e8,#080e20f0);border:1px solid #426191;border-left:4px solid #396df8;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.challenge-card h2{font-size:17px;margin:0 0 6px}.challenge-card p{font-size:12px;color:#c5d7f5;margin:0 0 7px}.challenge-card>div{flex:1;min-width:0}.challenge-card strong{display:block;color:var(--gold);font-size:12px;margin-top:8px}.challenge-card progress{width:100%;height:7px;accent-color:#00d8ed}.challenge-seal{display:grid;place-items:center;flex:0 0 42px;height:48px;background:#25467c;color:#83b3ff;font-size:26px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.challenge-state{position:absolute;right:14px;bottom:10px;font-size:9px;font-weight:950;letter-spacing:2px;color:#7990b8}.challenge-card.ready{border-color:#ffee1c;border-left-color:#ffee1c;box-shadow:inset 0 0 28px #e3b40012}.ready .challenge-seal{background:var(--gold);color:#11162a}.ready .challenge-state{color:var(--gold)}.challenge-card.claimed{opacity:.65}.claimed .challenge-seal{background:#136057;color:#73ffbc}.challenge-collect{margin:22px 0;padding:16px;background:#080f26f5;border-top:2px solid var(--gold)}.challenge-collect label{font-size:12px;color:#b9cee9;display:grid;gap:8px}.challenge-collect select{width:100%;padding:12px;background:#142141;color:#fff;border:1px solid #586f99;border-radius:5px;font:inherit}.challenge-collect button{width:100%;margin-top:12px}.challenge-collect p,.challenge-help{font-size:12px;line-height:1.6;color:#bed0ee}.challenge-collect p{color:var(--gold);margin-bottom:0}.challenge-reveal{position:relative;text-align:center;isolation:isolate;padding:25px 0}.challenge-reveal img{display:block;width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 0 25px #ffcd2860);animation:reward-arrival .65s cubic-bezier(.15,1.4,.3,1) both}.challenge-reveal h2{font-size:26px;color:var(--gold)}.challenge-reveal>strong{font-size:20px;color:#6dfaff;line-height:1.5}.challenge-reveal>p{font-size:13px;line-height:1.7;color:#c8d7f2}.challenge-reveal .split{margin-top:24px}.reward-medal{position:absolute;z-index:-1;top:95px;left:50%;color:#ffd925;font-size:270px;opacity:.22;line-height:1;transform:translate(-50%) rotate(15deg);animation:reward-flare 1s ease-out both}@keyframes reward-arrival{0%{opacity:0;transform:scale(.65) translateY(35px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes reward-flare{0%{opacity:.7;transform:translate(-50%) rotate(-60deg) scale(.3)}to{opacity:.22;transform:translate(-50%) rotate(15deg) scale(1)}}.reduced .challenge-reveal *,.challenge-reveal.still *{animation:none!important}@media(prefers-reduced-motion:reduce){.challenge-reveal *{animation:none!important}}@media(max-height:650px){.challenge-reveal{padding:10px 0}.challenge-reveal img{height:190px}.challenge-reveal h2{font-size:22px}.reward-medal{font-size:190px;top:60px}}.invite-welcome{text-align:center;background:linear-gradient(#080e20a0,#080e20),var(--arena-art) center/cover;padding:18px;border:1px solid #2c4169}.invite-welcome>button{display:block;width:100%;margin-top:10px}.invite-welcome>small{display:block;color:#bbcae8;margin:10px 0;line-height:1.5}.invite-fighters{height:110px;display:flex;justify-content:center;align-items:center;gap:24px}.invite-fighters img{height:110px;width:110px;object-fit:contain}.invite-fighters b{color:#ffec00;font-size:30px;font-style:italic}.invite-fighters>span{font-size:70px;color:#41588d;text-shadow:0 0 20px #2457ff}.how-to-clash{background:#080f26;border:2px solid #2457ff;padding:20px 8px;margin:18px 0;overflow:hidden}.lesson-swap,.lesson-match{display:flex;position:relative;justify-content:center;align-items:center;gap:6px}.lesson-tile{height:43px;width:43px;display:grid;place-items:center;color:#071021;font-size:28px;font-style:normal;box-shadow:inset 0 -5px #0004;clip-path:polygon(8% 0,92% 0,100% 10%,100% 85%,85% 100%,10% 100%,0 88%,0 8%)}.lesson-tile.cyan{background:#00cfd8}.lesson-tile.pink{background:#c624f4}.lesson-tile.green{background:#75ed00}.lesson-tile canvas{display:block;width:100%;height:100%}.how-to-clash>b{display:block;font-size:11px;color:#ffec00;margin:18px 0}.swap-arrow{position:absolute;left:calc(50% + 30px);top:32px;font-size:26px;color:#fff;animation:swap-nudge 1.6s ease-in-out infinite}.lesson-burst{color:#ffec00;font-size:30px}.lesson-attack{font-weight:900;color:#ffec00}.invite-controls{font-size:13px;line-height:1.6;color:#d0dcf3}.invite-fighter-choice{display:flex;flex-direction:column;gap:7px;text-align:left;margin:18px 0;font-size:12px}.invite-fighter-choice select{width:100%;min-height:44px;background:#111d38;color:#fff;border:1px solid #57709e;padding:10px}.invite-welcome .invite-decline{border:0;background:transparent;color:#b6c6e4}@keyframes swap-nudge{50%{transform:translate(6px)}}.reduced .swap-arrow{animation:none}@media(prefers-reduced-motion:reduce){.swap-arrow{animation:none}}@media(max-height:650px){.invite-fighters,.invite-fighters img{height:70px}.how-to-clash{padding:12px 6px;margin:12px 0}.invite-welcome{padding:12px}}@media(max-width:480px){.invite-welcome{padding:12px}.invite-fighters,.invite-fighters img{height:65px}.invite-fighters>span{font-size:50px}.invite-welcome h2{font-size:18px;margin:8px 0}.invite-welcome>p{font-size:12px;margin:8px 0}.how-to-clash{padding:12px 6px;margin:12px 0}.invite-fighter-choice{margin:10px 0}.invite-welcome>small{font-size:11px}.invite-welcome .invite-decline{min-height:40px}}.home-stage{padding-top:10px;padding-bottom:100px}.home-stage>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-champion{position:relative;height:268px;isolation:isolate;overflow:hidden;border-bottom:2px solid #4774ff}.home-champion:before,.selected-fighter:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080d1855,#080d1830),var(--arena-art) center/cover;z-index:-1}.home-champion>img{position:absolute;height:260px;width:70%;object-fit:contain;right:-12px;bottom:0;filter:drop-shadow(0 9px 7px #000b)}.champion-caption{position:absolute;inset:auto 0 0;padding:45px 12px 16px;background:linear-gradient(transparent,#080d18f5)}.champion-caption>span{font-size:9px;letter-spacing:1px;color:#ffe817}.champion-caption h2{font-size:27px;line-height:1.05;max-width:70%;margin:6px 0 10px;text-shadow:0 3px #080d18}.champion-caption button{min-height:36px;font-size:11px;background:#0c173acc;border-color:#7385c3}.fighter-growth{padding:12px 0 6px}.growth-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px}.growth-row span:last-child{display:flex;gap:5px}.growth-row i,.roster-portrait i{font-style:normal;color:#35486d}.growth-row i.lit,.roster-portrait i.lit{color:#ffe817;text-shadow:0 0 8px #ffe81777}.fighter-growth meter{display:block;width:100%;height:8px;margin:0 0 9px;border:0;background:#1c2a46;border-radius:4px;overflow:hidden;appearance:none}.fighter-growth meter::-webkit-meter-bar{background:#1c2a46;border:0;height:8px}.fighter-growth meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#19bde8,#65edff)}.fighter-growth meter:last-of-type::-webkit-meter-optimum-value{background:linear-gradient(90deg,#ffb21a,#ffe817)}.fighter-growth meter::-moz-meter-bar{background:#19d2f4}.fighter-growth meter:last-of-type::-moz-meter-bar{background:#ffe817}.evolution-ready{display:block;font-size:11px;color:#ffe817;margin-top:-5px}.home-resume{width:100%;margin:5px 0 10px}.mode-grid,.home-rewards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mode-card{position:relative;display:flex;align-items:flex-start;gap:8px;text-align:left;min-height:96px;padding:14px 10px;background:linear-gradient(135deg,#1c2d63ee,#0b1630f5);border:1px solid #4c70ce;border-bottom:3px solid #274db0;border-radius:3px}.mode-card b{display:block;text-transform:uppercase;font-size:16px;font-weight:950}.mode-card small{display:block;margin-top:6px;color:#d1ddf4;line-height:1.35;font-size:10px}.mode-icon{color:#ffe817;font-size:19px;font-weight:1000}.mode-card em{position:absolute;right:9px;bottom:6px;font-style:normal;color:#8198cf}.battle-card{background:linear-gradient(130deg,#ffe817,#ffbd13);border-color:#fff48a;border-bottom-color:#a96d08;color:#071126}.battle-card .mode-icon,.battle-card small,.battle-card em{color:#142246}.story-card{background:linear-gradient(135deg,#563185e8,#17254bea);border-color:#9f72dc}.home-rewards .mode-card{min-height:78px;background:#0b1534df}.home-rewards .mode-card b{font-size:13px}.home-rewards .reward-ready{border-color:#ffe817;box-shadow:inset 0 0 20px #ffe81716}.first-lesson{margin:7px 0 12px;padding:12px;border-left:3px solid #ffe817;background:#132145e8}.first-lesson>span{display:block;color:#ffe817;font-size:9px;letter-spacing:1px}.first-lesson>b{display:block;font-size:13px;margin:6px 0}.first-lesson>div{display:flex;gap:8px}.first-lesson button{flex:1;font-size:11px;min-height:40px;text-align:center}.arena-navigation{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,580px);display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#091024f5;border-top:2px solid #3c5fb0;z-index:5;padding:6px 8px max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.arena-navigation button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;background:transparent;border:0;color:#a6b9db;font-size:10px;min-height:51px}.arena-navigation button>span{font-size:19px}.arena-navigation button[aria-current=page]{color:#ffe817;background:#ffe81712;border-radius:4px}.journey-stage:has(.arena-navigation){padding-bottom:100px}.journey-head>span{text-align:right;max-width:42%;line-height:1.4;text-transform:uppercase}.journey-head>span>button{min-height:38px;min-width:38px;font-size:20px}.shard-progress{padding:12px 0}.shard-progress>b{display:block;margin-bottom:8px}.shard-progress details{font-size:12px;color:#c5d2ed}@media(max-width:350px){.home-champion{height:230px}.home-champion>img{height:230px}.champion-caption h2{font-size:24px}.mode-card{gap:5px;padding:12px 8px}.mode-card b{font-size:14px}.mode-icon{font-size:16px}.mode-card small{font-size:9px}.home-rewards .mode-card b{font-size:12px}}.mode-fighter{display:flex;align-items:center;gap:9px;background:#0a1430df;border:1px solid #3b568e;padding:6px 9px;margin:12px 0}.mode-fighter img{width:39px;height:43px;object-fit:contain}.mode-fighter>span{flex:1;min-width:0}.mode-fighter small{display:block;color:#ffe817;font-size:8px;letter-spacing:1px}.mode-fighter b{display:block;font-size:12px;line-height:1.2}.mode-fighter button{font-size:10px;min-height:38px;background:#18284b}.mode-intro{font-size:12px;line-height:1.45;color:#cadbf1}.puzzle-feature{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#20315cde,#07142c);border:1px solid #5073b8;border-left:3px solid #ffe817;padding:15px 12px;margin:12px 0;min-height:188px}.puzzle-preview{display:block;width:112px;height:auto;border:2px solid #4b76dc;box-shadow:0 6px 12px #0007}.puzzle-feature>div{min-width:0}.puzzle-feature span,.story-feature span{font-size:9px;color:#ffe817;letter-spacing:1px}.puzzle-feature h2{font-size:21px;line-height:1.06;margin:8px 0}.puzzle-feature b{font-size:11px;color:#85edff}.puzzle-feature p{font-size:11px;color:#d1dff4;margin:8px 0 12px}.puzzle-feature button{min-height:44px;font-size:11px;width:100%;text-align:center}.puzzle-sections>section{margin:18px 0}.puzzle-sections h2{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#cddcf6;margin:8px 0}.puzzle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.puzzle-grid button{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #4969ae;border-radius:2px;background:linear-gradient(135deg,#1b2f63,#0c1832);min-height:49px}.puzzle-grid b{font-size:18px;color:#ffe817}.puzzle-grid span{font-size:8px;letter-spacing:1px;color:#b4d5ed}.puzzle-grid button:disabled{opacity:.55;background:#0c142a;border-color:#334567}.puzzle-grid button:disabled b{color:#a3b5d2}.puzzle-grid button[aria-pressed=true]{border:2px solid #ffe817;box-shadow:inset 0 0 15px #ffe81722}.puzzle-grid button:not(:disabled):has(span:first-child){color:#ffe817}.mode-extra{display:block;width:100%;margin:15px 0;text-align:left}.chapter-caption{position:relative;text-align:center;padding:6px 10px 12px}.chapter-caption>span{color:#ffe817;font-size:9px;letter-spacing:2px}.chapter-caption h2{font-size:29px;font-weight:1000;text-transform:uppercase;margin:5px 0}.chapter-caption p{font-size:11px;line-height:1.5;color:#cadcf3;max-width:340px;margin:5px auto}.chapter-pips{display:flex;align-items:center;justify-content:center;gap:25px;margin:12px 0 0}.chapter-pips i{font-style:normal;color:#4863a0;font-size:18px}.chapter-pips i.won{color:#ffe817}.story-nodes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 16px}.story-nodes:before{content:"";position:absolute;left:15%;right:15%;top:50%;height:4px;background:#435f9d;z-index:0}.story-nodes button{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:6px 5px 10px;border:1px solid #4565a5;border-radius:2px;background:radial-gradient(#34466f,#091426);overflow:hidden}.story-nodes img{height:100px;width:100%;object-fit:contain}.story-nodes b{position:absolute;top:6px;left:6px;color:#ffe817;font-size:13px}.story-nodes span{font-size:10px;letter-spacing:.5px}.story-nodes button[aria-pressed=true]:not(:disabled){border:2px solid #ffe817;background:radial-gradient(#5b4263,#101e40)}.story-nodes button:disabled{opacity:.75}.story-feature{position:relative;isolation:isolate;display:grid;grid-template-columns:46% 1fr;align-items:center;gap:10px;padding:12px;border:1px solid #5c76b6;min-height:250px;overflow:hidden}.story-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070e2440,#070e24f5 65%),var(--arena-art) center/cover;z-index:-1}.story-opponent{min-width:0;align-self:stretch;display:flex;align-items:center}.story-opponent img{width:100%;height:240px;object-fit:contain;filter:drop-shadow(0 6px 7px #000c)}.story-feature>div:last-child{min-width:0}.story-feature h2{font-size:23px;line-height:1.05;margin:8px 0}.story-feature p{font-size:11px;line-height:1.5;color:#cbdcf4}.story-feature button{width:100%;text-align:center;font-size:12px}.story-feature details{font-size:10px}.story-feature summary{padding:10px 0;color:#a9c4f6}.story-entry,.saved-story{padding:15px;margin:14px 0;background:#101d3ce8;border-left:3px solid #ffe817}.story-entry b,.saved-story b{font-size:13px}.story-entry p,.saved-story p{font-size:11px;line-height:1.5;color:#cadcf3}.saved-story button{font-size:11px}.story-entry button{font-size:11px;text-align:center}@media(max-width:350px){.puzzle-feature{grid-template-columns:90px 1fr;gap:10px;padding:12px 9px}.puzzle-preview{width:90px}.puzzle-feature h2{font-size:19px}.puzzle-grid button{padding:8px 10px}.story-nodes{gap:6px}.story-nodes img{height:83px}.story-feature{padding:10px 8px;gap:8px;min-height:218px}.story-opponent img{height:205px}.story-feature h2{font-size:20px}.chapter-caption h2{font-size:25px}}.versus-arena{height:230px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;border-bottom:3px solid #ffd91e}.versus-arena:before{content:"";position:absolute;inset:5% -10%;z-index:-1;background:radial-gradient(ellipse at 20% 70%,#06d7d65c,transparent 55%),radial-gradient(ellipse at 80% 70%,#ff32684d,transparent 55%);transform:skewY(-7deg)}.versus-arena img{width:43%;height:95%;object-fit:contain;filter:drop-shadow(0 12px 8px #0009);transform:rotate(-5deg)}.versus-arena img:last-child{transform:rotate(5deg)}.versus-arena strong{font-size:34px;font-style:italic;color:#ffd91e;text-shadow:3px 3px #19132c;z-index:1}.versus-arena .unknown-rival{filter:brightness(.15) drop-shadow(0 0 10px #ff3268)}.versus-copy{padding:16px;display:grid;gap:12px;background:#0b1125dd}.versus-copy h2,.versus-copy p{margin:0}.versus-copy p{line-height:1.45}.invite-label{display:grid;gap:6px;font-weight:700}.invite-label input{box-sizing:border-box;width:100%;min-height:44px;padding:8px;color:#a7ffed;background:#060b18;border:1px solid #5c718a;border-radius:6px;font-size:13px}.room-code{font-weight:700;color:#ffd91e;letter-spacing:1px}.versus-copy .route-intro{font-size:12px;color:#b9c8d9}.invite-entry{padding:16px;margin:18px 0;border-top:2px solid #2457ff;background:#0b1125dd;display:grid;gap:12px}.invite-entry h2{font-size:18px;margin:0;color:#ffd91e}.invite-entry p{font-size:12px;color:#ffeb86;line-height:1.5;margin:0}.invite-entry input[aria-invalid=true]{border:2px solid #ff253d}.xp-help{font-size:12px;color:#bbcbe1}.xp-help summary{cursor:pointer;padding:8px 0}.xp-help p{line-height:1.5}@media(max-width:340px){.versus-arena{height:190px}.versus-copy{padding:12px}}.battle-hub{background:linear-gradient(#070c1ddd,#070c1deb),var(--arena-art) center/cover;border:1px solid #465588}.battle-hub .versus-arena{height:176px;border-bottom:0}.battle-mystery{display:grid;place-content:center;width:43%;height:95%;font-size:100px;font-weight:900;color:#53648c;text-shadow:4px 5px #030718}.battle-seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 14px 14px;border-bottom:2px solid #ffd91e;text-align:center}.battle-seats div{display:grid;gap:5px;min-width:0}.battle-seats strong{font-size:14px;color:#fff4d9}.battle-seats span{font-size:11px;color:#ffd91e}.battle-hub .versus-copy{gap:10px;background:transparent}.battle-hub h2{font-size:22px}.battle-hub p{font-size:14px}.battle-change{justify-self:start;min-height:40px!important;padding:8px 12px!important;font-size:12px!important}.battle-choices{display:grid;gap:10px}.battle-choices button{text-align:left;display:grid;gap:6px;padding:14px!important}.battle-choices small{font-size:12px;font-weight:500}.battle-choices .primary small{color:#19204b}.join-challenge{margin-top:12px;border:1px solid #465588;background:#0b1125dd}.join-challenge summary{cursor:pointer;padding:16px;font-size:14px;font-weight:700;color:#dce7ff}.join-challenge .invite-entry{margin:0;border-top:1px solid #465588}.rematch-status{font-size:13px;color:#bbcbe1}@media(max-width:340px){.battle-hub .versus-arena{height:150px}.battle-hub h2{font-size:20px}.battle-seats{gap:8px;padding:8px}.battle-seats strong{font-size:12px}}