body.trainer{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--arena);position:fixed;inset:0;overflow:hidden}body.trainer.is-camera{background:#000}.eyebrow--red{color:var(--rival-red)}.tr-camera,.tr-stage,.tr-touch{width:100%;height:100%;position:fixed;inset:0}.tr-overlay{z-index:2;pointer-events:none;background:0 0;position:fixed;inset:0}.tr-overlay:xr-overlay{background:0 0}.tr-camera{object-fit:cover;z-index:0;background:#000}.tr-camera[hidden]{display:none}.tr-stage{z-index:1;pointer-events:none;display:block}.tr-touch{z-index:2;touch-action:none;pointer-events:auto}.hud{z-index:3;pointer-events:none;position:fixed;inset:0}.hud[hidden]{display:none}.hud button{pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:none}.hud__top{padding:calc(env(safe-area-inset-top) + 10px) 12px 0;align-items:flex-start;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.hud__stats{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);background:#0b0a1ab3;border-radius:16px;align-items:center;gap:14px;padding:8px 14px;display:flex}.hud__stat{color:var(--fg-muted);align-items:center;gap:6px;margin:0;display:flex}.hud__stat svg{flex:none}.hud__value{min-width:1.3em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:24px;line-height:1.1}.hud__value.is-low{color:var(--rival-red)}.hud__stat[hidden]{display:none}.hud__level{color:var(--hado-orange);font-size:16px}.hud__stat--target svg{color:var(--fx-cyan)}.hud__stat--enemy svg{color:var(--rival-red)}.hud__value.is-bump{animation:bump .35s var(--ease-enter)}@keyframes bump{40%{color:var(--fx-cyan);transform:scale(1.35)}}.hud__lives{align-items:center;gap:5px;height:26px;display:flex}.hud__lives i{background:var(--fx-cyan);width:14px;height:14px;box-shadow:0 0 8px var(--fx-cyan);border-radius:50%;transition:opacity .2s,transform .2s}.hud__lives i.is-lost{opacity:.18;box-shadow:none;transform:scale(.8)}.hud__actions{flex-direction:column;gap:8px;margin-left:auto;display:flex}.hud__icon{border:1px solid var(--line);width:48px;height:48px;color:var(--fg);cursor:pointer;background:#0b0a1aa8;border-radius:14px;place-items:center;display:grid}.hud__icon[hidden],.hud__mute .icon-off,.hud__mute[aria-pressed=true] .icon-on{display:none}.hud__mute[aria-pressed=true] .icon-off{display:block}.hud__crosshair{border:2px solid #ffffff8c;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}.hud__crosshair:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.hud__arrow{opacity:0;width:0;height:0;transition:opacity .2s;position:absolute;top:0;left:0}.hud__arrow.is-on{opacity:1}.hud__arrow span{background:var(--rival-red);clip-path:polygon(100% 50%,0 0,22% 50%,0 100%);filter:drop-shadow(0 0 6px #ff3b3bcc);width:36px;height:28px;position:absolute;top:-14px;left:-18px}.hud__arrow.is-target span{background:var(--fx-cyan);filter:drop-shadow(0 0 6px #3fd0ffcc)}.hud__arrow.is-hot span{animation:.4s ease-in-out infinite alternate arrow-pulse}@keyframes arrow-pulse{to{transform:scale(1.35)}}.hud__flash{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 90px 30px #ff3b3bd9}.hud__flash.is-on{animation:.6s ease-out flash}.hud__flash.is-parry{box-shadow:inset 0 0 70px 22px #3fd0ffcc,inset 0 0 18px 4px #e8fbffe6}.hud__flash.is-parry.is-on{animation-duration:.45s}@keyframes flash{0%{opacity:1}to{opacity:0}}.hud__popups{position:absolute;inset:0;overflow:hidden}.pop{opacity:0;font-family:var(--font-display);text-shadow:0 0 12px,0 2px 4px #0009;font-size:40px;position:absolute;transform:translate(-50%,-50%)}.pop.is-on{animation:pop .9s var(--ease-enter) forwards}.pop--big{letter-spacing:.02em;text-shadow:0 0 18px,0 0 4px #fff,0 2px 4px #0009;font-size:58px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.hud__coach{left:50%;top:calc(env(safe-area-inset-top) + 176px);border-radius:var(--radius-m);text-align:center;background:#0b0a1adb;border:1px solid #3fd0ff8c;width:min(100% - 28px,440px);margin:0;padding:12px 16px;font-size:17px;font-weight:700;line-height:1.4;position:absolute;transform:translate(-50%);box-shadow:0 0 24px #3fd0ff40}.hud__coach[hidden]{display:none}.hud__coach.is-new{animation:coach-in .35s var(--ease-enter)}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,-8px)}}.hud__toast{left:50%;top:calc(env(safe-area-inset-top) + 76px);border-radius:var(--radius-m);border:1px solid var(--line-strong);text-align:center;opacity:0;background:#0b0a1ad1;width:max-content;max-width:calc(100% - 32px);margin:0;padding:8px 16px;font-size:16px;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,-6px)}.hud__toast.is-on{opacity:1;transform:translate(-50%)}.hud__bottom{padding:0 14px calc(env(safe-area-inset-bottom) + 16px);grid-template-columns:auto 1fr auto;align-items:end;gap:10px;display:grid;position:absolute;bottom:0;left:0;right:0}.hud__bottom>.chips{grid-column:1}.hud__bottom>.hud__hint{grid-column:2}.hud__bottom>.shield-btn{grid-column:3}.safe-probe{width:1px;height:env(safe-area-inset-bottom);visibility:hidden;pointer-events:none;position:fixed;bottom:0;left:0}.hud__hint{text-align:center;color:#fffc;text-shadow:0 1px 4px #000c;margin:0 0 30px;font-size:16px;font-weight:700}body.is-playing .hud__hint{animation:6s forwards hint-fade}.hud__hint.is-gone{visibility:hidden}@keyframes hint-fade{0%,70%{opacity:1}to{opacity:.35}}.chips{gap:6px;display:grid}.chip{--chip:var(--fx-cyan);border:1px solid var(--line);min-height:44px;color:var(--fg-muted);cursor:pointer;text-align:left;background:#0b0a1ab3;border-radius:14px;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:16px;font-weight:700;display:flex}.chip__dot{background:var(--chip);width:16px;height:16px;box-shadow:0 0 10px var(--chip);border-radius:50%;flex:none}.chip.is-suggested{border-color:var(--chip);animation:1s ease-in-out infinite chip-suggest}@keyframes chip-suggest{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--chip) 45%, transparent), 0 0 18px var(--chip)}}.chip[aria-checked=true]{color:var(--fg);border-color:var(--chip);background:color-mix(in srgb, var(--chip) 20%, #0b0a1acc)}.shield-btn{--cool:0;width:88px;height:88px;color:var(--fx-cyan);cursor:pointer;background:#0b0a1ab8;border:2px solid #3fd0ff99;border-radius:50%;place-items:center;transition:transform .1s,background-color .1s,box-shadow .1s;display:grid;position:relative}.shield-btn.is-up{background:#3fd0ff47;transform:scale(.94);box-shadow:0 0 28px #3fd0ffb3}.shield-btn.is-broken{color:var(--fg-faint);border-color:var(--line)}.shield-btn__ring{pointer-events:none;background:conic-gradient(#0b0a1abf calc(var(--cool) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:-2px}.shield-btn svg{position:relative}.shield-btn__hp{gap:4px;display:flex;position:absolute;bottom:12px}.shield-btn__hp i{background:currentColor;border-radius:50%;width:7px;height:7px}.shield-btn__hp i.is-lost{opacity:.2}.hud__fps{right:12px;bottom:calc(env(safe-area-inset-bottom) + 118px);color:var(--ok);text-shadow:0 1px 3px #000;margin:0;font-size:16px;position:absolute}.hud__fps[hidden]{display:none}.screen{z-index:5;pointer-events:auto;position:fixed;inset:0}.screen[hidden]{display:none}.screen--start{-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;background:radial-gradient(90% 50% at 90% 0%, #ff3b3b38, transparent 60%), radial-gradient(90% 50% at 0% 10%, #3fd0ff24, transparent 60%), var(--arena);overflow-y:auto}.screen__inner{width:min(100% - 32px,560px);padding:calc(env(safe-area-inset-top) + 14px) 0 calc(env(safe-area-inset-bottom) + 32px);gap:16px;margin:0 auto;display:grid}.screen__inner .lead{margin:0}.screen__inner .eyebrow{margin-bottom:-8px}.screen__inner .site-header{padding-block:0}.screen__inner .site-footer{margin-top:8px;padding-block:20px 0}.notice-inline{border-radius:var(--radius-m);border:1px solid #ffd40066;margin:0;padding:12px 14px;font-size:16px}.notice-inline[hidden]{display:none}.start-btn{min-height:60px;font-size:20px}.screen__inner>p.small{margin:-4px 0 0}.level-pick{border-radius:var(--radius-m);gap:2px;padding:14px 16px;display:grid}.level-pick p{margin:0}.level-pick__num{color:var(--hado-orange);font-size:16px}.level-pick__name{font-family:var(--font-display);font-size:30px;line-height:1.05}.levels{gap:10px;margin-top:8px;display:grid}.levels__title{font-size:30px}.levels__grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.lvl{border:1px solid var(--line);background:var(--panel);width:100%;min-height:58px;color:var(--fg);cursor:pointer;border-radius:12px;place-items:center;gap:2px;padding:6px 2px;display:grid}.lvl__num{font-size:18px}.lvl__stars{letter-spacing:-1px;color:var(--hado-orange);font-size:16px;line-height:1}.lvl--tutorial{border-color:#3fd0ff73}.lvl[aria-pressed=true]{border-color:var(--hado-orange);background:color-mix(in srgb, var(--hado-orange) 18%, var(--panel))}.lvl:disabled{cursor:default;color:var(--fg-faint)}.lvl:disabled .lvl__stars{filter:grayscale();opacity:.6}.screen--count{text-align:center;pointer-events:none;background:radial-gradient(60% 40%,#0b0a1a8c,#0000 80%);place-content:center;justify-items:center;gap:6px;padding:24px;display:grid}.count__msg{text-shadow:0 2px 8px #000c;max-width:22ch;margin:0;font-size:22px;font-weight:700}.count__num{color:var(--hado-orange);text-shadow:0 0 30px #f7941c99;margin:0;font-size:110px;line-height:1}.count__sub{text-shadow:0 1px 6px #000c;max-width:28ch;margin:0}.screen--panel{-webkit-backdrop-filter:blur(4px);background:#05040c8c;place-items:center;padding:20px;display:grid}.screen__card{gap:12px;width:min(100%,400px);padding:24px;display:grid}.screen__card h2{font-size:40px}.end{text-align:center}.end .eyebrow{margin:0}.end__title{font-size:64px;line-height:.95}.end__stars{justify-content:center;gap:10px;margin:0;display:flex}.end__stars[hidden]{display:none}.end__stars i{clip-path:polygon(50% 2%,63% 36%,98% 38%,70% 60%,80% 96%,50% 75%,20% 96%,30% 60%,2% 38%,37% 36%);background:#ffffff24;width:44px;height:44px}.end__stars i.is-on{background:var(--hado-orange)}.end__note{min-height:1.5em;color:var(--fg-muted);margin:0;font-weight:700}.end__note.is-new{color:var(--hado-orange)}.end__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 8px;display:grid}.end__stats div{background:var(--panel-hi);border-radius:12px;padding:10px 4px}.end__stats dt{color:var(--fg-muted);font-size:16px}.end__stats dd{margin:2px 0 0;font-size:24px}.screen--place{background:0 0;align-items:end;display:grid}.place__sheet{margin:0 12px calc(env(safe-area-inset-bottom) + 14px);border-radius:var(--radius-l);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);background:#0b0a1ad1;gap:10px;padding:16px;display:grid}.place__msg{text-align:center;margin:0;font-size:18px;font-weight:700}.floor-note{border-radius:var(--radius-m);border:1px solid #3fd0ff66;margin:0;padding:12px 14px;font-size:16px}.screen--instruct{padding:20px;padding-top:calc(env(safe-area-inset-top) + 20px);padding-bottom:calc(env(safe-area-inset-bottom) + 20px);background:#05040c73;place-items:center;display:grid}.instruct{text-align:center;background:var(--panel-solid);width:min(100%,420px);animation:instruct-in .28s var(--ease-enter);border:1px solid #3fd0ff8c;gap:12px;padding:20px 22px;display:grid;box-shadow:0 0 30px #3fd0ff40}.instruct .eyebrow{margin:0}.instruct__text{margin:0;font-size:19px;font-weight:700;line-height:1.4}.instruct__skip{min-height:44px;color:var(--fg-muted);background:0 0;border-color:#0000;font-size:16px}.tips-toggle{min-height:44px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:12px;padding:0;font-size:16px;font-weight:700;display:inline-flex}.tips-toggle__track{background:#ffffff2e;border-radius:15px;flex:none;width:50px;height:30px;transition:background-color .15s;position:relative}.tips-toggle__track:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.tips-toggle[aria-pressed=true] .tips-toggle__track{background:var(--hado-orange)}.tips-toggle[aria-pressed=true] .tips-toggle__track:after{transform:translate(20px)}.tips-toggle:focus-visible .tips-toggle__track{outline:3px solid var(--hado-orange);outline-offset:2px}@keyframes instruct-in{0%{opacity:0;transform:scale(.94)}}@media (orientation:landscape) and (max-height:520px){.instruct{gap:8px;width:min(100%,460px);padding:14px 18px}.instruct__text{font-size:17px}.hud__coach{top:calc(env(safe-area-inset-top) + 10px);width:min(100% - 260px,420px);padding:8px 14px;font-size:16px}}@media (prefers-reduced-motion:reduce){.instruct,.hud__arrow.is-hot span,.hud__value.is-bump,.hud__coach.is-new,.chip.is-suggested{animation:none}}