:root{color-scheme:dark;--void: #070d19;--panel: #0c192b;--line: #31526a;--cyan: #63e8ff;--text: #e8f5ff;--muted: #9cb5ca;--unit: #63e8ff;--cut: polygon(0 0, calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px) );font-family:Avenir Next,Segoe UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden;background:var(--void);color:var(--text);font-size:14px}canvas{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none;transition:filter .8s}button{font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--line);background:var(--panel);padding:10px 14px}button:hover{border-color:var(--cyan);background:#142c43}button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:default;opacity:.45}header{position:absolute;z-index:3;top:max(20px,env(safe-area-inset-top));left:4vw;right:4vw;pointer-events:none}.brand{display:flex;align-items:center;gap:16px;color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:2px}.brand:before{content:"";width:22px;height:10px;border-block:2px solid var(--cyan);transform:skew(-30deg);box-shadow:0 0 14px #63e8ff44}.brand small{color:var(--muted);font-size:10px;font-weight:500;letter-spacing:1px}.hud{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:start;gap:24px;margin-top:16px}.hud>div{position:relative;min-width:0;padding:12px 16px 10px;border-top:1px solid var(--unit);background:linear-gradient(110deg,#0c192bf2,#0c192b55);clip-path:var(--cut)}.hud>div:last-child{text-align:right;background:linear-gradient(-110deg,#0c192bf2,#0c192b55)}.hud>div:has([style*="#2f62ff"]){--unit: #2f62ff;--serial: "机体 01"}.hud>div:has([style*="#e07a3a"]){--unit: #e07a3a;--serial: "机体 02"}.hud>div:has([style*="#e8e8e8"]){--unit: #e8e8e8;--serial: "机体 03"}.hud b{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;letter-spacing:1px}.hud b:before{content:var(--serial,"机体接入");font-size:9px;letter-spacing:1px;color:var(--text);border:1px solid var(--unit);padding:2px 5px}.hud>div:last-child b{justify-content:flex-end}#timer{display:grid;place-items:center;width:72px;min-height:70px;border:1px solid var(--line);border-top:2px solid var(--cyan);background:#0b192bea;clip-path:var(--cut);font-size:38px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 18px #63e8ff66}#timer:after{content:"回合";font-size:9px;color:var(--muted);letter-spacing:3px}progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:16px;margin:9px 0 0;padding:2px;border:1px solid color-mix(in srgb,var(--unit),#fff 25%);border-radius:0;background:#030a15;accent-color:var(--unit);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--unit),transparent 55%))}progress::-webkit-progress-bar{background:#081322}progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,transparent 0 16px,#060e20aa 16px 19px),linear-gradient(0deg,var(--unit) 0 65%,color-mix(in srgb,var(--unit),white 45%) 65%);box-shadow:0 0 12px var(--unit)}progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,transparent 0 16px,#060e20aa 16px 19px),linear-gradient(0deg,var(--unit) 0 65%,color-mix(in srgb,var(--unit),white 45%) 65%);box-shadow:0 0 12px var(--unit)}#hp1{direction:rtl}.energy{position:relative;padding-bottom:17px}.energy progress{height:7px;margin-top:7px;padding:1px}.energy small{display:block;position:absolute;top:11px;left:0;right:0;color:#bfd8ee;font-size:10px;line-height:1.3}.energy.ready progress{animation:meter-pulse .8s ease-in-out infinite alternate}.energy.ready small{color:#fff;text-shadow:0 0 8px var(--unit)}progress.guard{--unit: #80b7ce;height:4px;margin-top:4px;padding:0;border:0;opacity:.8}.mini-note{display:block;margin-top:4px;color:#c5ffe8;font-size:10px}@keyframes meter-pulse{to{filter:brightness(1.65) drop-shadow(0 0 7px var(--unit))}}#selection{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:auto;padding:40px 5vw;background:radial-gradient(ellipse at 50% 0,#18365088,transparent 65%),linear-gradient(#070d19f5,#070d19fa),repeating-linear-gradient(90deg,transparent 0 79px,#63e8ff12 79px 80px)}.select-shell{width:min(1040px,100%);min-width:0;border-top:1px solid var(--line);padding-top:20px}.select-kicker{color:var(--cyan);font-size:12px;letter-spacing:3px}.select-shell h1{margin:16px 0 28px;font-size:clamp(28px,4vw,48px);line-height:1.15;font-weight:800;letter-spacing:3px}.select-shell h1 span{display:block;margin-top:12px;color:var(--muted);font-size:12px;font-weight:400;letter-spacing:2px}#roster-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roster-card{position:relative;isolation:isolate;min-width:0;text-align:left;padding:24px;border:1px solid color-mix(in srgb,var(--unit),#24384d 65%);border-top:3px solid var(--unit);clip-path:var(--cut);background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--unit),transparent 86%),transparent 65%),#0c1727;transition:border-color .18s,background .18s,filter .18s}.roster-card:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 3px,#7fb7da22 3px 4px)}.roster-card:hover,.roster-card:focus-visible{border-color:var(--unit);background-color:#16283c;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--unit),transparent 55%))}.roster-card:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--text)}.roster-card>small{display:block;color:#b2c8db;font-size:10px;line-height:1.7}.roster-card h2{margin:12px 0 20px;font-size:32px;letter-spacing:3px}.unit-icon{position:relative;width:86px;height:72px;margin:30px auto 24px;border:1px solid var(--unit);border-inline-width:8px;background:#050c19;transform:skewY(-5deg);box-shadow:0 0 22px color-mix(in srgb,var(--unit),transparent 78%),inset 0 0 15px #63e8ff22}.unit-icon:before{content:"";position:absolute;inset:26px 8px;background:var(--unit);box-shadow:0 0 14px var(--unit)}.unit-icon:after{content:"";position:absolute;inset:-7px 12px;border-block:2px solid var(--unit)}.unit-icon i{position:absolute;top:-14px;width:12px;height:4px;background:var(--unit)}.unit-icon i:nth-child(2){left:24px}.unit-icon i:nth-child(3){right:0}.specs>div{display:flex;align-items:center;gap:10px;margin:11px 0;font-size:11px}.specs i{flex:1;height:4px;background:#030915}.specs em{display:block;height:100%;background:var(--unit);box-shadow:0 0 7px color-mix(in srgb,var(--unit),transparent 55%)}.specs b{width:30px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.super-name{margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}.super-name small{display:block;color:var(--muted);font-size:10px}.super-name strong{display:block;margin-top:8px;font-size:23px}.connect{display:block;margin-top:24px;color:color-mix(in srgb,var(--unit),white 35%);font-size:12px;letter-spacing:2px}.select-foot{margin:24px 0 0;color:var(--muted);font-size:12px;line-height:1.8;text-align:center}#callout,#card,.tag-side,.combo{position:absolute;z-index:5;pointer-events:none;opacity:0;transition:opacity .15s;text-shadow:2px 3px 0 #030915,0 0 18px #63e8ff88}#callout{top:23%;left:24%;width:52%;text-align:center;font-size:clamp(24px,3vw,40px);font-weight:900;letter-spacing:3px}#callout small{display:block;margin-top:6px;font-size:12px;letter-spacing:2px;color:var(--muted)}#card{top:29%;left:30%;width:40%;text-align:center;font-size:clamp(28px,4vw,58px);font-weight:900;font-style:italic;letter-spacing:5px}#card .taunt{position:fixed;left:8%;right:8%;bottom:14%;font-size:clamp(16px,1.9vw,28px);font-weight:800;font-style:normal;letter-spacing:2px;color:#ffe08a;text-shadow:2px 2px 0 #030915,0 0 14px #ffb84d88}.tag-side{top:30%;max-width:30%;font-size:clamp(14px,2vw,24px);font-weight:800;letter-spacing:1px}.tag-side.big{color:#b7f4ff;font-size:clamp(16px,2.5vw,32px)}#tag0,#combo0{left:4vw}#tag1,#combo1{right:4vw;text-align:right}.combo{top:38%;max-width:25%;color:var(--cyan);font-size:clamp(38px,5vw,64px);font-weight:900;font-style:italic;line-height:1}.combo small{display:block;margin-top:6px;color:var(--text);font-size:11px;letter-spacing:3px}#vignette,#flash,#super-dim{position:absolute;inset:0;pointer-events:none}#vignette{background:radial-gradient(ellipse at 50% 55%,transparent 55%,#02081588)}#flash{opacity:0}#super-dim{background:#07131b;opacity:0;transition:opacity .08s}#super-dim.active{opacity:.12}body.shutdown canvas{filter:saturate(.35) brightness(.8) contrast(1.1)}#super-banner{position:absolute;z-index:6;top:calc(max(20px,env(safe-area-inset-top)) + 155px);left:4vw;width:min(420px,40%);padding:12px 16px;border:1px solid var(--unit);border-left-width:3px;clip-path:var(--cut);background:linear-gradient(110deg,#0b1629f5,#0b1629ce);color:var(--text);opacity:0;pointer-events:none}#super-banner small{display:block;color:color-mix(in srgb,var(--unit),white 40%);font-size:10px;line-height:1.5;letter-spacing:1px}#super-banner strong{display:block;margin-top:5px;font-size:clamp(20px,2.5vw,30px);font-weight:900;letter-spacing:2px;text-shadow:0 0 16px var(--unit)}#super-banner em{display:block;margin-top:7px;font-size:13px;font-style:normal;line-height:1.6;overflow-wrap:anywhere}#super-banner.active{opacity:1;animation:sweep-in .18s ease-out both}#super-banner.from-1{left:auto;right:4vw;text-align:right;animation-name:sweep-right}@keyframes sweep-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sweep-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}#world-fx{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.price-tag{--unit: #63b6ff;position:absolute;transform:translate(-50%,-70%) rotate(var(--tilt,0deg));width:142px;padding:7px 12px;border:1px solid var(--unit);border-left-width:4px;clip-path:var(--cut);color:#e4f6ff;background:#081f36e8;box-shadow:inset 0 0 20px #3488ff33}.price-tag small{display:block;font-size:9px;letter-spacing:1px}.price-tag strong{font-size:30px;line-height:1.2;text-shadow:0 0 12px var(--unit)}.price-tag span{display:block;font-size:10px;text-align:right}.ban-dialog{--unit: #e07a3a;position:absolute;top:calc(max(20px,env(safe-area-inset-top)) + 155px);right:4vw;width:min(320px,40%);border:1px solid var(--unit);border-right-width:3px;clip-path:var(--cut);background:#1d1926f0;color:#fff4e9}.ban-dialog small{display:block;padding:6px 10px;background:#e07a3a22;color:#ffb98c;font-size:9px;letter-spacing:1px}.ban-dialog b{float:right}.ban-dialog strong{display:block;padding:8px 10px 3px;font-size:23px;text-shadow:0 0 14px #e07a3a66}.ban-dialog span{display:block;padding:0 10px 10px;font-size:10px;overflow-wrap:anywhere}.ban-dialog em{display:block;padding:6px 10px;border-top:1px solid #e07a3a55;color:#e8ac85;font-size:9px;font-style:normal}.lock-frame{position:absolute;transform:translate(-50%,-50%);width:128px;height:172px;border:1px solid #ff9c63;background:repeating-linear-gradient(0deg,#ff813008 0 1px,transparent 1px 9px);box-shadow:inset 0 0 20px #e07a3a15,0 0 12px #e07a3a55}.lock-frame:before{content:"";position:absolute;inset:-4px;border-block:3px solid #ff9c63;clip-path:polygon(0 0,20% 0,20% 8%,80% 8%,80% 0,100% 0,100% 100%,80% 100%,80% 92%,20% 92%,20% 100%,0 100%)}.lock-frame span{position:absolute;bottom:-22px;width:100%;text-align:center;padding:4px;background:#371d18ed;color:#ffb98c;font-size:9px;letter-spacing:3px}#reset-fx{position:absolute;z-index:7;top:calc(max(20px,env(safe-area-inset-top)) + 155px);left:4vw;display:none;width:min(400px,40%);padding:12px 16px;border:1px solid #e8e8e8;border-left-width:3px;clip-path:var(--cut);background:#101d2bed;color:#f1ffff;pointer-events:none}#reset-fx.active{display:flex;flex-direction:column;gap:8px;animation:reboot 1.35s both}#reset-fx strong{font-size:clamp(20px,2.5vw,30px);letter-spacing:2px;text-shadow:0 0 16px #e8e8e8aa}#reset-fx small,#reset-fx span{font-size:10px;line-height:1.5;letter-spacing:1px}@keyframes reboot{0%{opacity:0;clip-path:inset(49% 0)}15%,85%{opacity:1;clip-path:inset(0)}to{opacity:0}}aside{display:none;position:absolute;z-index:9;bottom:62px;left:4vw;max-width:min(520px,92vw);max-height:48dvh;overflow:auto;padding:16px 18px;border:1px solid var(--line);border-left:2px solid var(--cyan);background:#081525f2}body.show-panel aside{display:block}.tag{font-size:10px;color:var(--cyan);letter-spacing:2px}aside p{line-height:1.7}aside div{display:flex;flex-wrap:wrap;gap:6px}aside button{font-size:11px;padding:8px 10px}.hint{color:#bed0df;font-size:11px;line-height:1.9}output{color:var(--cyan);font-size:11px}details{margin-top:12px}summary{cursor:pointer;color:var(--cyan);font-size:12px}footer{position:absolute;left:4vw;right:4vw;bottom:max(20px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:12px;pointer-events:none;color:#acbfd2;font-size:10px;letter-spacing:1px}.touch{position:absolute;z-index:10;display:none;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;gap:5px;grid-template-columns:repeat(7,minmax(0,1fr))}.touch button{min-width:0;min-height:44px;padding:8px 3px;touch-action:none;-webkit-user-select:none;user-select:none;border-color:#4c728b;background:#0a1c30dc;font-size:13px}.touch button:active{background:#23516e;border-color:var(--cyan)}.touch button.ready{border-color:var(--cyan);background:#17435d;box-shadow:inset 0 0 12px #63e8ff55,0 0 10px #63e8ff44}#sound-hint{position:fixed;z-index:21;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);max-width:calc(100% - 24px);padding:9px 16px;border:1px solid var(--cyan);background:#0c192bf5;color:#dcfaff;font-size:12px;line-height:1.5;text-align:center;box-shadow:0 0 20px #63e8ff22}#loading{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;background:var(--void);color:var(--cyan);text-align:center;pointer-events:none}#loading:before{content:"";width:110px;height:3px;background:repeating-linear-gradient(90deg,var(--cyan) 0 12px,transparent 12px 16px);box-shadow:0 0 18px #63e8ff66}#loading strong{font-size:clamp(22px,4vw,34px);letter-spacing:5px}#loading span{font-size:12px;line-height:1.8;letter-spacing:2px;color:var(--muted)}@media(pointer:coarse){.touch{display:grid}footer{display:none}aside{bottom:calc(116px + env(safe-area-inset-bottom));max-height:calc(100dvh - 290px)}}@media(max-width:700px){header{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.brand{font-size:10px;gap:8px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:0}.brand:before{width:15px;height:8px}.hud{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:8px;margin-top:10px}.hud>div{padding:8px 7px}.hud b{gap:4px;font-size:11px;letter-spacing:0}.hud b:before{font-size:8px;padding:1px 3px}#timer{width:44px;min-height:60px;font-size:28px}#timer:after{font-size:8px;letter-spacing:1px}progress{height:13px;margin-top:6px}.energy{padding-bottom:25px}.energy small{font-size:9px}.mini-note{font-size:9px;line-height:1.4}#super-banner,.ban-dialog,#reset-fx{top:calc(max(12px,env(safe-area-inset-top)) + 164px);width:40%;padding:8px}#super-banner,#reset-fx{left:12px}#super-banner.from-1,.ban-dialog{right:12px}#super-banner strong,#reset-fx strong{font-size:19px;letter-spacing:0}#super-banner small,#reset-fx small,#reset-fx span{font-size:9px;letter-spacing:0}#super-banner em{margin-top:5px;font-size:11px;line-height:1.5}.ban-dialog{padding:0}.ban-dialog strong{font-size:18px}.ban-dialog small{font-size:8px;letter-spacing:0}.ban-dialog span{font-size:9px}.ban-dialog em{display:none}#card{top:31%;left:25%;width:50%;font-size:28px;letter-spacing:1px}#callout{top:24%;left:22%;width:56%;font-size:23px;letter-spacing:1px}.tag-side{top:43%;font-size:13px;overflow-wrap:anywhere}.combo{top:49%;font-size:38px}.combo small{font-size:9px;letter-spacing:1px}.price-tag{width:106px;padding:5px 8px}.price-tag strong{font-size:23px}.price-tag small,.price-tag span{font-size:8px;letter-spacing:0}.lock-frame{width:92px;height:140px}#selection{padding:28px 18px;align-items:start}.select-shell{padding-top:16px}.select-shell h1{margin:12px 0 22px;font-size:30px}.select-kicker{font-size:10px;letter-spacing:2px}.select-shell h1 span{font-size:10px;letter-spacing:1px}#roster-cards{grid-template-columns:1fr;gap:12px}.roster-card{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:20px;padding:18px}.roster-card>small{grid-column:1 / -1;font-size:10px}.unit-icon{grid-column:1;grid-row:2 / 5;align-self:center;width:66px;height:64px;margin:12px 0}.unit-icon:before{inset:22px 5px}.roster-card h2{grid-column:2;margin:9px 0;font-size:25px}.specs{grid-column:2}.specs>div{margin:7px 0}.super-name{grid-column:1 / -1;margin-top:12px;padding-top:12px}.super-name strong{font-size:20px}.connect{grid-column:1 / -1;margin-top:12px}footer{font-size:9px;letter-spacing:0;flex-wrap:wrap}}@media(max-height:500px)and (min-width:701px){header{top:8px}.hud{margin-top:6px}.hud>div{padding-block:5px}#super-banner,.ban-dialog,#reset-fx{top:132px}#card{top:38%}#callout{top:28%}#selection{place-items:start center;padding-block:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body:has(#super-banner.active.from-0) #reset-fx{left:auto;right:4vw}@media(max-width:700px){body:has(#super-banner.active.from-0) #reset-fx{right:12px}}.dmg-num{position:absolute;transform:translate(-50%,-50%);font:900 26px/1 system-ui;color:#fff;text-shadow:0 0 8px #ff6a2a,0 2px 0 #000;pointer-events:none;animation:dmg-pop .18s ease-out both}.dmg-num.heavy{font-size:40px;color:#ffd166;text-shadow:0 0 14px #ff3d1f,0 3px 0 #000}@keyframes dmg-pop{0%{transform:translate(-50%,-50%) scale(1.8)}to{transform:translate(-50%,-50%) scale(1)}}.ko-slam{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);font:italic 900 min(22vw,180px)/1 system-ui;letter-spacing:-.02em;color:#fff;-webkit-text-stroke:4px #000;text-shadow:0 0 30px #ff3d1f,0 0 80px #ff3d1f88,8px 10px 0 #000;pointer-events:none;z-index:6;animation:ko-slam .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes ko-slam{0%{transform:translate(-50%,-50%) scale(4);opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1)}}#stage-select{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:auto;padding:40px 5vw;background:radial-gradient(ellipse at 50% 0,#18365088,transparent 65%),linear-gradient(#070d19f5,#070d19fa),repeating-linear-gradient(90deg,transparent 0 79px,#63e8ff12 79px 80px);color:#e6f6ff}#stage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.stage-card{position:relative;text-align:left;padding:26px 22px 30px;min-height:180px;border:1px solid color-mix(in srgb,var(--unit),#24384d 65%);border-top:3px solid var(--unit);background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--unit),transparent 84%),transparent 65%),#0c1727;color:inherit;cursor:pointer;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));transition:filter .18s,background-color .18s}.stage-card:hover,.stage-card:focus-visible{background-color:#16283c;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--unit),transparent 50%));outline:none}.stage-card small{display:block;color:#b2c8db;font-size:11px;letter-spacing:2px}.stage-card h2{margin:14px 0 10px;font-size:30px;letter-spacing:4px;text-shadow:0 0 14px color-mix(in srgb,var(--unit),transparent 40%)}.stage-card p{margin:0;color:#9fb3bf;font-size:13px}@media(max-width:700px){#stage-select{place-items:start center;padding:20px 18px}#stage-cards{grid-template-columns:1fr}.stage-card{min-height:0;padding:18px}}#selection{background:linear-gradient(90deg,#070d19f7 0,#070d19ee 44%,#070d1966 62%,transparent 80%)!important;place-items:center start!important}#selection .select-shell{width:min(520px,100%);margin-left:4vw}#roster-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.roster-card.compact{padding:14px 14px 12px;cursor:pointer}.roster-card.compact h2{margin:6px 0 4px;font-size:24px;letter-spacing:2px}.roster-card.compact .connect{font-size:11px;color:var(--unit)}.roster-card.compact small{font-size:9px}.roster-card.active{border-color:var(--unit);background-color:#16283c;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--unit),transparent 45%))}#role-info{margin-top:16px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--unit),#24384d 60%);border-left:3px solid var(--unit);background:#0b1626e8;color:#e6f6ff}#role-info>small{color:var(--unit);font-size:11px;letter-spacing:2px}#role-info h2{margin:4px 0 8px;font-size:34px;letter-spacing:4px;text-shadow:0 0 16px color-mix(in srgb,var(--unit),transparent 40%)}#role-info p{margin:0 0 12px;color:#b8cad8;font-size:13px;line-height:1.7}#role-info .super-name{margin-top:12px;padding-top:10px;border-top:1px dashed #2c4258}#role-info .super-name small{color:#8fa6b8;font-size:10px;letter-spacing:2px}#role-info .super-name strong{display:block;margin:4px 0 6px;font-size:22px;color:var(--unit);letter-spacing:3px}#role-info .voice-line{border:1px solid #2c4258;background:#0f1d2e;color:#e6f6ff;padding:6px 10px;font-size:12px;cursor:pointer}#role-info .confirm{display:block;width:100%;margin-top:14px;padding:12px;border:1px solid var(--unit);background:color-mix(in srgb,var(--unit),#0b1626 70%);color:#fff;font-size:16px;font-weight:800;letter-spacing:4px;cursor:pointer}#role-info .confirm:hover{background:color-mix(in srgb,var(--unit),#0b1626 45%)}@media(max-width:700px){#selection{background:linear-gradient(0deg,#070d19f7 0,#070d19ee 55%,transparent 75%)!important;place-items:end center!important}#selection .select-shell{margin:0;padding-top:42vh}#role-info h2{font-size:26px}}body.selecting header,body.selecting footer,body.selecting aside,body.selecting .touch{visibility:hidden}#selection .select-shell h1{margin:6px 0 14px;font-size:clamp(24px,3vw,36px)}#selection .select-shell h1 span{margin-top:6px}#selection{padding-block:20px!important}#role-info{margin-top:12px;padding:14px 18px}#role-info h2{font-size:28px;margin:2px 0 6px}#role-info p{margin-bottom:8px;font-size:12.5px;line-height:1.6}#role-info .specs>div{margin:2px 0}#role-info .super-name{margin-top:8px;padding-top:8px}#role-info .super-name strong{font-size:20px;margin:2px 0 4px}#role-info .confirm{margin-top:10px;padding:10px}.stage-card{padding:0 0 18px!important;overflow:hidden}.stage-card .thumb{aspect-ratio:16/9;background-size:cover;background-position:center;border-bottom:2px solid var(--unit);transition:transform .3s;margin-bottom:14px}.stage-card:hover .thumb{transform:scale(1.04)}.stage-card small,.stage-card h2,.stage-card p{padding:0 18px}.stage-card small b{color:var(--unit)}.stage-card h2{margin:8px 0!important;font-size:26px!important}.stage-card p{line-height:1.65;font-size:12.5px!important}#title-screen{position:fixed;inset:0;z-index:25;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#1b3a5a99,transparent 60%),linear-gradient(#060b16f2,#060b16fa),repeating-linear-gradient(0deg,transparent 0 3px,#63e8ff0d 3px 4px);color:#e6f6ff;text-align:center;padding:24px}.title-shell small{color:#63e8ff;font-size:12px;letter-spacing:4px}.title-shell h1{margin:14px 0 18px;font:900 clamp(52px,10vw,120px)/1 system-ui;letter-spacing:10px;text-shadow:0 0 30px #2f62ff99,0 0 70px #e07a3a55}.title-shell h1 span{display:block;margin-top:12px;font-size:.32em;letter-spacing:.6em;color:#ffd166;text-shadow:0 0 18px #ffd16688}.title-shell p{color:#a9bccb;line-height:1.9;font-size:14px;margin:0 0 30px}.title-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.title-actions button{min-width:180px;padding:14px 22px;font-size:17px;font-weight:800;letter-spacing:4px;cursor:pointer;border:1px solid #63e8ff;background:#0d2234;color:#e6f6ff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.title-actions .go{background:linear-gradient(90deg,#2f62ff,#e07a3a);border-color:transparent;color:#fff}.title-actions button:hover{filter:brightness(1.2) drop-shadow(0 0 10px #63e8ff88)}#stage-select .back{margin-top:18px;border:1px solid #2c4258;background:#0f1d2e;color:#b8cad8;padding:10px 16px;font-size:13px;letter-spacing:2px;cursor:pointer}body.selecting #sound-hint{display:none}.crowd-bubble{position:absolute;transform:translate(-50%,-100%);padding:5px 10px;border-radius:12px;background:#fffef6;color:#111;font:800 14px/1.2 system-ui;white-space:nowrap;box-shadow:0 2px #0006;pointer-events:none}.crowd-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-top-color:#fffef6;border-bottom:0}.crowd-bubble.loud{background:#ffd166;font-size:17px;animation:bubble-pop .2s ease-out both}@keyframes bubble-pop{0%{transform:translate(-50%,-100%) scale(1.6)}to{transform:translate(-50%,-100%) scale(1)}}body.touring header,body.touring footer,body.touring aside,body.touring #callout,body.touring #card{visibility:hidden}#tour-ui{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);transform:translate(-50%);z-index:12;width:min(640px,calc(100vw - 32px));padding:14px 20px 16px;border:1px solid #63e8ff66;background:#07111fd9;color:#e6f6ff;text-align:center;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}#tour-ui small{color:#63e8ff;font-size:11px;letter-spacing:3px}#tour-ui strong{display:block;margin:4px 0 6px;font-size:24px;letter-spacing:4px}#tour-ui p{margin:0 0 10px;color:#9fb3bf;font-size:12px;letter-spacing:1px}#tour-ui .shots{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}#tour-ui .shots button{border:1px solid #2c4258;background:#0f1d2e;color:#cfe3f1;padding:6px 12px;font-size:12px;cursor:pointer}#tour-ui .shots button:hover{border-color:#63e8ff}#tour-ui .fight{width:100%;padding:11px;border:0;background:linear-gradient(90deg,#2f62ff,#e07a3a);color:#fff;font-size:16px;font-weight:800;letter-spacing:5px;cursor:pointer}#tour-ui{left:calc(env(safe-area-inset-left,0px) + 20px);transform:none;width:min(330px,calc(100vw - 40px));padding:10px 14px 12px;text-align:left}#tour-ui strong{font-size:18px;letter-spacing:2px}#tour-ui p{font-size:11px;margin-bottom:8px}#tour-ui .shots{justify-content:flex-start;gap:6px;margin-bottom:8px}#tour-ui .shots button{padding:4px 8px;font-size:11px}#tour-ui .fight{padding:8px;font-size:14px}body.tour-auto #tour-ui .fight,body.tour-auto #tour-ui .shots,body.tour-auto #tour-ui p{display:none}body.in-hub header,body.in-hub footer,body.in-hub aside,body.in-hub #callout,body.in-hub #card,body.in-hub #sound-hint{visibility:hidden}#hub-ui .hub-title{position:fixed;left:20px;top:calc(env(safe-area-inset-top,0px) + 18px);z-index:12;padding:10px 14px;border-left:3px solid #63e8ff;background:#07111fcc;color:#e6f6ff;max-width:min(520px,calc(100vw - 40px))}#hub-ui .hub-title small{display:block;color:#63e8ff;font-size:11px;letter-spacing:2px}#hub-ui .hub-title b{display:block;font-size:24px;letter-spacing:5px;margin:2px 0}#hub-ui .hub-title span{font-size:11px;color:#9fb3bf}#hub-ui .hub-prompt{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 90px);transform:translate(-50%);z-index:12;padding:10px 20px;border:1px solid #ffd166;background:#101920e6;color:#ffd166;font:700 16px system-ui;letter-spacing:2px}#hub-ui .hub-prompt b{display:inline-block;min-width:22px;padding:1px 6px;margin:0 4px;border:1px solid #ffd166;border-radius:3px}#hub-ui .hub-pick{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);transform:translate(-50%);z-index:12;color:#cfe3f1;font-size:13px;letter-spacing:2px;text-shadow:0 1px 3px #000}#hub-ui .hub-info{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:12;width:min(340px,calc(100vw - 40px));padding:16px 18px;border:1px solid color-mix(in srgb,var(--unit),#24384d 55%);border-left:3px solid var(--unit);background:#07111fe6;color:#e6f6ff}#hub-ui .hub-info small{color:var(--unit);font-size:11px;letter-spacing:2px}#hub-ui .hub-info h2{margin:4px 0 8px;font-size:30px;letter-spacing:4px}#hub-ui .hub-info p{margin:0 0 8px;font-size:12.5px;line-height:1.65;color:#b8cad8}#hub-ui .hub-info .line{color:#fff;font-weight:700}#hub-ui .hub-info .keys{margin-top:10px;color:#ffd166;font-size:12px;letter-spacing:2px}.hub-tag{position:absolute;transform:translate(-50%,-100%);text-align:center;color:#fff;pointer-events:none;text-shadow:0 0 10px var(--unit),0 2px 0 #000}.hub-tag small{display:block;font-size:10px;letter-spacing:2px;color:#cfe3f1}.hub-tag b{font-size:20px;letter-spacing:3px}.hub-tag.gate i{display:block;width:120px;aspect-ratio:16/9;margin:0 auto 4px;background-size:cover;background-position:center;border:2px solid var(--unit)}#hub-ui .hub-dialog{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 140px);transform:translate(-50%);z-index:13;width:min(620px,calc(100vw - 32px));padding:16px 20px 12px;border:1px solid #63e8ff88;border-left:4px solid #63e8ff;background:#07111ff0;color:#e6f6ff}#hub-ui .hub-dialog small{color:#63e8ff;font-size:12px;letter-spacing:3px}#hub-ui .hub-dialog p{margin:6px 0 8px;font-size:16px;line-height:1.7}#hub-ui .hub-dialog span{color:#ffd166;font-size:12px;letter-spacing:2px}#hub-ui .hub-prompt.locked{border-color:#ff5c4a;color:#ff8a7a}#keybar{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);transform:translate(-50%);z-index:7;display:none;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px);padding:5px 10px;border-radius:6px;background:#06101acc;color:#9fb3bf;font-size:11px;opacity:.82;pointer-events:none}#keybar.show{display:flex}#keybar span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}#keybar b{min-width:18px;padding:1px 5px;border:1px solid #2c4258;border-radius:3px;background:#0f1d2e;color:#e6f6ff;font:700 11px/1.4 system-ui;text-align:center;transition:background .08s,border-color .08s}#keybar span.on b{background:#63e8ff;border-color:#63e8ff;color:#06101a}#keybar span.ready b{border-color:#ffd166;color:#ffd166;box-shadow:0 0 10px #ffd166aa;animation:hint-pulse 1s infinite}#keybar em{font-style:normal;color:#6f8597;margin-left:6px}#fight-tip{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 44px);transform:translate(-50%,8px);z-index:7;padding:7px 16px;border:1px solid #ffd16688;background:#101920e6;color:#ffd166;font:700 14px system-ui;letter-spacing:1px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}#fight-tip.show{opacity:1;transform:translate(-50%)}body.selecting #keybar,body.in-hub #keybar,body.touring #keybar{display:none}#help-page{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#050b14e8;color:#e6f6ff;overflow:auto}.help-shell{width:min(980px,100%)}.help-shell>small{color:#63e8ff;font-size:12px;letter-spacing:3px}.help-shell h2{margin:6px 0 18px;font-size:32px;letter-spacing:6px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-grid>div{padding:14px 16px;border:1px solid #24384d;border-top:2px solid #63e8ff;background:#0b1626}.help-grid h3{margin:0 0 8px;font-size:16px;letter-spacing:3px;color:#63e8ff}.help-grid p{margin:4px 0;font-size:13px;line-height:1.7;color:#b8cad8}.help-grid b{display:inline-block;padding:0 6px;border:1px solid #2c4258;border-radius:3px;background:#0f1d2e;color:#fff}.help-foot{margin-top:14px;color:#8fa6b8;font-size:12px;letter-spacing:2px}@media(max-width:700px){.help-grid{grid-template-columns:1fr}#keybar{display:none!important}}body:has(#keybar.show) footer{visibility:hidden}#fight-tip{bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}.charge-ring{position:absolute;width:180px;height:180px;transform:translate(-50%,-50%) scaleY(.42);pointer-events:none}.charge-ring i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--unit) calc(var(--p,0)*1%),#ffffff22 0);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);filter:drop-shadow(0 0 10px var(--unit));animation:charge-fill var(--dur) linear both}.charge-ring span{position:absolute;left:50%;top:-58%;transform:translate(-50%) scaleY(2.4);font:900 15px/1 system-ui;color:#fff;letter-spacing:.2em;text-shadow:0 0 8px #000,0 1px 0 #000;animation:charge-blink .25s steps(2) infinite}@property --p{syntax:"<number>";inherits:false;initial-value:0}@keyframes charge-fill{to{--p:100}}@keyframes charge-blink{50%{opacity:.45}}.interrupt-pop{position:absolute;transform:translate(-50%,-50%);font:italic 900 34px/1 system-ui;color:#fff;-webkit-text-stroke:2px #000;text-shadow:0 0 18px #ff3d1f,4px 5px 0 #000;pointer-events:none;animation:ko-slam .3s cubic-bezier(.2,1.6,.4,1) both}