:root{--p0:#ff5a2a;--p1:#3ab0ff;--ink:#fff;--display:"Dela Gothic One", "Yu Gothic", "Meiryo", "Microsoft JhengHei", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#03040a;margin:0;font-family:Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif;overflow:hidden}.tc,body.touch .kb{display:none}body.touch .tc{display:inline}#stage,#overlay{position:fixed;inset:0}#stage{touch-action:none}#overlay{pointer-events:none}[hidden]{display:none!important}.screen{pointer-events:auto;text-align:center;touch-action:pan-y;background:radial-gradient(#0a143c59,#000000bf);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.rotate-hint{color:#ffe35a;font-size:14px;display:none}@media (orientation:portrait) and (any-pointer:coarse){.rotate-hint{display:block}}#title .to-cpu{color:#2a1200;font-family:var(--display);cursor:pointer;background:linear-gradient(#ffe16a,#ff8a1a);border:2px solid #ffe16a;border-radius:999px;margin-top:4px;padding:12px 40px;font-size:24px;animation:1.6s ease-in-out infinite title-pulse;box-shadow:0 0 24px #ffaa28a6}#title .to-cpu:hover{filter:brightness(1.08)}@keyframes title-pulse{50%{box-shadow:0 0 36px #ffbe3cf2}}#title h1{font-family:var(--display);letter-spacing:.04em;background:linear-gradient(#fff 10%,#ffd23a 45%,#ff4a1a 80%);color:#0000;-webkit-text-stroke:3px #1a0a30;filter:drop-shadow(0 0 22px #ff6e28cc)drop-shadow(0 6px #1a0a30);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(38px,11vw,150px);font-weight:400;transform:skew(-8deg)}#title .en{font-family:var(--display);letter-spacing:.6em;color:#9fe7ff;text-shadow:0 0 12px #2af;margin:0}.blink{font-family:var(--display);font-size:22px;animation:1.1s steps(2,end) infinite blink}.note{opacity:.7;font-size:14px}@keyframes blink{50%{opacity:.2}}#trial h2,#select h2,#arrange h2,#result h2{font-family:var(--display);text-shadow:0 0 18px #ffa03ce6,0 4px #000;margin:0 0 8px;font-size:clamp(32px,6vw,64px);font-weight:400}#trial h2 small,#select h2 small,#arrange h2 small{opacity:.8;text-shadow:none;font-family:inherit;font-size:15px;display:block}#select,#trial{background:linear-gradient(#0000001a 40%,#000000bf);justify-content:flex-end;padding-bottom:5vh}.cards{grid-template-columns:repeat(4,minmax(0,200px));gap:14px;max-width:100%;display:grid}.card{--c:#fff;cursor:pointer;text-align:left;color:inherit;font:inherit;background:#080c1ed9;border:2px solid #ffffff26;border-radius:10px;padding:12px 12px 10px;transition:transform .15s,border-color .15s,box-shadow .15s}.card.on{border-color:var(--c);box-shadow:0 0 22px var(--c), inset 0 0 18px color-mix(in srgb, var(--c) 35%, transparent);transform:translateY(-8px)scale(1.04)}.card .ja{font-family:var(--display);color:var(--c);text-shadow:0 0 8px var(--c);font-size:17px}.card .zh{opacity:.85;margin-bottom:8px;font-size:13px}.card .type{background:var(--c);color:#000;border-radius:99px;margin-bottom:8px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.stat{grid-template-columns:34px 1fr;align-items:center;gap:6px;margin:3px 0;font-size:12px;display:grid}.stat b{background:linear-gradient(90deg, var(--c), #fff);border-radius:3px;height:6px}.card .sp{opacity:.9;margin-top:8px;font-size:12px}@media (width<=860px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}#result .final{font-family:var(--display);margin:0;font-size:28px}.retry{pointer-events:auto;font-family:var(--display);color:#1a0a00;cursor:pointer;background:linear-gradient(#ffe16a,#ff8a1a);border:0;border-radius:999px;margin-top:18px;padding:12px 34px;font-size:22px;box-shadow:0 0 24px #ff9628cc}#hud{grid-template-columns:minmax(0,300px) 1fr minmax(0,300px);align-items:start;gap:12px;display:grid;position:absolute;inset:12px 16px auto}.panel{--c:var(--p0);border-left:4px solid var(--c);box-shadow:0 0 18px color-mix(in srgb, var(--c) 40%, transparent);background:linear-gradient(#080a1cc7,#080a1c73);border-radius:6px;padding:8px 12px 10px}.panel[data-side="1"]{--c:var(--p1);border-left:0;border-right:4px solid var(--c);text-align:right}.panel .name{font-family:var(--display);color:var(--c);text-shadow:0 0 10px var(--c);font-size:18px}.panel .rpm{font-family:var(--display);opacity:.9;font-size:13px}.panel .rpm .val{font-size:22px}.panel .label{letter-spacing:.1em;opacity:.75;margin-top:4px;font-size:11px}.bar{background:#ffffff1a;border-radius:5px;height:9px;margin-top:3px;overflow:hidden}.panel[data-side="1"] .bar{transform:scaleX(-1)}.bar i{background:linear-gradient(90deg, var(--c), #fff);width:50%;height:100%;transition:width 80ms linear;display:block}.bar.burst i{background:linear-gradient(90deg,#ffd000,#ff2020)}.bar.burst.danger i{animation:.25s steps(2,end) infinite danger}@keyframes danger{50%{filter:brightness(2.2)}}.bar.special i{background:linear-gradient(90deg,#7a3cff,#ff5af0,#fff)}.bar.guard i{background:linear-gradient(90deg,#2a8cff,#9fe8ff,#fff)}.bar.guard.on i{filter:brightness(1.8)}.bar.ranged i{background:linear-gradient(90deg,#0f9a72,#7dffcf,#fff)}.bar.ranged.on i{filter:brightness(1.6)}.score .timer{opacity:.85;letter-spacing:.05em;font-size:13px;display:block}.panel .ready{font-family:var(--display);color:#ffe35a;text-shadow:0 0 10px #ff9a00;margin-top:6px;font-size:14px;animation:.6s steps(2,end) infinite blink;display:none}.panel.can .ready{display:block}.score{font-family:var(--display);text-shadow:0 0 14px #fff9,0 3px #000;flex-wrap:wrap;justify-content:center;justify-self:center;align-items:baseline;gap:10px;font-size:44px;display:flex}.score .s0{color:var(--p0)}.score .s1{color:var(--p1)}.score em{opacity:.6;font-style:normal}.score small{text-align:center;opacity:.7;flex-basis:100%;font-family:inherit;font-size:12px}#help{opacity:.65;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 32px);font-size:13px;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}#audio-hint{color:#1a0a00;white-space:nowrap;background:#ffc828eb;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:700;animation:1.1s steps(2,end) infinite blink;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#banner{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bn{font-family:var(--display);background:linear-gradient(#fff 15%,#ffe04a 50%,#ff5a1a 85%);color:#0000;-webkit-text-stroke:3px #120018;filter:drop-shadow(0 0 20px #ff7828e6)drop-shadow(0 6px #120018);text-align:center;-webkit-background-clip:text;background-clip:text;padding:0 16px;font-size:clamp(48px,11vw,150px);line-height:1;animation:.45s cubic-bezier(.2,1.8,.4,1) both punch;transform:skew(-10deg)}.bn.small{font-size:clamp(28px,5vw,60px)}.bn.blue{filter:drop-shadow(0 0 20px #2896ffe6)drop-shadow(0 6px #120018);background-image:linear-gradient(#fff 15%,#8fe8ff 50%,#2a6bff 85%)}.bn-sub{white-space:pre-line;font-family:var(--display);text-shadow:0 0 10px #000,0 2px #000;margin-top:10px;font-size:clamp(18px,3vw,30px);animation:.45s cubic-bezier(.2,1.8,.4,1) 80ms both punch}.bn.out,.bn-sub.out{animation:.3s forwards fadeout}@keyframes punch{0%{opacity:0;transform:skew(-10deg)scale(2.6)}to{opacity:1;transform:skew(-10deg)scale(1)}}@keyframes fadeout{to{opacity:0;transform:skew(-10deg)scale(1.3)}}#fx-layer{position:absolute;inset:0;overflow:hidden}.ono{font-family:var(--display);white-space:nowrap;color:#fff;-webkit-text-stroke:3px #1a0010;paint-order:stroke fill;text-shadow:0 0 16px var(--c,#ff8a00), 4px 4px 0 var(--c,#ff8a00);animation:.9s cubic-bezier(.1,2,.3,1) forwards ono;position:absolute;translate:-50% -50%}@keyframes ono{0%{transform:rotate(var(--r)) scale(.2);opacity:0}15%{transform:rotate(var(--r)) scale(1.25);opacity:1}70%{transform:rotate(var(--r)) scale(1);opacity:1}to{transform:rotate(var(--r)) scale(1.1) translateY(-20px);opacity:0}}#launch{pointer-events:none;position:absolute;inset:0}#launch .ring{position:absolute;top:46%;left:50%}#launch .target,#launch .closing{border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}#launch .target{border:6px solid #ffe35a;width:110px;height:110px;box-shadow:0 0 22px #ffb000,inset 0 0 22px #ffb000}#launch .closing{border:4px solid #fff;width:110px;height:110px;box-shadow:0 0 14px #9fe7ff}#launch .launcher{background:linear-gradient(#3a4a6a,#10182a);border:2px solid #9fe7ff;border-radius:12px 12px 22px 22px;justify-content:center;align-items:center;width:120px;height:46px;display:flex;position:absolute;bottom:16%;left:50%;translate:-50%;box-shadow:0 0 18px #50c8ff99}#launch .grip{color:#ffe35a;text-shadow:0 0 10px #ffb000;font-size:26px;animation:.9s ease-in-out infinite gripHint}#launch.pulling .launcher{opacity:.35}#launch.pulling .grip{animation:none}@keyframes gripHint{50%{transform:translateY(8px)}}#launch .cord{width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}#launch.pulling .cord{display:block}#launch .cord line{stroke:#ffe35a;stroke-width:6px;stroke-linecap:round;stroke-dasharray:14 8;filter:drop-shadow(0 0 6px #ffb000)}#launch .cord circle{fill:#ff8a1a;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 0 8px #ffb000)}#launch .power{background:#0009;border:1px solid #fff6;border-radius:7px;width:min(320px,70vw);height:14px;position:absolute;top:calc(46% + 72px);left:50%;overflow:hidden;translate:-50%}#launch .power i{background:linear-gradient(90deg,#3ab0ff,#ffe35a 60%,#ff3a1a);width:0;height:100%;display:block}#launch .power span{text-align:center;font-size:10px;line-height:14px;font-family:var(--display);text-shadow:0 1px 2px #000;position:absolute;inset:0}#launch .hint{text-align:center;text-shadow:0 2px 4px #000;width:max-content;max-width:92vw;font-size:15px;position:absolute;bottom:7%;left:50%;translate:-50%}#cutin{background:#00000059;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}#cutin .band{--c:#ff5a2a;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 85%, #000) 12%, var(--c) 50%, color-mix(in srgb, var(--c) 85%, #000) 88%, transparent), repeating-linear-gradient(90deg, #ffffff1f 0 4px, transparent 4px 18px);width:140%;box-shadow:0 0 40px var(--c);text-align:center;margin-left:-20%;padding:18px 0 22px;animation:1.5s cubic-bezier(.2,1,.3,1) forwards bandIn;transform:rotate(-6deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}#cutin .who{font-family:var(--display);letter-spacing:.3em;text-shadow:0 2px #000;font-size:clamp(16px,2.5vw,26px)}#cutin .move{font-family:var(--display);white-space:nowrap;color:#fff;-webkit-text-stroke:3px #140010;paint-order:stroke fill;text-shadow:0 0 22px #fff,0 6px #140010;font-size:clamp(30px,5.6vw,88px);line-height:1.05}@keyframes bandIn{0%{transform:rotate(-6deg)translate(100%)}18%{transform:rotate(-6deg)translate(0)}80%{opacity:1;transform:rotate(-6deg)translate(-3%)}to{opacity:0;transform:rotate(-6deg)translate(-110%)}}@media (width<=640px){#hud{grid-template-columns:1fr 1fr}#hud .score{grid-area:1/1/auto/-1;font-size:30px}.panel .rpm .val{font-size:16px}}#swipe{pointer-events:none;position:absolute;inset:0}#swipe .ring,#swipe .dot{pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}#swipe .ring{background:radial-gradient(circle,#78c8ff24,#78c8ff05 70%);border:2px solid #96dcff73;width:120px;height:120px;margin:-60px 0 0 -60px;box-shadow:0 0 18px #3ca0ff40}#swipe .dot{background:radial-gradient(circle at 35% 30%,#fff,#9fe7ff 40%,#2a6bffb3 90%);width:46px;height:46px;margin:-23px 0 0 -23px;box-shadow:0 0 16px #3ab0ff}#ranged-btn{right:max(126px, calc(env(safe-area-inset-right) + 120px));bottom:max(72px, calc(env(safe-area-inset-bottom) + 60px));color:#fff;width:76px;height:76px;font-family:var(--display);text-shadow:0 2px #053a30;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 35% 30%,#c8fff0,#2fd6a0 55%,#0a6a5a);border:3px solid #d8fff1;border-radius:50%;font-size:19px;position:absolute;box-shadow:0 0 14px #4affc8,0 5px #064a3e}#ranged-btn:active{transform:translateY(3px)scale(.96);box-shadow:0 0 20px #4affc8,0 2px #064a3e}#ranged-btn.cooling{filter:grayscale(.85)brightness(.6);box-shadow:0 5px #1a2a26}#special-btn{right:max(18px, calc(env(safe-area-inset-right) + 12px));bottom:max(64px, calc(env(safe-area-inset-bottom) + 52px));color:#fff;width:92px;height:92px;font-family:var(--display);text-shadow:0 2px #5a0a2a;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 35% 30%,#ffd23a,#ff7a1a 55%,#c2185b);border:3px solid #fff3c4;border-radius:50%;font-size:22px;animation:.8s ease-in-out infinite alternate special-btn-pulse;position:absolute;box-shadow:0 0 24px #ff9a3a,0 6px #7a1238}#special-btn:active{transform:translateY(4px)scale(.96);box-shadow:0 0 30px #ffd23a,0 2px #7a1238}@keyframes special-btn-pulse{0%{box-shadow:0 0 14px #ff9a3a,0 6px #7a1238}to{box-shadow:0 0 34px #ffd23a,0 6px #7a1238}}#touch-hint{left:50%;bottom:max(14px, env(safe-area-inset-bottom));white-space:nowrap;pointer-events:none;background:#080c1e99;border-radius:999px;padding:5px 14px;font-size:13px;position:absolute;transform:translate(-50%)}#touch-hint.ready{font-family:var(--display);background:linear-gradient(90deg,#ff9a3a,#c2185b);font-size:16px;animation:.7s ease-in-out infinite alternate pulse}@keyframes pulse{0%{box-shadow:0 0 10px #ffb000}to{box-shadow:0 0 30px #ffb000}}@media (height<=520px){#hud{grid-template-columns:minmax(0,220px) 1fr minmax(0,220px);gap:8px;inset:6px 12px auto}.panel{padding:4px 8px 6px}.panel .name{font-size:12px}.panel .rpm{font-size:10px}.panel .rpm .val{font-size:15px}.panel .label{display:none}.panel .ready{margin-top:3px;font-size:11px}.bar{height:6px}.score{font-size:28px}#help{font-size:11px;bottom:3px}#trial h2,#select h2,#result h2{margin:0;font-size:26px}#select,#trial{justify-content:center;padding:10px 16px}.cards{grid-template-columns:repeat(4,minmax(0,170px));gap:8px}.card{padding:7px 8px}.card .ja{font-size:13px}.card .zh{margin-bottom:3px;font-size:11px}.card .type{margin-bottom:3px;font-size:10px}.stat{grid-template-columns:26px 1fr;margin:1px 0;font-size:10px}.card .sp{display:none}.card.on{transform:translateY(-3px)scale(1.03)}#launch .ring{top:42%}#launch .power{top:calc(42% + 64px)}#launch .launcher{height:36px;bottom:12%}#launch .hint{font-size:11px;bottom:3%}#touch-hint{font-size:11px;bottom:6px}#touch-hint.ready{font-size:13px}}@media (width<=640px){.panel .name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.panel .rpm .val{font-size:15px}.panel .label{display:none}.bar{height:6px}}.chip{--c:#fff;width:28px;height:28px;font-family:var(--display);color:var(--c);border:2px solid var(--c);text-shadow:0 0 6px var(--c);background:radial-gradient(circle,#000000b3,#000000e6);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-style:normal;display:inline-flex;position:relative}.chip.portrait{color:#0000;text-shadow:none;background:var(--img) center 30% / 118% no-repeat, radial-gradient(circle, #28201cd9, #0a0808f2)}.chip.cur{box-shadow:0 0 12px var(--c), 0 0 4px #fff;transform:scale(1.15)}.chip.done{opacity:.45}.chip b{color:#fff;text-shadow:0 1px 2px #000;font-family:inherit;font-size:10px;position:absolute;bottom:-13px}.card{position:relative}.card .badge{width:30px;height:30px;font-family:var(--display);color:#1a0a00;background:linear-gradient(#ffe16a,#ff8a1a);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:none;position:absolute;top:-10px;right:-8px;box-shadow:0 0 12px #ff9a00}.card.picked{border-color:var(--c)}.card.picked .badge{display:inline-flex}.cpu-team{font-family:var(--display);color:#9fe7ff;align-items:center;gap:8px;font-size:15px;display:flex}.cpu-team .chips{gap:6px;display:inline-flex}.cpu-team small{opacity:.7;font-family:inherit;font-size:12px}.team-bar{align-items:center;gap:16px;margin-top:6px;display:flex}.team-bar .slots{gap:10px;display:inline-flex}.slot{min-width:52px;height:36px;font-family:var(--display);border:1px dashed #ffffff59;border-radius:18px;align-items:center;gap:4px;padding:0 8px;font-size:14px;display:inline-flex}.team-bar .go{font-family:var(--display);color:#1a0a00;cursor:pointer;background:linear-gradient(#ffe16a,#ff8a1a);border:0;border-radius:999px;padding:8px 28px;font-size:20px;box-shadow:0 0 20px #ff9628cc}.team-bar .go:disabled{filter:grayscale();opacity:.4;box-shadow:none;cursor:default}#overtime h2{font-family:var(--display);color:#ffe35a;text-shadow:0 0 18px #ff3c3ce6,0 4px #000;margin:0 0 8px;font-size:clamp(32px,6vw,64px);font-weight:400}#overtime h2 small{opacity:.85;color:#fff;text-shadow:none;font-family:inherit;font-size:15px;display:block}#overtime .cards{grid-template-columns:repeat(3,minmax(0,200px))}.score .info{flex-basis:100%}.score .lineup{flex-basis:100%;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.score .lineup span{gap:6px;display:inline-flex}.score .lineup em{opacity:.7;font-size:12px}.breakdown{gap:6px;margin:8px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.breakdown li{background:#080c1ecc;border-left:4px solid #888;border-radius:8px;padding:6px 14px}.breakdown li.w{border-left-color:#ffb000}.breakdown li.l{opacity:.85;border-left-color:#3ab0ff}@media (height<=520px){#trial h2 small,#select h2 small,#overtime h2 small{font-size:11px}.cpu-team{font-size:12px}.chip{width:22px;height:22px;font-size:12px}.team-bar{margin-top:2px}.slot{min-width:44px;height:28px;font-size:12px}.team-bar .go{padding:5px 20px;font-size:16px}.card .badge{width:24px;height:24px;font-size:14px;top:-8px}.score .info{font-size:11px}.score .lineup{margin-bottom:10px}.breakdown{gap:3px;font-size:12px}.breakdown li{padding:3px 10px}#result .final{font-size:20px}.retry{margin-top:8px;padding:8px 24px;font-size:18px}}@media (width<=640px){.chip{width:24px;height:24px;font-size:13px}.team-bar{flex-wrap:wrap;justify-content:center}.breakdown{font-size:12px}#overtime .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.select-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;display:flex}.difficulty{border:1px solid #ffffff4d;border-radius:999px;display:inline-flex;overflow:hidden}.difficulty button{color:#ffffffbf;font-family:var(--display);cursor:pointer;background:#080c1eb3;border:0;align-items:baseline;gap:5px;padding:6px 14px;font-size:14px;display:inline-flex}.difficulty button small{opacity:.8;font-family:inherit;font-size:11px}.difficulty button+button{border-left:1px solid #fff3}.difficulty button.on{color:#1a0a00;background:linear-gradient(#ffe16a,#ff8a1a)}#result .diff{opacity:.8;margin:0;font-size:14px}@media (height<=520px){.select-row{gap:6px 14px}.difficulty button{padding:3px 9px;font-size:11px}.difficulty button small{display:none}#result .diff{font-size:11px}}.select-main{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:14px;width:min(1200px,100%);display:grid}#select .cards,#trial .cards{pointer-events:auto;grid-template-columns:repeat(10,minmax(0,1fr));align-content:start;gap:8px;max-height:42vh;padding:10px 6px 4px;overflow-y:auto}.card.tile{text-align:center;border-bottom:4px solid var(--tc,#888);border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:4px 2px 5px;display:flex}.card.tile[data-type=attack]{--tc:#ff5a2a}.card.tile[data-type=defense]{--tc:#2fd35b}.card.tile[data-type=stamina]{--tc:#2aa8ff}.card.tile[data-type=balance]{--tc:#b04dff}.card.tile .thumb{object-fit:contain;width:58px;height:58px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 60%, transparent));pointer-events:none}.card.tile .emb{height:58px;font-family:var(--display);color:var(--c);text-shadow:0 0 10px var(--c);justify-content:center;align-items:center;font-size:26px;font-style:normal;line-height:1.1;display:flex}.card.tile .emb[hidden],.card.tile .thumb[hidden]{display:none}.card.tile .nm{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.card.tile .ty{opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.card.tile .left{color:#fff;background:#ff3a8a;border-radius:4px;padding:0 4px;font-size:10px;position:absolute;top:3px;left:3px}.card.tile.on{transform:translateY(-4px)scale(1.06)}.card.tile .badge{width:24px;height:24px;font-size:14px;top:-8px;right:-6px}.detail{--c:#fff;pointer-events:auto;border:2px solid var(--c);box-shadow:0 0 18px color-mix(in srgb, var(--c) 45%, transparent);text-align:left;background:#080c1ee6;border-radius:10px;flex-direction:column;height:min(100dvh - 330px,470px);padding:8px 12px 10px;font-size:13px;display:flex;overflow:hidden}.detail .d-fixed{border-bottom:1px solid #ffffff26;flex:none;grid-template-columns:116px 1fr;grid-template-areas:"name name""radar stats";column-gap:8px;padding-bottom:6px;display:grid}.detail .d-name{grid-area:name;align-items:baseline;gap:8px;min-width:0;display:flex}.detail .d-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding-top:6px;overflow-y:auto}@media (height>=521px){#select h2,#trial h2{font-size:clamp(28px,4.6vw,52px)}}body.selecting #help{display:none}.detail .d-stage{background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--c) 22%, #0a1024), #05070f 75%);border-radius:8px;height:136px;margin:0 0 6px;position:relative;overflow:hidden}.detail .d-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.detail .d-cap{opacity:.6;letter-spacing:.1em;font-size:10px;position:absolute;top:6px;left:8px}.detail .d-move{text-align:center;font-family:var(--display);color:#ffe35a;text-shadow:0 0 10px #ff7a1a,0 2px #000;opacity:0;pointer-events:none;font-size:17px;position:absolute;bottom:8px;left:0;right:0;transform:scale(1.4)}.detail .d-move.on{animation:1.4s ease-out forwards move-flash}@keyframes move-flash{0%{opacity:0;transform:scale(1.6)}12%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}.detail .d-ja{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--display);color:var(--c);text-shadow:0 0 8px var(--c);flex:1;font-size:18px;line-height:1.3;overflow:hidden}.detail .d-art{white-space:nowrap;flex:none;font-size:13px}.detail .d-art-label{opacity:.65;font-size:11px}.detail .d-zh{white-space:nowrap;font-size:14px}.detail .d-meta{opacity:.75;margin-bottom:4px;font-size:11px;line-height:1.35}.detail .radar{grid-area:radar;width:116px;height:102px}.radar .grid{fill:none;stroke:#ffffff40}.radar .val{fill:color-mix(in srgb, var(--c) 45%, transparent);stroke:var(--c);stroke-width:2px}.radar .ghost{fill:none;stroke:#ffffff8c;stroke-width:1.2px;stroke-dasharray:3 2}.radar text{fill:#fff;opacity:.8;font-size:10px}.detail .d-stats{grid-area:stats;align-content:center;gap:1px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.detail .d-stats li{align-items:baseline;gap:4px;display:flex}.detail .d-stats b{font-family:var(--display);color:var(--c);margin-left:auto;font-weight:400}.detail .d-stats small{text-align:right;min-width:22px;font-size:11px}.detail .d-stats small.up{color:#6aff8a}.detail .d-stats small.down{color:#ff7a6a}.detail .d-parts{flex-wrap:wrap;gap:2px 10px;margin-top:4px;font-size:11px;line-height:1.35;display:flex}.detail .d-parts[hidden]{display:none}.detail .d-parts span{opacity:.8}.detail .d-parts .changed{color:var(--c);opacity:1}.detail .d-sp{font-family:var(--display);color:#ffe35a;margin-top:6px;font-size:13px;line-height:1.3}.detail .d-charge{color:#ffb3f0;font-size:11px}.detail .d-desc{opacity:.9;font-size:12px;line-height:1.4}.arena{border:1px solid #ffffff4d;border-radius:999px;display:inline-flex;overflow:hidden}.arena button{color:#ffffffbf;font-family:var(--display);cursor:pointer;background:#080c1eb3;border:0;padding:6px 12px;font-size:13px}.arena button+button{border-left:1px solid #fff3}.arena button.on{color:#001020;background:linear-gradient(#7ff0ff,#2a8aff)}.arena-desc{opacity:.85;height:2.7em;margin:4px 0 0;font-size:12px;line-height:1.35;overflow:hidden}@media (width<=1100px){.select-main{grid-template-columns:minmax(0,1fr) 290px}#select .cards,#trial .cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (height<=520px){.select-main{grid-template-columns:minmax(0,1fr) 270px;gap:8px}#select .cards,#trial .cards{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;max-height:48vh;padding:8px 4px 2px}.card.tile{border-bottom-width:3px;padding:2px 1px}.card.tile .thumb,.card.tile .emb{width:36px;height:36px}.card.tile .emb{font-size:18px}.card.tile .nm{font-size:9px}.card.tile .ty{display:none}.detail{height:calc(100dvh - 150px);padding:5px 8px 6px;font-size:11px}.detail .d-fixed{grid-template-columns:92px 1fr;padding-bottom:4px}.detail .d-stage{height:96px;margin:0 0 4px}.detail .d-ja{font-size:13px}.detail .d-zh{font-size:11px}.detail .d-meta{margin-bottom:1px;font-size:9px}.detail .radar{width:92px;height:82px}.detail .d-stats{font-size:10px}.detail .d-move{font-size:13px}.detail .d-sp{margin-top:3px;font-size:11px}.detail .d-parts,.detail .d-desc{font-size:10px}.arena button{padding:3px 7px;font-size:11px}.arena-desc{display:none}}@media (width<=640px){.select-main{grid-template-columns:1fr}#select .cards,#trial .cards{grid-template-columns:repeat(5,minmax(0,1fr));max-height:26vh}.card.tile .thumb,.card.tile .emb{width:44px;height:44px}.detail{height:34vh}.detail .d-fixed{grid-template-columns:100px 1fr}.detail .d-stage{height:110px}.detail .radar{width:100px;height:88px}.arena button{padding:4px 7px;font-size:11px}}#arrange{background:linear-gradient(#00000059,#000c);justify-content:flex-start}#arrange>h2{margin-top:auto}#arrange>.ar-main{margin-bottom:auto}#arrange>*{flex-shrink:0}#arrange h2{font-size:clamp(28px,4.6vw,52px)}.ar-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;width:min(1000px,100%);display:flex}.ar-opp{flex-wrap:wrap;align-items:center;gap:6px 8px;display:inline-flex}.ar-opp .chips{gap:4px;display:inline-flex}.ar-opp-note{opacity:.8}.ar-arena{color:#9fe7ff;font-size:14px}.ar-timer{min-width:5em;font-family:var(--display);color:#ffe35a;font-size:22px}.ar-timer.warn{color:#ff6a4a}.ar-main{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px;width:min(1000px,100%);display:grid}.ar-left{flex-direction:column;gap:12px;min-width:0;display:flex}.ar-slots{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ar-slot{text-align:left;cursor:pointer;background:#080c1ed9;border:2px solid #ffffff40;border-radius:12px;grid-template-columns:auto 64px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.ar-slot.on{border-color:#ffe35a;box-shadow:0 0 16px #ffc83c80}.ar-n{font-family:var(--display);color:#ffe35a;white-space:nowrap;font-size:16px}.ar-thumb{background:50%/contain no-repeat;width:64px;height:64px}.ar-name{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.ar-name small{opacity:.75;font-size:12px;font-weight:400;display:block}.ar-move{flex-direction:column;gap:4px;display:flex}.ar-move button{color:#fff;cursor:pointer;background:#7ff0ff38;border:0;border-radius:8px;width:42px;height:30px;font-size:14px}.ar-move button:disabled{opacity:.25;cursor:default}#arrange .detail{height:min(100dvh - 260px,470px)}.ar-parts{flex-direction:column;gap:4px;display:flex}.part-btn{color:#fff;width:210px;min-height:32px;font:inherit;text-align:left;cursor:pointer;background:#14325abf;border:2px solid #7ff0ff8c;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:13px;display:flex}.part-btn:hover:not(:disabled){background:#1e508ce6}.part-btn:disabled{opacity:.45;cursor:default}.part-btn.changed{background:#503c0ad9;border-color:#ffe35a;box-shadow:0 0 10px #ffd23c99}.part-btn .pb-slot{color:#001020;width:24px;height:24px;font-family:var(--display);background:#7ff0ff;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:400;display:grid}.part-btn.changed .pb-slot{background:#ffe35a}.part-btn .pb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.part-btn .pb-code{opacity:.7;margin-left:4px;font-size:11px}.part-btn .pb-tag{opacity:.7;flex:none;font-size:10px}.part-btn .pb-caret{opacity:.8;flex:none}.part-menu{z-index:30;overscroll-behavior:contain;pointer-events:auto;text-align:left;background:#060a1af7;border:2px solid #7ff0ff;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #0009,0 0 18px #50c8ff59}.part-menu .pm-head{font-family:var(--display);color:#9fe7ff;padding:0 4px 4px;font-size:13px}.part-menu .pm-opt{color:#fff;font:inherit;text-align:left;cursor:pointer;background:#141e3ccc;border:1px solid #ffffff26;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:6px 8px;font-size:13px;display:grid}.part-menu .pm-opt:hover:not(:disabled),.part-menu .pm-opt:focus-visible{background:#1e4678e6;border-color:#7ff0ff;outline:none}.part-menu .pm-opt.current{border-color:#ffe35a}.part-menu .pm-opt:disabled{opacity:.4;cursor:default}.part-menu .pm-name{font-weight:700}.part-menu .pm-tag{background:#ffffff26;border-radius:4px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:400}.part-menu .pm-tag.on{color:#201400;background:#ffe35a}.part-menu .pm-delta{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.part-menu .pm-delta i{border-radius:4px;padding:0 4px;font-size:11px;font-style:normal}.part-menu .pm-delta .up{color:#8aff9a;background:#3cc86440}.part-menu .pm-delta .down{color:#ff9a8a;background:#dc463240}.part-menu .pm-desc{opacity:.75;grid-column:1/-1;font-size:11px}.ar-actions{justify-content:center;gap:14px;display:flex}.ar-actions button{font-family:var(--display);cursor:pointer;border:0;border-radius:999px;padding:8px 28px;font-size:20px}.ar-back{color:#fff;background:#ffffff24}.ar-ready{color:#1a0a00;background:linear-gradient(#ffe16a,#ff8a1a);box-shadow:0 0 20px #ff9628cc}.ar-actions button:disabled{filter:grayscale();opacity:.45;box-shadow:none;cursor:default}.ar-status{color:#9fe7ff;min-height:1.2em;margin:0}@media (height<=520px){#arrange h2{margin-bottom:0;font-size:22px}#arrange h2 small{display:none}#arrange{gap:6px;padding:8px 12px}.ar-timer{font-size:18px}.ar-main{grid-template-columns:minmax(0,1fr) 270px;gap:8px}.ar-left{gap:6px}.ar-slots{gap:5px}.ar-slot{grid-template-columns:auto 40px minmax(0,1fr) auto auto;gap:8px;padding:4px 8px}.ar-parts{flex-direction:row}.part-btn{gap:4px;width:128px;min-height:30px;padding:2px 6px 2px 3px;font-size:12px}.part-btn .pb-slot{width:22px;height:22px;font-size:12px}.part-btn .pb-code,.part-btn .pb-tag{display:none}.ar-thumb{width:40px;height:40px}.ar-name{font-size:14px}.ar-move{flex-direction:row}.ar-move button{width:36px;height:28px}#arrange .detail{height:calc(100dvh - 90px)}.ar-actions button{padding:6px 20px;font-size:16px}}@media (width<=640px){.ar-main{grid-template-columns:1fr}.ar-slot{grid-template-columns:auto 44px minmax(0,1fr) auto;grid-template-areas:"n thumb name move""parts parts parts parts";row-gap:6px}.ar-n{grid-area:n}.ar-thumb{grid-area:thumb;width:44px;height:44px}.ar-name{grid-area:name}.ar-move{flex-direction:row;grid-area:move}.ar-parts{flex-direction:row;grid-area:parts}.part-btn{flex:1;width:auto}#arrange .detail{height:40vh}}#title .to-online{color:#bff6ff;font-family:var(--display);cursor:pointer;background:#081432b3;border:2px solid #7ff0ff;border-radius:999px;margin-top:6px;padding:10px 26px;font-size:18px;box-shadow:0 0 18px #50c8ff73}#title .to-online:hover{background:#143c78d9}#title .lang-switch{z-index:2;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));background:#081432b3;border:1px solid #7ff0ff80;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute}#title .lang-switch button{color:#bff6ff;min-width:64px;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:15px}#title .lang-switch button[aria-pressed=true]{color:#06142e;background:#7ff0ff;font-weight:700}@media (height<=520px){#title h1{font-size:clamp(28px,6vw,52px)}#title .lang-switch button{min-width:0;min-height:36px;padding:4px 10px;font-size:13px}}html:lang(zh) .ja-only{display:none!important}html:lang(zh){--display:"Dela Gothic One", "Microsoft JhengHei", "Noto Sans TC", sans-serif}#online{justify-content:flex-start}#online>h2{margin-top:auto}#online>.ol-panel{flex-shrink:0;margin-bottom:auto}#online h2{font-family:var(--display);text-shadow:0 0 18px #50c8ffe6,0 4px #000;margin:0 0 6px;font-size:clamp(26px,5vw,48px);font-weight:400}#online h2 small{opacity:.8;text-shadow:none;font-family:inherit;font-size:14px;display:block}.ol-panel{background:#080c1ee6;border:2px solid #7ff0ff99;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:min(460px,100%);padding:16px 18px;display:flex}.ol-form,.ol-room{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.ol-name{align-items:center;gap:8px;font-size:14px;display:flex}.ol-panel input{color:#fff;min-width:0;font:inherit;background:#0c1330;border:1px solid #ffffff59;border-radius:8px;flex:1;padding:8px 10px;font-size:16px}.ol-code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-family:var(--display)}.ol-join,.ol-share{gap:8px;display:flex}.ol-panel button{color:#001020;font-family:var(--display);cursor:pointer;background:linear-gradient(#7ff0ff,#2a8aff);border:0;border-radius:999px;padding:9px 18px;font-size:16px}.ol-panel button:disabled{opacity:.5;cursor:default}.ol-panel .ol-quick{color:#1a0a00;background:linear-gradient(#ffe16a,#ff8a1a);font-size:18px}.ol-create-row{align-items:center;gap:10px;display:flex}.ol-create-row .ol-create{flex:1}.ol-private{white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.ol-panel .ol-private input{accent-color:#7ff0ff;flex:none;width:18px;height:18px;padding:0}.ol-list{text-align:left;width:100%}.ol-list-head{color:#9fe7ff;justify-content:space-between;align-items:baseline;margin:4px 0 6px;font-size:14px;display:flex}.ol-list-note{opacity:.7;font-size:12px}.ol-rooms{overscroll-behavior:contain;flex-direction:column;gap:6px;max-height:min(40vh,300px);display:flex;overflow-y:auto}.ol-panel .ol-room-row{color:#fff;text-align:left;background:#7ff0ff1a;border:1px solid #7ff0ff80;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;display:grid}.ol-panel button.ol-room-row:hover:not(:disabled){background:#7ff0ff38}.ol-room-row.playing{color:#ffffff73;cursor:default;background:#ffffff0a;border-style:dashed;border-color:#ffffff40}.rr-host{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rr-meta{opacity:.8;white-space:nowrap;font-size:12px}.rr-go{font-family:var(--display);color:#ffe35a;white-space:nowrap}.ol-room-row.playing .rr-go{color:inherit}.ol-empty{opacity:.7;margin:0;padding:8px 4px;font-size:13px}.ol-panel .ol-back{color:#fff;background:#ffffff1f}.ol-label{opacity:.75;margin:0;font-size:13px}.ol-code-big{font-family:var(--display);letter-spacing:.25em;color:#ffe35a;text-shadow:0 0 18px #ffb428cc;font-size:56px}.ol-share input{font-size:12px}.ol-status{color:#9fe7ff;margin:0;font-size:15px}.ol-msg{opacity:.9;min-height:1.2em;margin:0;font-size:13px}.ol-msg.err{color:#ff8a7a}#net-overlay{pointer-events:auto;z-index:20;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#net-overlay .no-box{text-align:center;background:#080c1eeb;border:2px solid #7ff0ff;border-radius:12px;padding:16px 26px;box-shadow:0 0 22px #50c8ff66}#net-overlay .no-text{font-family:var(--display);margin:0;font-size:20px}#net-overlay .no-sub{opacity:.85;margin:6px 0 0;font-size:13px}.result-actions{justify-content:center;align-items:center;gap:12px;display:flex}#result .leave{color:#fff;font-family:var(--display);cursor:pointer;background:#ffffff24;border:0;border-radius:999px;margin-top:18px;padding:12px 26px;font-size:18px}#result .retry:disabled{opacity:.55;cursor:default}.rm-status{color:#9fe7ff;min-height:1.2em;margin:6px 0 0}#select.online .arena button:disabled{cursor:default;opacity:.75}#select.online .arena button.on:disabled{opacity:1}@media (height<=520px){.ol-code-big{font-size:36px}#online h2{margin-bottom:2px;font-size:24px}#online h2 small{display:none}.ol-panel{gap:6px;padding:10px 14px}.ol-form{gap:6px}.ol-panel button{padding:7px 16px}.ol-rooms{max-height:34vh}}#title .title-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#title .to-tutorial{color:#ffe9a8;font-family:var(--display);cursor:pointer;background:#321e06b3;border:2px solid #ffc94a;border-radius:999px;margin-top:6px;padding:10px 22px;font-size:18px;box-shadow:0 0 18px #ffbe3c66}#title .to-tutorial:hover{background:#5a370ad9}#title .to-trial{color:#e2d4ff;font-family:var(--display);cursor:pointer;background:#1e0e3cb3;border:2px solid #b48cff;border-radius:999px;margin-top:6px;padding:10px 22px;font-size:18px;box-shadow:0 0 18px #aa78ff66}#title .to-trial:hover{background:#3c1e6ed9}body.touch #help{display:none}#title .tut-offer{color:#ffe9a8;background:#3c2808bf;border:1px solid #ffc94a;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;max-width:calc(100vw - 32px);margin:0;padding:5px 6px 5px 14px;font-size:14px;display:flex}#title .tut-offer button{white-space:nowrap;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:5px 12px}#title .tut-offer .tut-offer-go{color:#2a1700;background:#ffc94a;font-weight:700}#title .tut-offer .tut-offer-no{color:#ffe9a8;background:0 0;text-decoration:underline}body.tutoring #launch .hint{display:none}#tutorial{z-index:50;pointer-events:none;position:fixed;inset:0}#tutorial .tut-spot{pointer-events:none;border:3px solid #7ff0ff;border-radius:12px;animation:1.2s ease-in-out infinite tut-pulse;position:fixed;box-shadow:0 0 0 9999px #0306106b,0 0 22px #7ff0ff}@keyframes tut-pulse{50%{border-color:#fff;box-shadow:0 0 0 9999px #0306106b,0 0 34px #7ff0ff}}#tutorial .tut-panel{left:50%;bottom:max(12px, env(safe-area-inset-bottom));color:#eaf6ff;pointer-events:none;text-align:left;background:#080e22f0;border:2px solid #7ff0ff;border-radius:14px;width:min(580px,100vw - 24px);padding:10px 14px 12px;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0009,0 0 18px #50c8ff59}#tutorial .tut-panel button{pointer-events:auto}#tutorial .tut-panel.top{top:max(12px, env(safe-area-inset-top));bottom:auto}#tutorial .tut-panel.side{top:max(12px, env(safe-area-inset-top));bottom:auto;left:auto;right:max(12px, env(safe-area-inset-right));pointer-events:auto;max-height:calc(100vh - 24px);overflow-y:auto;transform:none}#tutorial .tut-panel.side.left{right:auto;left:max(12px, env(safe-area-inset-left))}#tutorial .tut-head{color:#7ff0ff;letter-spacing:.08em;justify-content:space-between;font-size:12px;display:flex}#tutorial .tut-title{font-family:var(--display);color:#ffd23a;margin:2px 0 6px;font-size:19px}#tutorial .tut-body{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#tutorial .tut-text{flex:220px;margin:0;font-size:15px;line-height:1.55}#tutorial .tut-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}#tutorial .tut-actions button{color:#dff8ff;min-height:34px;font:inherit;cursor:pointer;background:#142850cc;border:1px solid #7ff0ff80;border-radius:999px;padding:5px 12px;font-size:14px}#tutorial .tut-actions .tut-next{color:#2a1700;background:#ffc94a;border-color:#ffc94a;font-weight:700}#tutorial .tut-actions .tut-exit{color:#9fb4d0;background:0 0;border-color:#0000;order:-1;margin-right:auto;text-decoration:underline}#tutorial .tut-toast{font-family:var(--display);color:#fff;white-space:nowrap;background:#3c0a14e6;border:2px solid #ff6a6a;border-radius:12px;padding:10px 22px;font-size:20px;position:fixed;top:24%;left:50%;transform:translate(-50%)}#tutorial .tut-demo{border-radius:10px;position:relative;overflow:hidden}#tutorial .tut-guide{width:0;height:0;position:fixed;top:0;left:0}#tutorial .tut-hand{filter:drop-shadow(0 6px 10px #0000008c)drop-shadow(0 0 12px #7ff0ffbf);will-change:transform, opacity;width:64px;height:64px;position:absolute}#tutorial .tut-hand svg{width:100%;height:100%;display:block}#tutorial .tut-hand.pressed{filter:drop-shadow(0 2px 4px #0009)drop-shadow(0 0 16px #ffd23af2)}#tutorial .tut-ripple{border:3px solid #7ff0ff;border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s ease-out forwards tut-ripple-big;position:absolute}@keyframes tut-ripple-big{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}#tutorial .tut-press-hint{text-align:center;width:160px;font-family:var(--display);color:#ffe35a;text-shadow:0 0 10px #ffb000,0 2px #1a0a30;font-size:18px;position:absolute;top:66px;left:-80px}#tutorial .tut-keys{background:#080e22c7;border:1px solid #7ff0ff80;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;display:flex;position:fixed;transform:translate(-50%)}#tutorial .tut-keypad{grid-template-columns:repeat(3,48px);grid-template-areas:".up.""left down right";gap:5px;display:grid}#tutorial .tut-keypad .k-up{grid-area:up}#tutorial .tut-keypad .k-left{grid-area:left}#tutorial .tut-keypad .k-down{grid-area:down}#tutorial .tut-keypad .k-right{grid-area:right}#tutorial .tut-keyrow{align-items:center;gap:8px;display:flex}#tutorial .tut-key{color:#dff8ff;min-width:48px;height:46px;font-family:var(--display);background:#182640;border:2px solid #9fdcff;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:20px;transition:transform 80ms,background 80ms;display:inline-flex;box-shadow:0 5px #0a1424}#tutorial .tut-key.on{color:#06142e;background:#7ff0ff;transform:translateY(4px);box-shadow:0 1px #0a1424}#tutorial .tut-key.k-wide{min-width:84px;font-size:18px}#tutorial .tut-key.k-space{letter-spacing:.2em;min-width:200px;font-size:18px}#tutorial .tut-key.k-shift.on,#tutorial .tut-key.k-space.on{color:#2a1700;background:#ffc94a}#tutorial .tut-plus{color:#9fb4d0;font-size:20px}#tutorial .tut-keys-alt{color:#9fb4d0;font-size:12px}#tutorial .tut-arrow{width:100%;height:100%;position:fixed;inset:0;overflow:visible}#tutorial .tut-arrow line{stroke:#ffd23a;stroke-width:6px;stroke-linecap:round;stroke-dasharray:16 10;filter:drop-shadow(0 0 6px #ffb000);animation:.6s linear infinite tut-march}@keyframes tut-march{to{stroke-dashoffset:-26px}}#tutorial .tut-arrow text{fill:#ffd23a;font-family:var(--display);paint-order:stroke;stroke:#1a0a30;stroke-width:5px;font-size:22px}#tutorial .tut-go{font-family:var(--display);color:#ffd23a;-webkit-text-stroke:2px #1a0a30;text-shadow:0 0 22px #ff7a1a;white-space:nowrap;font-size:clamp(30px,6vw,56px);animation:.8s ease-out tut-go-pop;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%)skew(-8deg)}@keyframes tut-go-pop{0%{transform:translate(-50%,-50%)skew(-8deg)scale(.5)}30%{transform:translate(-50%,-50%)skew(-8deg)scale(1.15)}to{transform:translate(-50%,-50%)skew(-8deg)scale(1)}}#tutorial .demo-finishes{background:0 0;flex:100%;justify-content:space-around;align-items:stretch;height:92px;display:flex}#tutorial .demo-finishes .fin{flex-direction:column;flex:1;align-items:center;gap:2px;font-size:12px;display:flex}#tutorial .demo-finishes .bowl{background:radial-gradient(#285aa080,#0a143299);border:2px solid #7ff0ff80;border-radius:50%;width:70px;height:46px;position:relative}#tutorial .demo-finishes .mini,#tutorial .demo-finishes .piece{background:conic-gradient(#ff7a1a 0 25%, #ffd23a 0 50%, #ff7a1a 0 75%, #ffd23a 0);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}#tutorial .demo-finishes .piece{opacity:0;width:8px;height:8px;margin:-4px 0 0 -4px}#tutorial .demo-finishes .fin-pts{color:#ffd23a;font-family:var(--display)}#tutorial .demo-finishes .mini.portrait{transform-origin:50% 100%;background:bottom/contain no-repeat;border-radius:0;width:38px;height:44px;margin:0 0 0 -19px;top:auto;bottom:10px}#tutorial .demo-finishes .piece{background:linear-gradient(135deg,#ffe08a,#e8a020);border-radius:2px}#tutorial .f-spin .mini{animation:3s ease-in infinite tut-fig-topple}#tutorial .f-over .mini{animation:3s ease-in infinite tut-fig-fly}#tutorial .f-abyss .mini{animation:3s ease-in infinite tut-fig-drop}#tutorial .f-abyss .bowl{border-color:#ffc21a;box-shadow:0 0 8px #ffc21a80}#tutorial .f-burst .mini{animation:3s ease-out infinite tut-fig-knock}#tutorial .f-burst .p1{animation:3s ease-out infinite tut-piece1}#tutorial .f-burst .p2{animation:3s ease-out infinite tut-piece2}#tutorial .f-burst .p3{animation:3s ease-out infinite tut-piece3}@keyframes tut-fig-topple{0%,10%{transform:rotate(0)}25%{transform:rotate(-6deg)}40%{transform:rotate(9deg)}55%{transform:rotate(-12deg)}70%,to{filter:grayscale()brightness(.8);transform:rotate(84deg)translate(4px)}}@keyframes tut-fig-fly{0%,20%{opacity:1;transform:translate(0)rotate(0)}55%{opacity:1;transform:translate(26px,-18px)rotate(220deg)}75%,to{opacity:0;transform:translate(60px,-26px)rotate(400deg)}}@keyframes tut-fig-drop{0%,20%{opacity:1;transform:translate(0)scale(1)}45%{opacity:1;transform:translate(10px)scale(1)}75%,to{opacity:0;transform:translate(12px,14px)scale(.2)rotate(30deg)}}@keyframes tut-fig-knock{0%,55%{filter:none;transform:none}58%{filter:brightness(2);transform:translate(-3px)rotate(-8deg)}80%,to{filter:grayscale(.6);transform:translate(-6px)rotate(-70deg)}}@keyframes tut-piece1{0%,55%{opacity:0;transform:none}56%{opacity:1}90%,to{opacity:0;transform:translate(-24px,-16px)}}@keyframes tut-piece2{0%,55%{opacity:0;transform:none}56%{opacity:1}90%,to{opacity:0;transform:translate(24px,-14px)}}@keyframes tut-piece3{0%,55%{opacity:0;transform:none}56%{opacity:1}90%,to{opacity:0;transform:translate(2px,20px)}}@media (height<=520px){#tutorial .tut-panel{width:min(520px,100vw - 24px);padding:6px 10px 8px}#tutorial .tut-title{margin:0 0 4px;font-size:15px}#tutorial .tut-text{font-size:13px;line-height:1.4}#tutorial .demo-finishes{height:74px}#tutorial .tut-actions{margin-top:4px}#tutorial .tut-actions button{min-height:30px;padding:3px 10px;font-size:13px}#title .to-tutorial,#title .to-trial{padding:8px 16px;font-size:15px}#title .to-cpu{padding:9px 30px;font-size:19px}#title .tut-offer{font-size:13px}}@media (prefers-reduced-motion:reduce){#tutorial .tut-demo *,#tutorial .tut-spot,#tutorial .tut-arrow line,#tutorial .tut-go{animation-duration:0s!important;animation-iteration-count:1!important}}.tr-left{flex-direction:column;gap:8px;min-width:0;display:flex}.tr-sides{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tr-side{--c:#fff;text-align:left;cursor:pointer;pointer-events:auto;background:#080c1ed9;border:2px solid #ffffff40;border-radius:12px;grid-template-columns:auto 48px minmax(0,1fr);grid-template-areas:"who thumb name""parts parts parts";align-items:center;gap:4px 8px;padding:6px 10px;display:grid}.tr-side.on{border-color:var(--c);box-shadow:0 0 16px color-mix(in srgb, var(--c) 60%, transparent)}.tr-side .tr-who{font-family:var(--display);white-space:nowrap;background:#ffffff1f;border-radius:999px;grid-area:who;padding:2px 8px;font-size:13px}.tr-side[data-side=player] .tr-who{color:#bff6ff;background:#7ff0ff40}.tr-side[data-side=cpu] .tr-who{color:#ffc0c0;background:#ff5a5a40}.tr-side .ar-thumb{grid-area:thumb;width:48px;height:48px}.tr-side .tr-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-size:16px;font-weight:700;overflow:hidden}.tr-side .tr-name small{opacity:.75;font-size:11px;font-weight:400;display:block}.tr-side .ar-parts{flex-direction:row;grid-area:parts}.tr-side .part-btn{flex:1;width:auto;min-width:0}#trial .cards{max-height:32vh}.tr-actions,.tr-result-actions{flex-wrap:wrap;justify-content:center;gap:10px 14px;display:flex}.tr-actions button,.tr-result-actions button,.tr-auto-cancel{color:#fff;font-family:var(--display);cursor:pointer;pointer-events:auto;background:#ffffff24;border:0;border-radius:999px;padding:8px 22px;font-size:17px}.tr-actions .tr-go,.tr-result-actions .tr-retry{color:#1a0a00;background:linear-gradient(#ffe16a,#ff8a1a);box-shadow:0 0 20px #ff9628cc}.tr-actions .tr-auto,.tr-result-actions .tr-auto-run{color:#e2d4ff;background:#3c1e6ee6;border:2px solid #b48cff}.tr-result-actions button:disabled{opacity:.4;cursor:default}#trial-result{background:linear-gradient(#00000073,#000000d9)}#trial-result .tr-headline{font-family:var(--display);text-shadow:0 0 18px #ffa03ce6,0 4px #000;margin:0;font-size:clamp(28px,5vw,52px);font-weight:400}#trial-result .tr-matchup{opacity:.9;max-width:min(760px,100%);margin:0;font-size:14px}.tr-stats{border-collapse:collapse;background:#080c1ed9;border-radius:10px;min-width:min(460px,100%);font-size:14px;overflow:hidden}.tr-stats th,.tr-stats td{border-bottom:1px solid #ffffff14;padding:4px 14px}.tr-stats tr:first-child th{color:#9fe7ff;font-family:var(--display);font-weight:400}.tr-stats th{text-align:left;opacity:.85;font-weight:400}.tr-record p,.tr-auto-box p{margin:2px 0}.tr-sum{font-size:15px}.tr-rate{font-family:var(--display);color:#ffe35a;font-size:26px}.tr-none{opacity:.7;font-size:13px}.tr-finishes{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.tr-finishes li{background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:flex}.tr-finishes .w{color:#8aff9a;font-weight:400}.tr-finishes .l{color:#ff9a8a;font-weight:400}.tr-auto-box{background:#1e0e3cd9;border:2px solid #b48cff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:min(460px,100%);padding:8px 14px;display:flex}.tr-auto-box[hidden]{display:none}.tr-progress{background:#ffffff1f;border-radius:999px;width:100%;height:8px;overflow:hidden}.tr-progress i{background:linear-gradient(90deg,#7ff0ff,#b48cff);width:0;height:100%;display:block}.tr-auto-cancel{padding:4px 16px;font-size:13px}@media (height<=520px){#trial h2{margin-bottom:0;font-size:22px}#trial h2 small{display:none}#trial{gap:6px;padding:8px 12px}.tr-side{grid-template-columns:auto 34px minmax(0,1fr) auto;grid-template-areas:"who thumb name parts";padding:3px 6px}.tr-side .ar-thumb{width:34px;height:34px}.tr-side .tr-name{font-size:12px}.tr-side .tr-name small{display:none}.tr-sides{grid-template-columns:1fr;gap:4px}#trial .cards{max-height:30vh}.tr-actions button,.tr-result-actions button{padding:5px 14px;font-size:14px}#trial-result{gap:6px}.tr-stats{font-size:12px}.tr-stats th,.tr-stats td{padding:2px 10px}}@media (width<=640px){.tr-sides{grid-template-columns:1fr}#trial .cards{max-height:22vh}}