:root{--bg: #05070f;--shell: #131a30;--shell-hi: #26304f;--screen: #0a1020;--screen-hi: #111a30;--ink: #e9f0ff;--muted: #8ba0c6;--dim: #5f7096;--acc: #5ee7ff;--acc-ink: #04202a;--amber: #ffc74d;--hp: #57e79a;--hp-low: #ff6b6b;--atk: #ff8a6b;--danger: #ff6b6b;--line: rgba(140, 170, 220, .16);--line-soft: rgba(140, 170, 220, .09);--r: 14px;--r-lg: 20px;--tap: 48px;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;overscroll-behavior:none;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(120% 80% at 50% -10%,rgba(94,231,255,.13),transparent 60%),radial-gradient(90% 70% at 50% 110%,rgba(169,140,255,.12),transparent 60%);pointer-events:none;z-index:0}.device{position:relative;z-index:1;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;display:flex;align-items:stretch;justify-content:center}.bezel{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;background:var(--screen);overflow:hidden}.bezel__grille,.bezel__foot{display:none}@media (min-width: 620px) and (min-height: 700px){.device{align-items:center;padding:28px 16px}.bezel{max-width:420px;height:min(860px,calc(100dvh - 56px));border-radius:34px;padding:0;background:linear-gradient(160deg,var(--shell-hi),var(--shell) 42%,#0d1223);box-shadow:0 0 0 1px #ffffff12,0 34px 70px -20px #000000e6,0 0 90px -30px #5ee7ff59}.bezel__grille{display:flex;gap:5px;justify-content:center;padding:12px 0 8px}.bezel__grille i{width:26px;height:4px;border-radius:4px;background:#ffffff1f}.bezel__foot{display:flex;justify-content:center;padding:12px 0 16px}.bezel__foot span{width:84px;height:8px;border-radius:8px;background:#ffffff1a;box-shadow:inset 0 1px 2px #0009}.topbar,.viewport{margin:0 12px}.topbar{border-radius:16px 16px 0 0}.viewport{border-radius:0 0 16px 16px;overflow:hidden}}.topbar{position:relative;display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;background:var(--screen-hi);border-bottom:1px solid var(--line);flex:0 0 auto}.topbar__title{flex:1;margin:0;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.22em;color:var(--muted);text-align:center}.topbar__btn{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#ffffff0a;color:var(--ink);font-size:20px;line-height:1;cursor:pointer}.topbar__btn:active{transform:scale(.94)}.topbar__btn[hidden]{visibility:hidden;display:block}.topbar__btn--mute{font-size:15px;line-height:1}.topbar__led{width:9px;height:9px;margin-right:4px;border-radius:50%;background:var(--dim);flex:0 0 auto}.topbar__led[data-mode=idle]{background:var(--hp);box-shadow:0 0 8px var(--hp)}.topbar__led[data-mode=link]{background:var(--acc);box-shadow:0 0 10px var(--acc);animation:pulse 1.4s ease-in-out infinite}.topbar__led[data-mode=fight]{background:var(--danger);box-shadow:0 0 10px var(--danger);animation:pulse .7s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.viewport{position:relative;flex:1 1 auto;min-height:0;isolation:isolate;background:linear-gradient(180deg,rgba(94,231,255,.05),transparent 220px),var(--screen)}.viewport__bg,.viewport__scrim{position:absolute;inset:0;pointer-events:none}.viewport__bg{width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.viewport__scrim{z-index:-1}.viewport__bg[hidden],.viewport__scrim[hidden]{display:none}.viewport[data-bg=lobby] .viewport__scrim{background:linear-gradient(180deg,#05070f80,#05070f4d 38%,#05070f94 74%,#05070fdb)}.viewport[data-bg=duel-invitation] .viewport__scrim{background:linear-gradient(180deg,#05070fa8,#05070f80 34%,#05070fa8 62%,#05070fd6)}.screen{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pad{padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.stack>*+*{margin-top:14px}.stack-sm>*+*{margin-top:8px}.row{display:flex;gap:8px;flex-wrap:wrap}.lede{margin:0;color:var(--muted);font-size:14px}.lede.warn{color:var(--amber)}.hint{margin:0;color:var(--dim);font-size:12.5px;line-height:1.5}.hint.warn,.warn{color:var(--amber)}.section__title{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.footer{padding-top:8px;text-align:center}.link{border:0;background:none;color:var(--dim);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px}.link:active{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:12px 18px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,#ffffff12,#ffffff05);color:var(--ink);font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;transition:transform .08s ease,filter .15s ease;user-select:none}.btn:active:not(:disabled){transform:translateY(1px) scale(.99);filter:brightness(1.15)}.btn:disabled{opacity:.38;cursor:default}.btn--block{display:flex;width:100%}.btn--lg{min-height:54px;font-size:16px}.btn--sm{min-height:38px;padding:8px 14px;font-size:13px;border-radius:10px}.btn--ghost{background:#0000004d}.btn--primary{border-color:transparent;background:linear-gradient(180deg,#7df0ff,var(--acc));color:var(--acc-ink);box-shadow:0 6px 18px -8px #5ee7ffcc}.btn--google{background:#fff;color:#1f1f1f;border-color:#dadce0;font-weight:600}.btn--google:active:not(:disabled){filter:brightness(.94)}.btn__icon{display:inline-flex;flex:0 0 auto}.divider{display:grid;place-items:center;position:relative}.divider:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:var(--line)}.divider span{position:relative;padding:0 12px;background:var(--screen);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.field{width:100%;min-height:var(--tap);padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:#00000059;color:var(--ink);font:inherit;font-size:16px}.field::placeholder{color:var(--dim)}.field:focus-visible{outline:2px solid var(--acc);outline-offset:1px}:where(button,a,input,summary):focus-visible{outline:2px solid var(--acc);outline-offset:2px}.creature{display:block;flex:0 0 auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.creature__img{display:block;width:100%;height:100%;overflow:visible}.creature--idle .creature__img{animation:bob 2.6s ease-in-out infinite;transform-origin:50% 90%}.creature.is-hurt .creature__img{filter:brightness(2.6) saturate(.2)}.creature.is-down .creature__img{animation:none;opacity:.25;transform:translateY(14%) rotate(-12deg)}@keyframes bob{50%{transform:translateY(-5%) scale(1.015)}}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(165deg,#5ee7ff14,#ffffff05);overflow:hidden}.card__top{display:flex;gap:14px;align-items:center;padding:16px}.card__art{display:grid;place-items:center}.card__meta{min-width:0;flex:1}.card__name{margin:0;font-size:21px;line-height:1.15;overflow-wrap:anywhere}.card__species{margin:2px 0 8px;color:var(--muted);font-size:13px}.card__power{margin:8px 0 0;font-family:var(--mono);font-size:12px;color:var(--acc);letter-spacing:.08em}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:3px 9px;border-radius:999px;background:#5ee7ff29;color:var(--acc);font-family:var(--mono);font-size:11px;letter-spacing:.08em}.chip--dim{background:#ffffff12;color:var(--muted)}.chip--title{background:color-mix(in srgb,var(--tone) 18%,transparent);color:var(--tone);font-weight:700;letter-spacing:.1em}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quest__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:6px}.quest__reset{font-family:var(--mono);font-size:10.5px;color:var(--dim)}.quest{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:var(--r);background:#ffffff06}.quest--ready{border-color:#57e79a73;background:#57e79a14}.quest--claimed{opacity:.55}.quest__top{display:flex;align-items:flex-start;gap:10px}.quest__meta{flex:1;min-width:0;display:grid;gap:1px}.quest__name{font-size:14px}.quest__desc{font-size:12px;color:var(--dim)}.quest__count{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}.quest__pending{margin-top:3px;font-size:11.5px;color:var(--amber)}.card__xpbar{display:block;height:4px;margin-top:5px;border-radius:999px;background:#00000080;overflow:hidden}.card__xpbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber),#ffe4a0);transition:width .3s ease}.ms__summary{display:grid;place-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(80% 80% at 50% 0%,rgba(255,199,77,.14),transparent 70%)}.ms__summaryNum{font-family:var(--mono);font-size:40px;font-weight:700;line-height:1;color:var(--amber)}.ms__summaryLabel{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.ms{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:var(--r);background:#ffffff06}.ms--earned{border-color:#ffc74d66;background:#ffc74d14}.ms__top{display:flex;align-items:flex-start;gap:10px}.ms__mark{font-size:18px;line-height:1.2;color:var(--dim)}.ms--earned .ms__mark{color:var(--amber)}.ms__meta{flex:1;min-width:0;display:grid;gap:1px}.ms__name{font-size:14px}.ms--earned .ms__name{color:var(--amber)}.ms__desc{font-size:12px;color:var(--dim)}.ms__count,.ms__done{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--dim);white-space:nowrap}.ms__done{color:var(--amber)}.card__next{margin:0;padding:8px 16px 12px;border-top:1px solid var(--line-soft);background:#00000038;font-size:11.5px;color:var(--dim)}.card__stats{display:grid;gap:12px;padding:14px 16px 16px;border-top:1px solid var(--line-soft);background:#00000038}.stat__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.stat__label{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--dim)}.stat__value{font-family:var(--mono);font-size:15px;font-weight:600}.stat__pct,.alloc__pct{margin-left:6px;font-size:11.5px;font-weight:500;color:var(--acc)}.bar{height:7px;border-radius:999px;background:#0000008c;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.bar__fill{display:block;height:100%;border-radius:999px;transition:width .32s cubic-bezier(.3,.9,.3,1),background-color .3s ease}.bar__fill--atk{background:linear-gradient(90deg,var(--atk),var(--amber))}.bar__fill--hp{background:linear-gradient(90deg,var(--hp),#9dffcd)}.bar__fill--dodge{background:linear-gradient(90deg,#5ee7ff,#b3f4ff)}.bar__fill--spd{background:linear-gradient(90deg,#a98cff,#d9c9ff)}.bar__fill--def{background:linear-gradient(90deg,#7f9cff,#b9c9ff)}.bar__fill--crit{background:linear-gradient(90deg,#ff6b9d,#ffb3cd)}.card__statwrap{border-top:1px solid var(--line-soft)}.card__statsum{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;cursor:pointer;list-style:none;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);user-select:none}.card__statsum::-webkit-details-marker{display:none}.card__statsum::marker{content:""}.card__statwrap[open] .card__statsum{background:#00000038}.card__statwrap .card__stats{border-top:0;padding-top:4px}.card__statpeek{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;color:var(--muted);text-align:right}.card__statwrap[open] .card__statpeek{display:none}.card__statcaret{margin-left:auto;font-size:17px;line-height:1;color:var(--acc);transition:transform .18s ease}.card__statwrap[open] .card__statcaret{transform:rotate(90deg)}.bar__fill--low{background:linear-gradient(90deg,var(--hp-low),#ff9d7a)}.viewport--scenic .card,.viewport--scenic .logrow,.viewport--scenic .cloudrow,.viewport--scenic .notice{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.viewport--scenic .card{background:linear-gradient(165deg,#0a1020db,#0a1020b8);border-color:#8caadc3d}.viewport--scenic .card__stats{background:#0006}.viewport--scenic .btn:not(.btn--primary){background:#0a1020b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-color:#8caadc47}.viewport--scenic .link{color:var(--muted);text-shadow:0 1px 4px rgba(0,0,0,.9)}.cloudrow{width:100%;border:0;font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:10px;background:#ffffff08;font-size:12.5px;color:var(--dim)}.cloudrow__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.cloudrow--ok{color:var(--hp)}.cloudrow--sync{color:var(--muted)}.cloudrow--sync .cloudrow__dot{animation:pulse 1.2s ease-in-out infinite}.cloudrow--bad{color:var(--amber);background:#ffc74d14}.cloudrow__arrow{margin-left:auto;font-size:18px;opacity:.7}p.cloudrow{cursor:default}.acct{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:#ffffff08}.acct__label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dim)}.acct__value{font-size:15px;overflow-wrap:anywhere}.notice{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap);padding:12px 14px;border:1px dashed rgba(255,199,77,.5);border-radius:var(--r);background:#ffc74d1a;color:var(--amber);font:inherit;font-weight:600;font-size:14px;text-align:left;cursor:pointer}.notice__badge{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--amber);color:#2a1c00;font-family:var(--mono);font-size:12px;font-weight:700}.notice__arrow{margin-left:auto;font-size:20px;opacity:.7}.toast{position:absolute;top:12px;left:50%;z-index:5;max-width:calc(100% - 24px);padding:8px 14px;border:1px solid rgba(255,199,77,.6);border-radius:999px;background:#141004eb;color:var(--amber);font-weight:700;font-size:14px;white-space:nowrap;pointer-events:none;transform:translate(-50%);animation:toast 4s ease forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.logrow{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line-soft);border-radius:10px;background:#ffffff06;font-size:13px}.logrow__tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;padding:2px 7px;border-radius:5px}.logrow__tag--win{background:#57e79a2e;color:var(--hp)}.logrow__tag--loss{background:#ff6b6b29;color:var(--danger)}.logrow__tag--draw{background:#ffc74d29;color:var(--amber)}.logrow__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.logrow__lv{font-family:var(--mono);font-size:11px;color:var(--dim)}.onboard__preview{display:grid;place-items:center;min-height:160px;border:1px solid var(--line-soft);border-radius:var(--r-lg);background:radial-gradient(70% 70% at 50% 40%,rgba(94,231,255,.12),transparent 70%)}.onboard__blurb{margin:0;text-align:center;color:var(--muted);font-size:14px}.onboard__sign{display:block;margin-bottom:4px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--amber)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:7px}.tile{display:grid;place-items:center;gap:4px;padding:10px 6px;border:1px solid var(--line);border-radius:var(--r);background:#ffffff08;color:var(--muted);font:inherit;font-size:11.5px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.tile[aria-pressed=true]{border-color:var(--acc);background:#5ee7ff21;color:var(--ink)}.tile:active{transform:scale(.97)}.tile__name{font-family:var(--mono);font-size:10px;letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool{display:grid;place-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(80% 80% at 50% 0%,rgba(255,199,77,.14),transparent 70%)}.pool__num{font-family:var(--mono);font-size:44px;font-weight:700;line-height:1;color:var(--amber)}.pool__label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.alloc{padding:14px;border:1px solid var(--line);border-radius:var(--r);background:#ffffff08}.alloc__head{display:flex;justify-content:space-between;align-items:baseline}.alloc__value{font-family:var(--mono);font-size:20px;font-weight:700}.alloc__delta{color:var(--hp);font-size:14px}.alloc__hint{margin:2px 0 12px;color:var(--dim);font-size:12px}.alloc__ctrl{display:flex;align-items:center;gap:12px}.alloc__count{flex:1;text-align:center;font-family:var(--mono);font-size:13px;color:var(--muted)}.step{width:52px;height:48px;border:1px solid var(--line);border-radius:12px;background:#ffffff0d;color:var(--ink);font-size:24px;line-height:1;cursor:pointer}.step--add{border-color:#5ee7ff80;background:#5ee7ff26;color:var(--acc)}.step:active:not(:disabled){transform:scale(.94)}.step:disabled{opacity:.3;cursor:default}.viewport--scenic .lede,.viewport--scenic .hint,.viewport--scenic .section__title{text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.7)}.viewport--scenic .hint{color:#93a6c6}.viewport--scenic .vs-card,.viewport--scenic .disclose{background:linear-gradient(165deg,#0a1020db,#0a1020b8);border-color:#8caadc3d;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.viewport--scenic .code,.viewport--scenic .field{background:#040710d1;border-color:#8caadc3d}.viewport--scenic .btn:not(.btn--primary){background:linear-gradient(180deg,#121a2ee6,#0a1020db);border-color:#8caadc3d;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.vs-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:#ffffff08}.vs-card__meta{display:grid;gap:1px;min-width:0}.vs-card__label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dim)}.vs-card__name{font-size:17px;overflow-wrap:anywhere}.vs-card__sub{color:var(--muted);font-size:12.5px}.vs-card__stats{font-family:var(--mono);font-size:11.5px;color:var(--acc)}.vs-split{display:grid;place-items:center;position:relative}.vs-split:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:var(--line)}.vs-split span{position:relative;padding:2px 12px;background:var(--screen);font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim)}.qr{display:grid;place-items:center;padding:14px;border-radius:var(--r-lg);background:#fff}.qr__canvas{display:block;image-rendering:pixelated}.qr .warn{color:#a3400a;font-size:13px;text-align:center;padding:8px}.code{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#00000073;color:var(--acc);font-family:var(--mono);font-size:12.5px;line-height:1.6;overflow-wrap:anywhere;user-select:all}.code--big{font-size:22px;letter-spacing:.22em;text-align:center;color:var(--acc);text-transform:lowercase}.disclose{border:1px solid var(--line-soft);border-radius:var(--r);background:#ffffff05;padding:10px 12px}.disclose>summary{cursor:pointer;font-size:13px;color:var(--muted);list-style:none}.disclose>summary::-webkit-details-marker{display:none}.disclose>summary:before{content:"+ ";color:var(--acc);font-family:var(--mono)}.disclose[open]>summary:before{content:"\2212  "}.disclose[open]>summary{margin-bottom:10px}.scan{position:relative;min-height:70vw;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:#000;border:1px solid var(--line)}@supports (aspect-ratio: 1){.scan{min-height:0}}.scan--dead{display:none}.scan__video{width:100%;height:100%;object-fit:cover;display:block}.scan__frame{position:absolute;inset:14%;border:2px solid rgba(94,231,255,.85);border-radius:12px;box-shadow:0 0 0 100vmax #0000006b}.scan__frame:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--acc);box-shadow:0 0 12px var(--acc);animation:sweep 2.2s ease-in-out infinite}@keyframes sweep{0%,to{top:2%}50%{top:96%}}.battle{display:flex;flex-direction:column;min-height:100%;padding:12px 12px calc(16px + env(safe-area-inset-bottom));gap:12px}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px}.hud__vs{padding-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--dim)}.hpbar{min-width:0}.hpbar--right{text-align:right}.hpbar__top{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.hpbar--right .hpbar__top{flex-direction:row-reverse}.hpbar__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600}.hpbar__lv{font-family:var(--mono);font-size:10px;color:var(--dim)}.hpbar__num{display:block;margin-top:4px;font-family:var(--mono);font-size:11px;color:var(--muted)}.arena{position:relative;flex:0 1 auto;height:clamp(230px,38vh,360px);margin-top:auto;margin-bottom:auto;display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px 9%;border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(90% 60% at 50% 100%,rgba(94,231,255,.14),transparent 70%),linear-gradient(180deg,#0a1224,#060a14)}.arena__floor{position:absolute;inset:auto 0 0;height:34%;background:repeating-linear-gradient(90deg,rgba(140,170,220,.09) 0 1px,transparent 1px 34px),linear-gradient(180deg,rgba(140,170,220,.1),transparent);transform:perspective(240px) rotateX(58deg);transform-origin:bottom}.battle--scenic{position:relative}.battle__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;user-select:none;z-index:0}.battle--scenic>.hud,.battle--scenic>.arena,.battle--scenic>.battle__foot{position:relative;z-index:1}.arena--scenic{background:none;border-color:transparent;padding:0 9% 23%}.battle--scenic .hpbar__name,.battle--scenic .hpbar__num,.battle--scenic .hpbar__lv,.battle--scenic .hud__vs,.battle--scenic .ticker{text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.8)}.battle--scenic .bar{box-shadow:inset 0 1px 2px #0009,0 0 0 1px #00000080}.arena__flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.stage{position:relative;display:grid;place-items:end center;z-index:1}.lunge{display:grid;place-items:end center;will-change:transform}.face{display:grid;place-items:end center}.face--mirror{transform:scaleX(-1)}.stage--left{margin-left:2%}.stage--right{margin-right:2%}.fx{position:absolute;left:0;right:0;bottom:calc(100% + 18px);height:0;display:grid;place-items:center;pointer-events:none;z-index:2}.pop{position:absolute;font-family:var(--mono);font-size:22px;font-weight:700;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.9);animation:pop .85s cubic-bezier(.2,.9,.3,1) forwards}.pop--hit{color:#fff}.pop--crit{color:var(--amber);font-size:30px}.pop--guard{color:var(--acc);font-size:18px}.pop--miss{color:var(--dim);font-size:17px}@keyframes pop{0%{transform:translateY(6px) scale(.7);opacity:0}25%{transform:translateY(-8px) scale(1.12);opacity:1}to{transform:translateY(-46px) scale(1);opacity:0}}.battle__foot{display:flex;align-items:center;gap:10px;min-height:40px}.ticker{flex:1;margin:0;font-family:var(--mono);font-size:12px;line-height:1.4;color:var(--muted)}.result{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:#05070fdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .3s ease both}.result[hidden]{display:none}.result__panel{width:100%;max-width:360px;display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(165deg,#5ee7ff1a,#ffffff08);text-align:center}.result__verdict{margin:0;font-family:var(--mono);font-size:40px;font-weight:700;letter-spacing:.14em;line-height:1}.result__verdict.is-win{color:var(--hp);text-shadow:0 0 28px rgba(87,231,154,.6)}.result__verdict.is-loss{color:var(--danger);text-shadow:0 0 28px rgba(255,107,107,.5)}.result__verdict.is-draw{color:var(--amber);text-shadow:0 0 28px rgba(255,199,77,.5)}.result__line{margin:0;color:var(--muted);font-size:14px}.result__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0}.result__cell{display:grid;gap:2px;padding:8px 4px;border-radius:10px;background:#00000059}.result__k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.result__v{font-family:var(--mono);font-size:12px;color:var(--ink);overflow-wrap:anywhere}@keyframes fade{0%{opacity:0}}@media (max-height: 620px){.pad{padding:10px 12px calc(14px + env(safe-area-inset-bottom))}.stack>*+*{margin-top:9px}.topbar{padding:max(6px,env(safe-area-inset-top)) 12px 6px}.card__top{padding:10px 12px;gap:10px}.card__art .creature{width:84px!important;height:84px!important}.card__name{font-size:19px}.btn--lg{min-height:46px}.card__next+.card__next{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.creature--idle .creature__img{animation:none}}