:root{--n-char:#2a2f3a;--n-char-2:#353b48;--n-char-3:#444b5a;--n-char-glass:#222630db;--n-char-line:#ffffff1a;--n-on-char:#fff;--n-on-char-2:#c9cdd6;--n-on-char-3:#8d94a3;--n-paper:#f7f1e3;--n-paper-hi:#fbf7ee;--n-paper-chip:#f6ead2;--n-paper-2:#ede3cf;--n-paper-3:#e0d3b8;--n-paper-line:#e3d7be;--n-ink:#3b3026;--n-ink-2:#6e6152;--n-ink-3:#a29481;--n-ink-muted:#6e5a45;--n-gold:#ffc94a;--n-gold-hi:#ffe08a;--n-gold-deep:#e0961e;--n-gold-ink:#4a3410;--n-up:#7cc63a;--n-up-text:#9be060;--n-down:#ef5a4c;--n-down-text:#ff8a7e;--n-hp-hi:#6bd94a;--n-hp-mid:#ffc94a;--n-hp-lo:#ff5a46;--n-trail:#fff3d6;--n-attack:#ff6a4a;--n-defense:#4aa3ff;--n-status:#c07bff;--n-font:"Fredoka", "Nunito", ui-rounded, system-ui, sans-serif;--n-fs-2xs:11px;--n-fs-xs:13px;--n-fs-s:15px;--n-fs-m:18px;--n-fs-l:22px;--n-fs-xl:28px;--n-fs-2xl:40px;--n-fs-3xl:56px;--n-r-s:8px;--n-r-m:14px;--n-r-l:22px;--n-r-pill:999px;--n-sp-1:4px;--n-sp-2:8px;--n-sp-3:12px;--n-sp-4:16px;--n-sp-5:24px;--n-sp-6:32px;--n-touch:44px;--n-safe-t:env(safe-area-inset-top,0px);--n-safe-r:env(safe-area-inset-right,0px);--n-safe-b:env(safe-area-inset-bottom,0px);--n-safe-l:env(safe-area-inset-left,0px);--n-lip:0 3px 0;--n-shadow-1:0 2px 4px #10141e38;--n-shadow-2:0 6px 16px #10141e47;--n-shadow-3:0 14px 40px #10141e5c;--n-shadow-paper:0 2px 0 #785a281f, 0 8px 22px #5a3c142e;--n-sticker-edge:drop-shadow(0 1.5px 0 #14182273) drop-shadow(0 3px 6px #14182247);--n-text-on-scene:0 1px 0 #14182299, 0 0 3px #14182280, 0 2px 6px #14182252;--n-ease-out:cubic-bezier(.2, .9, .3, 1);--n-ease-pop:cubic-bezier(.2, .9, .3, 1.35);--n-ease-in:cubic-bezier(.5, 0, .9, .4);--n-t-close:.12s;--n-t-quick:.18s;--n-t-open:.32s;--n-t-stage:.42s;--n-stagger:40ms;--n-z-hud:10;--n-z-panel:20;--n-z-map:30;--n-z-modal:40;--n-z-toast:50;--n-z-tip:60}.n-ui{font-family:var(--n-font);color:var(--n-ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-weight:500}.n-ui *,.n-ui :before,.n-ui :after{box-sizing:border-box}.n-ui svg{display:block}.n-cloud{isolation:isolate;position:relative}.n-cloud>.n-cloud-bg{z-index:-1;pointer-events:none;line-height:0;position:absolute;inset:0}.n-cloud>.n-cloud-bg svg{overflow:visible}.n-btn{--bg:var(--n-paper);--fg:var(--n-ink);--lip:#d6c7a8;appearance:none;font:600 var(--n-fs-m) / 1 var(--n-font);color:var(--fg);background:var(--bg);min-height:var(--n-touch);min-width:120px;padding:0 var(--n-sp-5);border-radius:var(--n-r-pill);box-shadow:var(--n-lip) var(--lip), var(--n-shadow-1);justify-content:center;align-items:center;gap:var(--n-sp-2);cursor:pointer;transition:transform 90ms var(--n-ease-out), box-shadow 90ms var(--n-ease-out), filter .12s;white-space:nowrap;border:0;display:inline-flex;transform:translateY(0)}.n-btn:hover{filter:brightness(1.04)}.n-btn:active{box-shadow:0 1px 0 var(--lip), var(--n-shadow-1);transform:translateY(2px)}.n-btn:focus-visible{outline:3px solid var(--n-gold-hi);outline-offset:3px}.n-btn svg{width:1.15em;height:1.15em}.n-btn--gold{--bg:var(--n-gold);--fg:var(--n-gold-ink);--lip:var(--n-gold-deep)}.n-btn--char{--bg:var(--n-char-2);--fg:var(--n-on-char);--lip:#1c2028}.n-on-char .n-btn--char{--bg:var(--n-char-3);--lip:#1a1e26}.n-btn--ghost{--bg:transparent;--fg:currentColor;--lip:transparent;box-shadow:inset 0 0 0 2px var(--n-paper-3)}.n-btn--s{min-width:0;min-height:34px;padding:0 var(--n-sp-4);font-size:var(--n-fs-s)}.n-btn--l{min-width:180px;min-height:56px;font-size:var(--n-fs-l);font-weight:700}.n-btn[disabled],.n-btn.is-off{--bg:#cfcac0;--fg:#8a8478;--lip:#b3ad9f;cursor:default;filter:none;transform:none}.n-on-char .n-btn[disabled],.n-on-char .n-btn.is-off{--bg:var(--n-char-3);--fg:var(--n-on-char-3);--lip:#252a33}.n-sticker{appearance:none;width:var(--size,var(--n-touch));height:var(--size,var(--n-touch));color:var(--n-char);filter:var(--n-sticker-edge);cursor:pointer;transition:transform .12s var(--n-ease-pop);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.n-sticker:hover{transform:scale(1.06)}.n-sticker:active{transform:scale(.94)}.n-sticker svg{width:56%;height:56%}.n-sticker--char{background:var(--n-char);color:#fff}.n-on-char .n-sticker--char{background:var(--n-char-3)}.n-sticker--bare{color:#fff;background:0 0}.n-sticker--bare svg{width:78%;height:78%}.n-sticker .n-dot,.n-dot{background:var(--n-down);border-radius:50%;width:11px;height:11px;position:absolute;top:1px;right:1px;box-shadow:0 0 0 2px #fff}.n-key{border-radius:var(--n-r-pill);min-width:20px;height:20px;color:var(--n-char);font:700 var(--n-fs-2xs) / 1 var(--n-font);background:#fff;place-items:center;padding:0 5px;display:inline-grid;box-shadow:0 1px #14182259}.n-sticker-wrap{flex-direction:column;align-items:center;gap:4px;display:inline-flex}@media (pointer:coarse){.n-key{display:none}}.n-tag{border-radius:var(--n-r-pill);background:var(--n-char-glass);height:28px;color:var(--n-on-char);font:600 var(--n-fs-xs) / 1 var(--n-font);white-space:nowrap;align-items:center;gap:6px;padding:0 12px 0 3px;display:inline-flex}.n-tag-dot{background:var(--el,var(--n-ink-3));color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.n-tag-dot svg{width:14px;height:14px}.n-paper-surface .n-tag,.n-tag--paper{background:var(--n-paper-2);color:var(--n-ink)}.n-chip{border-radius:var(--n-r-pill);background:var(--n-char-2);height:26px;color:var(--n-on-char);font:700 var(--n-fs-s) / 1 var(--n-font);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;padding:0 10px 0 7px;display:inline-flex}.n-chip svg{width:14px;height:14px;color:var(--n-on-char-3)}.n-chip .n-up,.n-chip .n-down{margin-left:-1px;font-size:11px}.n-up{color:var(--n-up-text)}.n-down{color:var(--n-down-text)}.n-paper-surface .n-up,.n-modal .n-up{color:#4f9a1a}.n-paper-surface .n-down,.n-modal .n-down{color:#d24638}.n-pill{border-radius:var(--n-r-pill);background:var(--n-char-2);height:32px;color:var(--n-on-char);font:600 var(--n-fs-s) / 1 var(--n-font);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.n-pill svg{width:16px;height:16px}.n-help{background:var(--n-on-char-3);width:16px;height:16px;color:var(--n-char);font:700 11px / 1 var(--n-font);border-radius:50%;place-items:center;margin-left:2px;display:inline-grid}.n-row{column-gap:var(--n-sp-3);border-radius:var(--n-r-pill);background:var(--n-char-glass);width:276px;height:56px;color:var(--n-on-char);cursor:pointer;transition:transform var(--n-t-quick) var(--n-ease-out), background var(--n-t-quick), color var(--n-t-quick);text-align:left;font-family:var(--n-font);border:0;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;padding:6px 18px 6px 64px;display:grid;position:relative;transform:translate(0)}.n-row-face{background:var(--face-bg,var(--n-char-3)) center / cover;width:62px;height:62px;box-shadow:0 0 0 3px var(--n-char), var(--n-shadow-1);transition:box-shadow var(--n-t-quick);border-radius:50%;margin-top:-31px;position:absolute;top:50%;left:-6px;overflow:hidden}.n-row-face img{object-fit:cover;width:100%;height:100%;transform:scale(1.15)translateY(4%)}.n-row-name{font:600 var(--n-fs-m) / 1.1 var(--n-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.n-row-sub{font:500 var(--n-fs-xs) / 1.2 var(--n-font);color:var(--n-on-char-2);grid-column:1}.n-row-side{flex-direction:column;grid-area:1/2/span 2;align-items:flex-end;gap:4px;display:flex}.n-row-hp{width:64px}.n-row-lv{font:700 var(--n-fs-xs) / 1 var(--n-font);color:var(--n-on-char-2);font-variant-numeric:tabular-nums}.n-row:hover{transform:translate(4px)}.n-row.is-selected{background:var(--n-paper);color:var(--n-ink);transform:translate(18px)}.n-row.is-selected .n-row-sub,.n-row.is-selected .n-row-lv{color:var(--n-ink-2)}.n-row.is-selected .n-row-face{box-shadow:0 0 0 3px var(--n-paper), var(--n-shadow-1)}.n-row--empty{cursor:default;background:#2226306b;justify-content:center}.n-row--empty:hover{transform:none}.n-row--empty .n-row-face{width:46px;height:46px;box-shadow:none;background:0 0;border:2.5px dashed #ffffff80;margin-top:-23px;left:2px}.n-row--fainted .n-row-face img{filter:grayscale()brightness(.7)}.n-faces{flex-direction:column;gap:14px;display:flex}.n-face{background:var(--n-char-3) center / cover;width:52px;height:52px;box-shadow:0 0 0 3px var(--n-char), var(--n-shadow-1);cursor:pointer;transition:transform var(--n-t-quick) var(--n-ease-pop), box-shadow var(--n-t-quick);border:0;border-radius:50%;padding:0;position:relative;overflow:visible}.n-face img{object-fit:cover;border-radius:50%;width:100%;height:100%}.n-face b{border-radius:var(--n-r-pill);background:var(--n-char);color:#fff;min-width:22px;height:18px;font:700 11px/18px var(--n-font);text-align:center;padding:0 4px;position:absolute;bottom:-4px;right:-4px}.n-face.is-selected{box-shadow:0 0 0 3px #fff, 0 0 0 6px #ffffff59, var(--n-shadow-1);transform:scale(1.08)}.n-bar{--h:10px;height:var(--h);border-radius:var(--n-r-pill);background:#0a0e168c;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.n-bar>i{width:calc(var(--v,1) * 100%);border-radius:inherit;position:absolute;top:0;bottom:0;left:0}.n-bar>.n-bar-trail{background:var(--n-trail);transition:width .52s var(--n-ease-in) .12s}.n-bar>.n-bar-fill{background:var(--fill,var(--n-hp-hi));box-shadow:inset 0 calc(var(--h) * -.35) 0 #0000001f, inset 0 1px 0 #ffffff59;transition:width .16s var(--n-ease-out), background .2s}.n-bar--hp[data-tier=mid]{--fill:var(--n-hp-mid)}.n-bar--hp[data-tier=lo]{--fill:var(--n-hp-lo)}.n-bar--exp{--h:6px;--fill:var(--n-gold)}.n-bar--thin{--h:6px}.n-paper-surface .n-bar{background:var(--n-paper-3);box-shadow:inset 0 1px 1px #5a3c1426}.n-pips{gap:2px;display:inline-flex}.n-pips svg{width:13px;height:13px;color:var(--n-gold);filter:drop-shadow(0 1px #00000059)}.n-pips .is-spent svg{color:#ffffff38;filter:none}.n-stepper{border-radius:var(--n-r-pill);background:var(--n-char-3);align-items:center;gap:0;height:40px;display:inline-flex}.n-stepper output{text-align:center;min-width:72px;font:700 var(--n-fs-m) / 1 var(--n-font);color:#fff}.n-stepper .n-sticker{--size:40px}.n-ticket{color:var(--n-gold-ink);font:700 var(--n-fs-l) / 1 var(--n-font);font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;padding:7px 16px 6px;display:inline-flex}.n-ticket>.n-cloud-bg{color:var(--n-gold);filter:drop-shadow(0 2px 0 var(--n-gold-deep))}.n-ticket small{font-size:var(--n-fs-xs);opacity:.75;font-weight:600}.n-ticket--char{color:#fff}.n-ticket--char>.n-cloud-bg{color:var(--n-char);filter:none}.n-banner{align-items:center;gap:var(--n-sp-3);color:#fff;font:700 var(--n-fs-xl) / 1 var(--n-font);letter-spacing:.01em;padding:14px 30px 13px;display:inline-flex}.n-banner>.n-cloud-bg{color:var(--n-char-glass);filter:drop-shadow(0 4px 10px #10141e4d)}.n-banner .n-banner-icon{background:var(--el,var(--n-gold));color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.n-banner .n-banner-icon svg{width:22px;height:22px}.n-banner small{font-size:var(--n-fs-xs);color:var(--n-gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-weight:600;display:block}.n-toast{align-items:center;gap:var(--n-sp-3);color:#fff;padding:10px 28px 10px 12px;display:inline-flex}.n-toast>.n-cloud-bg{color:var(--n-char-glass);filter:drop-shadow(0 4px 12px #10141e4d)}.n-toast-emblem{width:44px;height:44px;color:var(--n-gold);place-items:center;display:grid}.n-toast-emblem svg{filter:drop-shadow(0 2px #00000059);width:100%;height:100%}.n-toast small{font:600 var(--n-fs-xs) / 1.1 var(--n-font);color:var(--n-gold);display:block}.n-toast strong{font:700 var(--n-fs-l) / 1.1 var(--n-font);display:block}.n-slot{width:96px;height:84px;color:var(--n-ink-3);font:600 var(--n-fs-xs) / 1 var(--n-font);place-items:center;display:grid;position:relative}.n-slot>.n-cloud-bg{color:var(--n-paper-3)}.n-on-char .n-slot{color:var(--n-on-char-3)}.n-on-char .n-slot>.n-cloud-bg{color:#ffffff4d}.n-paper-surface{background:var(--n-paper);color:var(--n-ink);border-radius:var(--n-r-m);box-shadow:var(--n-shadow-paper)}.n-on-char{background:var(--n-char);color:var(--n-on-char)}.n-plate{background:var(--n-paper-2);border-radius:var(--n-r-l);padding:var(--n-sp-3) var(--n-sp-4)}.n-on-char .n-plate{background:var(--n-char-2)}.n-rule{border:0;border-top:2px dotted var(--n-paper-line);height:0;margin:var(--n-sp-2) 0}.n-on-char .n-rule{border-top-color:var(--n-char-line)}.n-panel{background:var(--n-char);color:var(--n-on-char);position:relative}.n-panel:before{content:"";background:var(--n-panel-edge) left top / 27px 92px repeat-y;width:27px;position:absolute;top:0;bottom:0;left:-26px}.n-scrim{z-index:var(--n-z-modal);animation:n-fade var(--n-t-quick) linear both;background:#10141e80;place-items:center;display:grid;position:fixed;inset:0}.n-modal{width:min(560px, calc(100vw - 32px - var(--n-safe-l) - var(--n-safe-r)));background:var(--n-paper);color:var(--n-ink);border-radius:var(--n-r-m);box-shadow:inset 0 0 0 3px var(--n-paper), inset 0 0 0 4.5px #fff, var(--n-shadow-3);animation:n-pop var(--n-t-open) var(--n-ease-pop) both;overflow:hidden}.n-modal-head{justify-content:center;align-items:center;gap:var(--n-sp-3);background:var(--n-char);color:#fff;height:52px;font:700 var(--n-fs-l) / 1 var(--n-font);display:flex;position:relative}.n-modal-head .n-puffs{color:#ffffff29;gap:4px;display:flex}.n-modal-head .n-puffs svg{display:block}.n-modal-head .n-close{--size:36px;margin-top:-18px;position:absolute;top:50%;right:8px}.n-modal-body{padding:var(--n-sp-4) var(--n-sp-5) var(--n-sp-3)}.n-modal-hint{margin:var(--n-sp-3) 0 0;border-radius:var(--n-r-s);background:var(--n-paper-2);color:var(--n-ink-2);text-align:center;font-size:var(--n-fs-s);padding:10px}.n-modal-foot{justify-content:center;gap:var(--n-sp-4);padding:var(--n-sp-3) var(--n-sp-5) var(--n-sp-5);display:flex}.n-scrim.is-leaving,.n-scrim.is-leaving .n-modal{animation:n-fade-out var(--n-t-close) linear both}.n-tabs{border-radius:var(--n-r-pill);background:var(--n-paper-2);gap:2px;padding:4px;display:inline-flex}.n-tabs button{appearance:none;cursor:pointer;border-radius:var(--n-r-pill);height:34px;font:600 var(--n-fs-s) / 1 var(--n-font);color:var(--n-ink-3);background:0 0;border:0;padding:0 18px}.n-tabs button[aria-selected=true]{color:var(--n-ink);box-shadow:var(--n-shadow-1);background:#fff}.n-on-char .n-tabs{background:var(--n-char-3)}.n-on-char .n-tabs button{color:var(--n-on-char-3)}.n-on-char .n-tabs button[aria-selected=true]{background:var(--n-paper);color:var(--n-ink)}.n-rail{flex-direction:column;gap:14px;display:flex}.n-rail .n-sticker{--size:46px}.n-rail .n-sticker:not(.is-on){background:var(--n-char);color:#fff}.n-list{flex-direction:column;display:flex}.n-list-item{text-align:left;cursor:pointer;height:64px;font-family:var(--n-font);color:var(--n-ink);background:0 0;border:0;grid-template-columns:1fr 52px;align-items:center;padding:0 12px 0 18px;display:grid}.n-list-item b{font:700 var(--n-fs-l) / 1 var(--n-font);font-variant-numeric:tabular-nums;display:block}.n-list-item span{font:500 var(--n-fs-s) / 1.2 var(--n-font);color:var(--n-ink-2)}.n-list-item img{object-fit:contain;width:52px;height:52px}.n-list-item.is-unknown{color:var(--n-ink-3)}.n-list-item.is-unknown img{filter:brightness(0)opacity(.45)}.n-list-item.is-selected{background:var(--n-gold)}.n-list-item.is-selected span{color:var(--n-gold-ink)}.n-prompts{left:50%;bottom:calc(96px + var(--n-safe-b));z-index:var(--n-z-hud);max-width:calc(100vw - 32px - var(--n-safe-l) - var(--n-safe-r));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.n-prompts>*{flex-direction:column;align-items:center;gap:8px;max-width:100%;display:flex}.n-prompts>:empty,.n-prompts [hidden]{display:none!important}.n-prompt{border-radius:var(--n-r-pill);background:var(--n-char-glass);color:#fff;min-width:0;max-width:100%;box-shadow:var(--n-shadow-2);font:600 17px / 1.2 var(--n-font);white-space:nowrap;text-align:left;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;align-items:center;gap:10px;padding:7px 16px 7px 7px;display:flex}.n-prompt-key{border-radius:var(--n-r-pill);min-width:30px;height:30px;color:var(--n-char);background:#fff;flex:none;place-items:center;padding:0 8px;font-weight:700;display:inline-grid;box-shadow:0 2px #14182259}.n-prompt--e .n-prompt-key{background:var(--n-gold);color:var(--n-gold-ink)}.n-prompt-act,.n-prompt-who{text-overflow:ellipsis;min-width:0;overflow:hidden}.n-prompt-act{flex:none;max-width:100%}.n-prompt-who{color:var(--n-gold-hi);font-weight:500}.n-prompt-who i{color:var(--n-gold);font-style:normal}.n-prompt.is-off{cursor:default}.n-prompt.is-off .n-prompt-key{background:var(--n-on-char-3);color:var(--n-char)}.n-prompt.is-off .n-prompt-act{color:var(--n-on-char-2);font-weight:500}@media (width<=600px){.n-prompt{font-size:15px}.n-prompts{bottom:calc(84px + var(--n-safe-b))}}.n-tip{border-radius:var(--n-r-s);background:var(--n-char);max-width:280px;color:var(--n-on-char-2);font:500 var(--n-fs-xs) / 1.35 var(--n-font);box-shadow:var(--n-shadow-2);padding:10px 12px}.n-tip b{color:#fff;font-weight:700}.n-stage{--stage:var(--stage-neutral,#b5a58c);background-color:var(--stage);transition:background-color var(--n-t-stage) var(--n-ease-out);position:relative;overflow:hidden}.n-stage:before,.n-stage:after{content:"";pointer-events:none;position:absolute;inset:0}.n-stage-pattern{pointer-events:none;background-image:var(--stage-pattern);transition:opacity var(--n-t-stage) var(--n-ease-out);background-size:240px 240px;position:absolute;inset:-60px}.n-stage:before{background:radial-gradient(120% 60% at 50% 105%, var(--stage-floor,#ffffff4d) 0%, transparent 70%), radial-gradient(140% 90% at 50% 40%, transparent 55%, #0a0e1e29 100%);transition:background var(--n-t-stage);z-index:1}.n-radar{position:relative}.n-radar svg{width:100%;height:100%;overflow:visible}.n-radar-ring{fill:none;stroke:#ffffff29;stroke-width:2px;vector-effect:non-scaling-stroke}.n-radar-spoke{stroke:#ffffff1a;stroke-width:1.5px;vector-effect:non-scaling-stroke}.n-radar-shape{fill:#ffc94ad9;stroke:var(--n-gold-hi);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.n-radar .n-chip{position:absolute;transform:translate(-50%,-50%)}.n-in{animation:n-rise var(--n-t-open) var(--n-ease-out) both;animation-delay:calc(var(--i,0) * var(--n-stagger))}.n-in-pop{animation:n-pop var(--n-t-open) var(--n-ease-pop) both;animation-delay:calc(var(--i,0) * var(--n-stagger))}.n-out{animation:n-fade-out var(--n-t-close) linear both}@keyframes n-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes n-slide-in{0%{transform:translate(105%)}}@keyframes n-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1}}@keyframes n-fade{0%{opacity:0}}@keyframes n-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.n-ui *,.n-ui :before,.n-ui :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.n-slot>.n-cloud-svg{color:#c9b896;position:absolute;inset:0}.n-on-char .n-slot>.n-cloud-svg{color:#ffffff52}.n-slot>span{place-items:center;gap:4px;display:grid;position:relative}.n-slot>span svg{opacity:.55;width:26px;height:26px}.n-landscape{display:none}@media (orientation:portrait) and (pointer:coarse){.n-landscape{z-index:calc(var(--n-z-tip) + 10);padding:max(24px, var(--n-safe-t)) max(24px, var(--n-safe-r)) max(24px, var(--n-safe-b)) max(24px, var(--n-safe-l));-webkit-backdrop-filter:blur(8px);font-family:var(--n-font);background:#1c202ab8;place-items:center;display:grid;position:fixed;inset:0}}.n-landscape-card{box-sizing:border-box;width:min(320px,100%);padding:var(--n-sp-6) var(--n-sp-5) var(--n-sp-5);justify-items:center;gap:var(--n-sp-3);text-align:center;border-radius:var(--n-r-l);animation:n-landscape-in var(--n-t-open) var(--n-ease-pop) both;display:grid}.n-landscape-phone{width:72px;height:72px;color:var(--n-char);animation:n-landscape-turn 2.4s var(--n-ease-out) infinite}.n-landscape-title{font-size:var(--n-fs-l);text-wrap:balance;font-weight:700;line-height:1.15}.n-landscape-text{font-size:var(--n-fs-s);color:var(--n-ink-2,#6d5f50);margin:0;font-weight:500;line-height:1.4}.n-landscape .n-btn{margin-top:var(--n-sp-2)}@keyframes n-landscape-turn{0%,22%{transform:rotate(0)}48%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes n-landscape-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.n-landscape-phone{animation:none;transform:rotate(-90deg)}.n-landscape-card{animation:none}}.snd-panel{z-index:60;box-sizing:border-box;border-radius:var(--n-r-m);background:var(--n-char-glass);width:240px;color:var(--n-on-char);box-shadow:var(--n-shadow-2);font:500 var(--n-fs-xs) / 1.3 var(--n-font);gap:8px;padding:12px 14px 14px;display:grid;position:fixed}.snd-panel[hidden]{display:none}.snd-head{justify-content:space-between;align-items:center;display:flex}.snd-head b{font-size:var(--n-fs-s);font-weight:700}.snd-mute{appearance:none;border-radius:var(--n-r-pill);background:var(--n-gold);min-height:30px;color:var(--n-gold-ink);font:600 var(--n-fs-xs) var(--n-font);cursor:pointer;border:0;padding:4px 12px}.snd-mute.off{background:var(--n-char-3);color:var(--n-on-char-2)}.snd-row{color:var(--n-on-char-2);grid-template-columns:74px 1fr;align-items:center;gap:8px;display:grid}.snd-row--master{color:var(--n-on-char);font-weight:600}.snd-slider{width:100%;accent-color:var(--n-gold);min-height:28px;margin:0}.snd-icon{display:contents}.snd-icon svg{width:56%;height:56%}.disc .snd-icon svg{width:100%;height:100%}#hud{--hud-tile:64px;pointer-events:none;font-family:var(--n-font);color:#fff;-webkit-user-select:none;user-select:none;z-index:10;--sa-t:var(--n-safe-t,0px);--sa-r:var(--n-safe-r,0px);--sa-b:var(--n-safe-b,0px);--sa-l:var(--n-safe-l,0px);padding:var(--sa-t) var(--sa-r) var(--sa-b) var(--sa-l);position:fixed;inset:0}#hud *,#hud :before,#hud :after{box-sizing:border-box}:where(#hud) :where(button){color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}#hud .interactive{pointer-events:auto}#hud svg{width:100%;height:100%;display:block}:where(#hud) .card{top:calc(12px + var(--sa-t));width:min(300px,44vw);transition:transform .45s var(--n-ease-out), opacity .45s;grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:8px;display:grid;position:absolute}:where(#hud) .card.player{left:calc(14px + var(--sa-l))}:where(#hud) .card.enemy{right:calc(14px + var(--sa-r))}:where(#hud) .card.hidden.player{opacity:0;transform:translate(-115%)}:where(#hud) .card.hidden.enemy{opacity:0;transform:translate(115%)}:where(#hud) .card.shake{animation:.38s cardShake}:where(#hud) .card .portrait{filter:drop-shadow(0 2px 3px #00000073);width:58px;height:58px;position:relative}:where(#hud) .card .portrait img{object-fit:contain;width:100%;height:100%}:where(#hud) .card .badge{color:#fff;border:2px solid #fff;border-radius:50%;width:22px;height:22px;padding:4px;position:absolute;bottom:0;left:-2px;box-shadow:0 1px 3px #00000080}:where(#hud) .card .info{flex-direction:column;gap:3px;min-width:0;display:flex}:where(#hud) .card .row1{text-shadow:var(--n-text-on-scene);align-items:baseline;gap:8px;display:flex}:where(#hud) .card .name{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}:where(#hud) .card .lv{margin-left:auto;font-size:14px;font-weight:600}:where(#hud) .hp{background:#10141299;border:1.5px solid #0009;border-radius:8px;height:14px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000059}:where(#hud) .hp .trail,:where(#hud) .hp .fill{border-radius:6px;position:absolute;inset:0 auto 0 0}:where(#hud) .hp .trail{background:#fff7e4;transition:width .55s .4s}:where(#hud) .hp .fill{background:linear-gradient(180deg, #a9f77d 0%, var(--n-hp-hi) 55%, #3fb52c 100%);transition:width .4s var(--n-ease-out), background .3s}:where(#hud) .hp.mid .fill{background:linear-gradient(180deg, #ffe68a, var(--n-hp-mid) 55%, #e6a91a)}:where(#hud) .hp.lo .fill{background:linear-gradient(180deg, #ff9a86, var(--n-hp-lo) 55%, #d43a2e)}:where(#hud) .hp.lo{animation:1.1s ease-in-out infinite lowPulse}:where(#hud) .hp .num{letter-spacing:.3px;text-shadow:0 1px #000000b3,0 0 2px #000000b3;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}:where(#hud) .hp .flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}:where(#hud) .hp .flash.go{animation:.32s hpFlash}:where(#hud) .card .row3{align-items:center;gap:8px;display:flex}:where(#hud) .pips{gap:3px;display:flex}:where(#hud) .pip{background:#e9e4d8;border:1.5px solid #0000008c;border-radius:50%;width:13px;height:13px;box-shadow:inset 0 -2px #0000001f,0 1px 2px #0006}:where(#hud) .pip.active{box-shadow:0 0 0 2px var(--n-gold), 0 1px 2px #0006;background:#fff}:where(#hud) .pip.fainted{background:#6d6a74}:where(#hud) .energy{align-items:center;gap:4px;margin-left:auto;display:flex}:where(#hud) .stars{gap:1px;display:flex}:where(#hud) .stars .s{color:#1414188c;filter:drop-shadow(0 1px #00000080);width:12px;height:12px;position:relative}:where(#hud) .stars .s.on{color:var(--n-gold)}:where(#hud) .stars .s.gain{animation:starGain .45s var(--n-ease-pop)}:where(#hud) .stars .s.spend{animation:.5s starSpend}:where(#hud) .energy .enum{text-shadow:var(--n-text-on-scene);min-width:14px;font-size:13px;font-weight:700}:where(#hud) .read{top:calc(88px + var(--sa-t));right:calc(14px + var(--sa-r));background:var(--n-char-glass);border:1px solid var(--n-char-line);border-radius:14px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:12px;font-weight:600;transition:opacity .3s,transform .3s;display:flex;position:absolute}:where(#hud) .read.hidden{opacity:0;transform:translateY(-6px)}:where(#hud) .read .hist{gap:3px;display:flex}:where(#hud) .read .h{color:#fff;border-radius:50%;width:22px;height:22px;padding:4px;box-shadow:0 1px 2px #0006}:where(#hud) .read .h.empty{background:#ffffff1a}:where(#hud) .read .h.newest{animation:popIn .35s var(--n-ease-pop);box-shadow:0 0 0 2px #fff,0 1px 2px #0006}:where(#hud) .read .tri{cursor:help;width:32px;height:28px}:where(#hud) .read .tri svg{overflow:visible}:where(#hud) .skills{width:0;height:0;position:absolute;top:0;left:0}:where(#hud) .tile{width:var(--hud-tile);height:calc(var(--hud-tile) + 14px);transition:opacity .28s, transform .2s var(--n-ease-pop), filter .2s;-webkit-touch-callout:none;position:absolute;transform:translate(-50%,-50%)}:where(#hud) .tile .art{width:var(--hud-tile);height:var(--hud-tile);box-sizing:border-box;border:3px solid var(--n-paper);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--el) 34%, #1a1316) 0%, color-mix(in srgb, var(--deep) 22%, #0e0a0c) 80%);filter:var(--n-sticker-edge);border-radius:15px;transition:box-shadow .2s;position:absolute;top:0;left:0;overflow:hidden}:where(#hud) .tile .art img{mix-blend-mode:screen;pointer-events:none;width:100%;height:100%;display:block}:where(#hud) .tile .art.bare{background:radial-gradient(circle at 50% 40%, var(--el), color-mix(in srgb, var(--el) 62%, #1d1b24))}:where(#hud) .tile .glyph{color:#fff;opacity:.93;filter:drop-shadow(0 2px 2px #00000059);position:absolute;inset:22%}:where(#hud) .tile .cost{width:26px;height:26px;filter:var(--n-sticker-edge);position:absolute;top:-8px;left:-8px}:where(#hud) .tile .cost i{color:var(--n-gold);position:absolute;inset:0}:where(#hud) .tile .cost i svg path{stroke:#fff;stroke-width:2.2px;paint-order:stroke;stroke-linejoin:round}:where(#hud) .tile .cost b{color:var(--n-gold-ink);justify-content:center;align-items:center;padding-top:2px;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}:where(#hud) .tile .cost.up b{color:var(--n-down)}:where(#hud) .tile .type{left:-6px;top:calc(var(--hud-tile) - 26px);box-sizing:border-box;background:var(--el);color:#fff;width:20px;height:20px;filter:var(--n-sticker-edge);border:2px solid #fff;border-radius:50%;padding:3px;position:absolute}:where(#hud) .tile .power{right:3px;top:calc(var(--hud-tile) - 26px);border-radius:var(--n-r-pill);background:var(--n-char-glass);font-variant-numeric:tabular-nums;height:16px;padding:0 5px;font-size:12px;font-weight:700;line-height:16px;position:absolute}:where(#hud) .tile .power.up{color:var(--n-up-text)}:where(#hud) .tile .power small{margin-left:1px;font-size:.75em}:where(#hud) .tile .mult{left:calc(var(--hud-tile) - 10px);top:calc(var(--hud-tile) / 2 - 22px);box-sizing:border-box;border-radius:var(--n-r-pill);min-width:26px;height:18px;color:var(--n-ink);filter:var(--n-sticker-edge);pointer-events:none;border:2px solid #fff;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute}:where(#hud) .tile .mult.strong{background:var(--n-up-text)}:where(#hud) .tile .mult.weak{background:var(--n-down-text)}:where(#hud) .tile .mult.strong.double{background:var(--n-hp-hi)}:where(#hud) .tile .mult.weak.double{background:var(--n-down);color:#fff}:where(#hud) .tile .name{left:50%;top:calc(var(--hud-tile) - 6px);border-radius:var(--n-r-pill);background:var(--n-paper);color:var(--n-ink);white-space:nowrap;filter:var(--n-sticker-edge);padding:1px 8px 2px 6px;font-size:12px;font-weight:600;transition:background .12s,color .12s;position:absolute;transform:translate(-50%)}:where(#hud) .tile .name .cat{vertical-align:-2px;width:12px;height:12px;margin-right:3px;display:inline-block}:where(#hud) .tile .name .cat.attack{color:var(--n-attack)}:where(#hud) .tile .name .cat.defense{color:var(--n-defense)}:where(#hud) .tile .name .cat.status{color:var(--n-status)}:where(#hud) .tile .key{left:-30px;top:calc(var(--hud-tile) / 2 - 10px);width:20px;height:20px;color:var(--n-ink);filter:var(--n-sticker-edge);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute}:where(#hud) .tile:hover:not(.disabled){transform:translate(-50%,calc(-50% - 4px))scale(1.06);z-index:20!important}:where(#hud) .tile:hover:not(.disabled) .name{background:var(--n-gold);color:var(--n-gold-ink)}:where(#hud) .tile.disabled{cursor:not-allowed}:where(#hud) .tile.disabled .art,:where(#hud) .tile.disabled .type{filter:grayscale(1) brightness(.8) var(--n-sticker-edge)}:where(#hud) .tile.disabled .cost i{color:var(--n-paper-3)}:where(#hud) .tile.disabled .cost b{color:var(--n-down)}:where(#hud) .tile.disabled .name{background:var(--n-paper-2);color:var(--n-ink-3)}:where(#hud) .tile.disabled .name .cat{filter:grayscale();opacity:.6}:where(#hud) .tile.picked .art{animation:picked .32s var(--n-ease-pop);border-color:var(--n-gold);box-shadow:0 0 0 3px var(--n-gold)}:where(#hud) .tile.enter{animation:tileIn .42s var(--n-ease-pop) backwards}#hud.busy .tile,#hud.tiles-off .tile,#hud.swapping .tile{opacity:0;pointer-events:none;transform:translate(-10%,-50%)scale(.55)}:where(#hud) .prompt{background:var(--n-char-glass);border:1px solid var(--n-char-line);white-space:nowrap;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:600;transition:opacity .3s;position:absolute;transform:translate(-50%)}:where(#hud) .prompt b{color:var(--n-gold)}#hud.busy .prompt,#hud.tiles-off .prompt,#hud.swapping .prompt{opacity:0}:where(#hud) .actions{right:calc(16px + var(--sa-r));bottom:calc(12px + var(--sa-b));transition:transform .35s var(--n-ease-out), opacity .3s;gap:10px;display:flex;position:absolute}:where(#hud) .btn{flex-direction:column;align-items:center;gap:3px;width:62px;display:flex;position:relative}:where(#hud) .btn .disc{width:54px;height:54px;color:var(--n-char);filter:var(--n-sticker-edge);transition:transform .15s var(--n-ease-pop), background .2s, color .2s;background:#fff;border-radius:50%;padding:13px;position:relative}:where(#hud) .btn:hover:not(.disabled) .disc{transform:translateY(-3px)scale(1.06)}:where(#hud) .btn:active:not(.disabled) .disc{transform:scale(.94)}:where(#hud) .btn.on .disc{background:var(--n-gold);color:var(--n-gold-ink)}:where(#hud) .btn .label{text-shadow:var(--n-text-on-scene);white-space:nowrap;font-size:13px;font-weight:600}:where(#hud) .btn .key{min-width:20px;height:17px;color:var(--n-ink);background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:38px;right:-2px;box-shadow:0 1px 3px #00000073}:where(#hud) .btn.disabled{cursor:not-allowed}:where(#hud) .btn.disabled .disc{color:#2a2f3a80;background:#ffffff8c}:where(#hud) .btn.hint .disc{box-shadow:0 0 0 3px var(--n-gold);animation:1.3s ease-in-out infinite hintRing}:where(#hud) .btn.flash .disc{animation:picked .3s var(--n-ease-pop)}:where(#hud) .btn .cpill{border-radius:var(--n-r-pill);background:var(--n-char);color:#fff;min-width:24px;height:18px;font:700 11px / 18px var(--n-font);text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;padding:0 5px;position:absolute;top:-5px;right:-4px;box-shadow:0 0 0 2px #fff}:where(#hud) .btn .cpill.is-short{background:var(--n-down)}:where(#hud) .btn .cnote{border-radius:var(--n-r-pill);background:var(--n-paper-hi);color:#d24638;font:700 11px / 15px var(--n-font);white-space:nowrap;filter:var(--n-sticker-edge);pointer-events:none;padding:2px 8px;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}:where(#hud) .side{right:calc(20px + var(--sa-r));bottom:calc(102px + var(--sa-b));position:absolute}:where(#hud) .side .btn .disc{box-shadow:none;color:#fff;filter:drop-shadow(0 2px 3px #0000008c);background:0 0;border:0;padding:9px}:where(#hud) .side .btn .key{top:34px;right:-8px}:where(#hud) .rest{left:calc(14px + var(--sa-l));bottom:calc(12px + var(--sa-b));transition:transform .35s var(--n-ease-out), opacity .3s;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}:where(#hud) .rest .restTile{background:var(--n-char-glass);border:1.5px solid var(--n-char-line);color:#f3ecdc;width:60px;height:60px;transition:transform .15s var(--n-ease-pop);border-radius:14px;padding:12px;position:relative;box-shadow:0 3px 8px #00000059}:where(#hud) .rest button:hover .restTile{transform:translateY(-3px)scale(1.05)}:where(#hud) .rest .key{width:20px;height:20px;color:var(--n-ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;left:-10px;box-shadow:0 1px 3px #00000073}:where(#hud) .rest .restPill{background:var(--n-char);border-radius:9px;align-items:center;gap:3px;margin-top:-10px;padding:1px 8px;font-size:12px;font-weight:700;display:flex;position:relative}:where(#hud) .rest .restPill .star{width:13px;height:13px;color:var(--n-gold)}:where(#hud) .rest .label{text-shadow:var(--n-text-on-scene);font-size:13px;font-weight:600}:where(#hud) .rest.flash .restTile{animation:picked .3s var(--n-ease-pop)}#hud.busy .actions,#hud.busy .rest{opacity:0;transform:translateY(150%)}#hud.busy .cmd{pointer-events:none}#hud.pre .side,#hud.pre .read{opacity:0;pointer-events:none}:where(#hud) .effects{align-items:center;gap:9px;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%)}:where(#hud) .effect{box-sizing:border-box;width:28px;height:28px;filter:var(--n-sticker-edge);cursor:help;background:#fff;border-radius:50%;padding:4px;position:relative}:where(#hud) .effect.new{animation:popIn .4s var(--n-ease-pop)}:where(#hud) .effect.status{color:#ff7a2a}:where(#hud) .effect.buff{color:#2fae4a}:where(#hud) .effect.debuff{color:#d6455a}:where(#hud) .effect.cost{color:var(--n-gold-deep)}:where(#hud) .effect.affinity{color:#f2a900}:where(#hud) .effect .n{box-sizing:border-box;background:var(--n-char);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;bottom:-4px;right:-5px}:where(#hud) .effect:has(.stk) .n{top:-4px;bottom:auto;right:-7px}:where(#hud) .effect .arr{text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;font-size:10px;font-weight:700;line-height:1;position:absolute;top:-6px;left:-4px}:where(#hud) .effect .stk{background:var(--n-char);border-radius:5px;gap:2px;padding:2px 3px;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0006}:where(#hud) .effect .stk i{background:#ffffff40;border-radius:50%;width:4px;height:4px}:where(#hud) .effect .stk i.on{background:color-mix(in srgb, currentColor 40%, #fff)}:where(#hud) .effect.buff .arr{color:#2fae4a}:where(#hud) .effect.debuff .arr{color:#d6455a}:where(#hud) .effect.cost .arr{color:var(--n-gold-deep)}:where(#hud) .effect.brink{animation:1.2s ease-in-out infinite brinkPulse}:where(#hud) .effect.new.brink{animation:popIn .4s var(--n-ease-pop), brinkPulse 1.2s ease-in-out .4s infinite}:where(#hud) .effect[data-id=freeze]{background:#e3f5ff;box-shadow:0 0 0 2px #9fe0ff}:where(#hud) .effect.lock{color:#6d717c;background:#ffffff80;width:21px;height:21px;padding:3px}:where(#hud) .effect.lock>svg{opacity:.6}:where(#hud) .effect .lockmark{background:var(--n-char);color:#fff;border-radius:50%;width:12px;height:12px;padding:2px;position:absolute;bottom:-3px;right:-4px}:where(#hud) .tooltip{background:var(--n-char);opacity:0;width:300px;transition:opacity .14s, transform .14s var(--n-ease-out);z-index:30;border-radius:12px;position:absolute;overflow:hidden;transform:translateY(6px)scale(.98);box-shadow:0 8px 22px #00000073}:where(#hud) .tooltip.show{opacity:1;transform:none}:where(#hud) .tooltip{flex-direction:column;max-height:calc(100% - 16px);display:flex}:where(#hud) .tooltip .tt-head{flex:none}:where(#hud) .tooltip .tt-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}:where(#hud) .tooltip.show.touch{pointer-events:auto}:where(#hud) .tooltip .tt-head{background:var(--n-paper);color:var(--n-ink);align-items:center;gap:10px;padding:8px 12px;font-size:18px;font-weight:700;display:flex}:where(#hud) .tooltip .tt-head img{object-fit:contain;background:#fff;border-radius:50%;width:30px;height:30px;margin-left:auto}:where(#hud) .tooltip .tt-body{color:var(--n-on-char-2);padding:10px 12px 12px;font-size:13px;line-height:1.45}:where(#hud) .tooltip .tt-row{color:#fff;align-items:center;gap:8px;margin-bottom:3px;font-size:14px;font-weight:600;display:flex}:where(#hud) .tooltip .tt-row .ic{flex:none;width:20px;height:20px}:where(#hud) .tooltip .tag{color:#f3e3b0;white-space:nowrap;background:#ffffff1f;border-radius:9px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:600}:where(#hud) .tooltip .hl{color:var(--n-up-text);font-weight:600}:where(#hud) .tooltip .dim{color:var(--n-on-char-3)}:where(#hud) .tooltip .warn{color:#ff9a8a}:where(#hud) .tooltip .tt-row.types{gap:10px}:where(#hud) .tooltip .tt-row .type{align-items:center;gap:5px;display:flex}:where(#hud) .tooltip .tt-row .type .ic{color:#fff;border-radius:50%;width:20px;height:20px;padding:3px}:where(#hud) .tooltip .trait b{color:#ffb347}:where(#hud) .card .portrait.interactive{cursor:help}:where(#hud) .tooltip .counter{color:#f6d27a;border-top:1px solid #ffffff1f;margin-top:7px;padding-top:7px}:where(#hud) .tooltip .tri-legend{grid-template-columns:22px 1fr;align-items:center;gap:4px 8px;display:grid}:where(#hud) .tooltip .tri-legend .ic{color:#fff;border-radius:50%;width:22px;height:22px;padding:4px}:where(#hud) .banner{top:calc(128px + var(--sa-t));font-size:var(--n-fs-xl);white-space:nowrap;align-items:center;gap:12px;padding:12px 30px 12px 14px;font-weight:700;line-height:1;display:flex;position:absolute}:where(#hud) .banner>.n-cloud-bg{color:var(--n-char-glass);filter:drop-shadow(0 4px 10px #10141e4d)}:where(#hud) .banner .el{color:#fff;border-radius:50%;flex:none;width:36px;height:36px;padding:7px;box-shadow:inset 0 -3px #0000002e}:where(#hud) .banner .txt{flex-direction:column;gap:4px;display:flex}:where(#hud) .banner .txt small{font-size:var(--n-fs-xs);color:var(--n-gold);letter-spacing:.04em;align-items:center;gap:4px;font-weight:600;display:flex}:where(#hud) .banner .star{width:13px;height:13px;color:var(--n-gold)}:where(#hud) .banner .hl{font-weight:700}:where(#hud) .banner.player{left:calc(12px + var(--sa-l));animation:slideL .38s var(--n-ease-out)}:where(#hud) .banner.enemy{right:calc(12px + var(--sa-r));animation:slideR .38s var(--n-ease-out)}:where(#hud) .banner.second{top:calc(196px + var(--sa-t));font-size:var(--n-fs-l);padding:10px 26px 10px 18px}:where(#hud) .banner.out{animation:.28s forwards fadeOut}:where(#hud) .reveal{pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}:where(#hud) .reveal .rv-face{animation:rvIn .32s var(--n-ease-pop) both;align-items:center;gap:12px;padding:12px 22px;display:flex}:where(#hud) .reveal .rv-face>.n-cloud-bg{color:var(--n-char-glass);filter:drop-shadow(0 4px 10px #10141e59)}:where(#hud) .reveal .rv-pick{border-radius:var(--n-r-pill);color:var(--n-on-char);white-space:nowrap;transition:background var(--n-t-quick), color var(--n-t-quick), translate var(--n-t-quick) var(--n-ease-pop), scale var(--n-t-quick) var(--n-ease-pop);align-items:center;gap:8px;padding:4px 14px 4px 4px;display:flex}:where(#hud) .reveal .rv-pick.left{animation:slamL .34s var(--n-ease-pop) both}:where(#hud) .reveal .rv-pick.right{text-align:right;animation:slamR .34s var(--n-ease-pop) both;flex-direction:row-reverse;padding:4px 4px 4px 14px}:where(#hud) .reveal .rv-txt{flex-direction:column;line-height:1.1;display:flex}:where(#hud) .reveal .rv-txt small{font-size:var(--n-fs-2xs);color:var(--n-on-char-2);font-weight:600}:where(#hud) .reveal .rv-skill{font-size:var(--n-fs-l);font-weight:700}:where(#hud) .reveal .rv-disc,:where(#hud) .counter-stamp .cs-disc,:where(#hud) .reveal .rv-mini{color:#fff;filter:var(--n-sticker-edge);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;display:grid}:where(#hud) .reveal .rv-disc{width:38px;height:38px;padding:7px}:where(#hud) :is(.rv-disc,.cs-disc,.rv-mini).attack{background:var(--n-attack)}:where(#hud) :is(.rv-disc,.cs-disc,.rv-mini).defense{background:var(--n-defense)}:where(#hud) :is(.rv-disc,.cs-disc,.rv-mini).status{background:var(--n-status)}:where(#hud) .reveal .rv-pick.win{background:var(--n-paper);color:var(--n-ink);box-shadow:var(--n-shadow-2);translate:0 -3px;scale:1.06}:where(#hud) .reveal .rv-pick.win .rv-txt small{color:var(--n-ink-muted)}:where(#hud) .reveal .rv-pick.lose{color:var(--n-on-char-3)}:where(#hud) .reveal .rv-pick.lose .rv-disc{filter:grayscale(1) brightness(.8) var(--n-sticker-edge)}:where(#hud) .reveal .rv-pick.lose .rv-txt small{color:var(--n-on-char-3)}:where(#hud) .reveal .rv-pick.cancelled .rv-skill{color:var(--n-down)}:where(#hud) .reveal .rv-pick.freeze .rv-skill{color:#a9e6ff}:where(#hud) .reveal .rv-vs{width:38px;height:38px;color:var(--n-char);font-size:var(--n-fs-s);filter:var(--n-sticker-edge);animation:vsPulse .5s var(--n-ease-pop) .18s both;background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}:where(#hud) .reveal .rv-rule{border-radius:var(--n-r-pill);color:#fff;font-size:var(--n-fs-s);white-space:nowrap;box-shadow:var(--n-shadow-2);animation:rvRule .3s var(--n-ease-pop) .32s both;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-weight:700;display:flex}:where(#hud) .reveal .rv-rule.up{background:var(--n-up)}:where(#hud) .reveal .rv-rule.down{background:var(--n-down)}:where(#hud) .reveal .rv-mini{border-width:1.5px;width:24px;height:24px;padding:4px}:where(#hud) .reveal .rv-rule .rv-mini+span+.rv-mini{margin-left:-2px}:where(#hud) .reveal .rv-note{border-left:1.5px solid #ffffff8c;margin-left:4px;padding-left:8px}:where(#hud) .reveal.out{animation:.25s forwards fadeOut}:where(#hud) .counter-stamp{pointer-events:none;animation:stampIn .3s var(--n-ease-pop) both;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}:where(#hud) .counter-stamp .cs-cloud{align-items:center;gap:14px;padding:16px 30px 16px 18px;display:flex}:where(#hud) .counter-stamp .cs-cloud>.n-cloud-bg{color:var(--n-char-glass);filter:drop-shadow(0 6px 14px #10141e66)}:where(#hud) .counter-stamp .cs-disc{border-width:3px;width:60px;height:60px;padding:12px;rotate:-8deg}:where(#hud) .counter-stamp.enemy .cs-disc{rotate:8deg}:where(#hud) .counter-stamp .cs-txt{white-space:nowrap;flex-direction:column;gap:4px;display:flex}:where(#hud) .counter-stamp .cs-word{font-size:var(--n-fs-3xl);color:var(--n-gold);font-weight:700;line-height:1}:where(#hud) .counter-stamp.enemy .cs-word{color:var(--n-down)}:where(#hud) .counter-stamp .cs-sub{font-size:var(--n-fs-s);color:var(--n-on-char-2);font-weight:600}:where(#hud) .counter-stamp .cs-sub b{color:var(--n-on-char);font-weight:700}:where(#hud) .counter-stamp.out{animation:.3s forwards stampOut}:where(#hud) .counter-flash{animation:.6s ease-out forwards fadeOut;position:absolute;inset:0}:where(#hud) .counter-flash.player{background:radial-gradient(#ffdc6e80,#ffc93a24 42%,#0000 72%)}:where(#hud) .counter-flash.enemy{background:radial-gradient(#ff785a73,#ff5a461f 42%,#0000 72%)}:where(#hud) .floater{--fs:32px;--tier:1;font-weight:700;font-size:calc(var(--fs) * var(--tier));text-align:center;color:#fff;-webkit-text-stroke:2.5px #1e1824e6;paint-order:stroke fill;text-shadow:0 3px 6px #00000059;white-space:nowrap;pointer-events:none;animation:1.15s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}:where(#hud) .floater.strong{--fs:42px;color:#ff7b93}:where(#hud) .floater.weak{--fs:24px;color:#d9d4e2}:where(#hud) .floater.crit{animation-name:floatCrit}:where(#hud) .floater.crit:after{content:"!";color:#ffd23a}:where(#hud) .floater .eff{letter-spacing:.02em;color:#fff;-webkit-text-stroke-width:2px;text-shadow:0 2px 4px #0006;margin-bottom:-2px;font-size:16px;display:block}:where(#hud) .floater.weak .eff{color:#c9c2d6}:where(#hud) .floater.heavy{--tier:1.18;-webkit-text-stroke-width:3px;text-shadow:0 3px #1e18248c,0 6px 10px #00000059}:where(#hud) .floater.heavy:not(.crit){animation:1.25s ease-out forwards floatHeavy}:where(#hud) .floater.ult{--tier:1.4;-webkit-text-stroke-width:3.5px;letter-spacing:.02em;text-shadow:0 0 14px #ffd678d9,0 0 30px #ffa03c73,0 4px #1e18248c;animation:1.5s ease-out forwards floatUlt}:where(#hud) .floater.ko{--tier:1.55;-webkit-text-stroke-width:3.5px;text-shadow:0 0 10px #fffffff2,0 0 26px #ffc45ae6,0 0 48px #ff6e5080;animation:1.8s ease-out forwards floatKo}:where(#hud) .floater.ult.ko{--tier:1.7}:where(#hud) .floater.heal{color:#7dfc7a;font-size:26px}:where(#hud) .floater.energy{color:var(--n-gold);font-size:22px}:where(#hud) .floater.label{color:var(--n-up-text);font-size:24px;animation-duration:1.4s}:where(#hud) .floater.label.bad{color:#ff9a8a}:where(#hud) .floater.label.info{color:#c3e6ff}:where(#hud) .floater.guard{color:#8fc2ff;font-size:22px}:where(#hud) .floater.follow{font-size:calc(var(--fs) * var(--tier) * .8)}:where(#hud) .floater.countup{--fs:30px;color:#ffe9a8;animation:none;transform:translateY(-50%)}:where(#hud) .floater.countup.tick{animation:.2s ease-out countTick}:where(#hud) .floater.countup.land{--tier:1.35;-webkit-text-stroke-width:3px;animation:1.1s ease-out forwards countLand}:where(#hud) .floater.countup.land.strong{color:#ff7b93}:where(#hud) .floater.countup.land.crit:after{content:"!";color:#ffd23a}:where(#hud) .floater.countup.land.ult{--tier:1.6}@keyframes countTick{0%{scale:1}40%{scale:1.18}to{scale:1}}@keyframes countLand{0%{opacity:1;translate:0;scale:.8}14%{scale:1.25}24%{scale:1}60%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -60px;scale:1}}:where(#hud) .toast{-webkit-text-stroke:3px #2a2f3aeb;paint-order:stroke fill;text-shadow:0 4px 10px #00000059;animation:pop .5s var(--n-ease-pop);white-space:nowrap;font-size:56px;font-weight:700;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}:where(#hud) .toast small{text-align:center;-webkit-text-stroke:1.5px #2a2f3aeb;font-size:20px;display:block}:where(#hud) .toast.round{animation:roundSweep 1.05s var(--n-ease-out) forwards;font-size:38px;top:30%}:where(#hud) .toast.round small{color:var(--n-gold)}:where(#hud) .menu{flex-direction:column;display:none;position:absolute}:where(#hud) .menu.show{display:flex}:where(#hud) .menu .n-key{flex:none;box-shadow:0 1px #14182259,0 0 0 1.5px #3b30261f}:where(#hud) .mclose{background:var(--n-paper-chip);width:32px;height:32px;color:var(--n-ink);transition:transform .15s var(--n-ease-out);border-radius:50%;flex:none;margin-left:auto;padding:8px;position:relative;box-shadow:0 2px #785a2840}:where(#hud) .mclose:before{content:"";position:absolute;inset:-6px}:where(#hud) .mclose:active{transform:scale(.92)}:where(#hud) .sheet{right:calc(96px + var(--sa-r));bottom:calc(100px + var(--sa-b));width:320px;max-height:calc(100% - 200px - var(--sa-t) - var(--sa-b));border-radius:var(--n-r-l);background:var(--n-paper);color:var(--n-ink);box-shadow:inset 0 0 0 3px var(--n-paper), inset 0 0 0 4.5px #fff, var(--n-shadow-3);gap:8px;padding:10px 10px 12px}:where(#hud) .sheet.show{animation:.28s cubic-bezier(.2,.9,.3,1) menuPop}:where(#hud) .mhead{align-items:center;gap:8px;padding:2px 2px 0 8px;display:flex}:where(#hud) .mhead h3{font:700 19px / 1.1 var(--n-font);margin:0}:where(#hud) .sheet .rows{flex-direction:column;gap:6px;min-height:0;padding:3px 2px 2px;display:flex;overflow-y:auto}:where(#hud) .mrow{background:var(--n-paper-hi);border:2px solid var(--n-paper-line);min-height:56px;color:var(--n-ink);text-align:left;transition:transform .15s var(--n-ease-out), background .15s, border-color .15s, box-shadow .15s;animation:menuRowIn .3s var(--n-ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:6px 12px 6px 6px;display:grid}:where(#hud) .mrow:focus-visible,:where(#hud) .prow:focus-visible{outline:none}:where(#hud) .mrow:not(:disabled):focus-visible,:where(#hud) .mrow:not(:disabled):active{background:var(--n-gold);border-color:var(--n-gold-deep);color:var(--n-gold-ink);box-shadow:0 3px 0 var(--n-gold-deep);transform:translateY(-2px)}@media (hover:hover){:where(#hud) .mrow:not(:disabled):hover{background:var(--n-gold);border-color:var(--n-gold-deep);color:var(--n-gold-ink);box-shadow:0 3px 0 var(--n-gold-deep);transform:translateY(-2px)}:where(#hud) .mclose:hover{background:var(--n-paper-3)}}:where(#hud) .mpic{background:var(--n-paper-chip);border-radius:50%;width:44px;height:44px;padding:7px;position:relative;box-shadow:inset 0 -2px #785a281f}:where(#hud) .mbadge{border-radius:var(--n-r-pill);background:var(--n-char);color:#fff;min-width:20px;height:20px;font:700 11px / 20px var(--n-font);text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--n-paper-hi);padding:0 5px;position:absolute;bottom:-4px;right:-5px}:where(#hud) .mbadge.is-zero{background:var(--n-down)}:where(#hud) .mtext{flex-direction:column;gap:2px;min-width:0;display:flex}:where(#hud) .mname{min-width:0;font:700 16px / 1.15 var(--n-font);align-items:center;gap:5px;display:flex}:where(#hud) .mlabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(#hud) .mline{font:500 13px / 1.25 var(--n-font);color:var(--n-ink-muted)}:where(#hud) .mline.is-short{color:#d24638;font-weight:600}:where(#hud) .mline.is-gain{color:#4f9a1a;font-weight:600}:where(#hud) .mchip{border-radius:var(--n-r-pill);background:var(--n-paper-2);font:700 12px / 1.1 var(--n-font);font-variant-numeric:tabular-nums;flex:none;padding:2px 7px}:where(#hud) .mnum{font:700 22px / 1 var(--n-font);font-variant-numeric:tabular-nums}:where(#hud) .mrow:not(:disabled):is(:focus-visible,:active) :is(.mline,.mline.is-gain){color:var(--n-gold-ink)}:where(#hud) .mrow:not(:disabled):is(:focus-visible,:active) .mchip{background:#ffffff8c}:where(#hud) .mrow:not(:disabled):is(:focus-visible,:active) .mbadge{box-shadow:0 0 0 2px var(--n-gold)}@media (hover:hover){:where(#hud) .mrow:not(:disabled):hover :is(.mline,.mline.is-gain){color:var(--n-gold-ink)}:where(#hud) .mrow:not(:disabled):hover .mchip{background:#ffffff8c}:where(#hud) .mrow:not(:disabled):hover .mbadge{box-shadow:0 0 0 2px var(--n-gold)}}:where(#hud) .mrow:disabled{background:var(--n-paper-2);color:var(--n-ink-3);cursor:not-allowed;border-color:#0000}:where(#hud) .mrow:disabled .mpic{background:var(--n-paper-3)}:where(#hud) .mrow:disabled .mpic>svg{filter:grayscale();opacity:.6}:where(#hud) .party{left:calc(16px + var(--sa-l));top:calc(124px + var(--sa-t));gap:4px}:where(#hud) .phead{color:#fff;align-items:center;gap:8px;display:flex}:where(#hud) .phead h3{font:700 19px / 1.1 var(--n-font);text-shadow:var(--n-text-on-scene);margin:0}:where(#hud) .phead .mclose{width:30px;height:30px;color:var(--n-char);box-shadow:var(--n-sticker-edge);background:#fff;margin-left:4px;padding:8px}:where(#hud) .pwhy{max-width:240px;font:600 13px / 1.3 var(--n-font);color:#fff;text-shadow:var(--n-text-on-scene);margin:0}:where(#hud) .prows{flex-direction:column;gap:16px;padding-top:18px;display:flex}:where(#hud) .prow{text-align:left;animation:menuPillIn .3s var(--n-ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);align-items:center;gap:8px;display:flex}:where(#hud) .prow .n-key{border-radius:50%;width:22px;min-width:0;height:22px;padding:0}:where(#hud) .ppill{border-radius:var(--n-r-pill);background:var(--n-paper-hi);width:210px;height:48px;color:var(--n-ink);transition:transform .15s var(--n-ease-out), background .15s;flex-direction:column;justify-content:center;gap:5px;padding:0 64px 0 9px;display:flex;position:relative;box-shadow:0 3px #785a2847,0 8px 16px #0a0e164d}:where(#hud) .pname{min-width:0;font:700 14px / 1 var(--n-font);align-items:center;gap:5px;display:flex}:where(#hud) .pdot{background:var(--el);color:#fff;border-radius:50%;flex:none;width:18px;height:18px;padding:3px}:where(#hud) .pn{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(#hud) .plv{font:600 12px / 1 var(--n-font);color:var(--n-ink-muted);font-variant-numeric:tabular-nums;flex:none}:where(#hud) .pstat{align-items:center;gap:6px;display:flex}:where(#hud) .pstar{font:700 12px / 1 var(--n-font);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:2px;display:inline-flex}#hud .pstar svg{width:12px;height:12px;color:var(--n-gold-deep)}:where(#hud) .pstate{font:600 12px / 1 var(--n-font);color:var(--n-ink-muted);flex:none}:where(#hud) .pbar{--h:7px;background:var(--n-paper-3);flex:1;box-shadow:inset 0 1px 1px #5a3c1426}:where(#hud) .pface{pointer-events:none;place-items:end center;width:58px;height:58px;display:grid;position:absolute;bottom:5px;right:4px}:where(#hud) .pface img{object-fit:contain;filter:drop-shadow(0 2px 2px #14182259);width:100%;height:100%}#hud .pface>svg{width:30px;height:30px;color:var(--el);margin-bottom:6px}:where(#hud) .pface[data-gleam] img{filter:drop-shadow(0 0 3px #ffd27a)drop-shadow(0 2px 2px #14182259)}:where(#hud) .pout{border-radius:var(--n-r-pill);background:var(--n-char);color:#fff;font:700 10px / 1.3 var(--n-font);white-space:nowrap;padding:2px 8px;position:absolute;top:-9px;left:12px}:where(#hud) .prow:not(:disabled):is(:focus-visible,:active) .ppill{background:var(--n-gold);color:var(--n-gold-ink);transform:translate(8px)}:where(#hud) .prow:not(:disabled):is(:focus-visible,:active) .plv{color:var(--n-gold-ink)}:where(#hud) .prow:not(:disabled):is(:focus-visible,:active) .pbar{background:#ffffff80}@media (hover:hover){:where(#hud) .prow:not(:disabled):hover .ppill{background:var(--n-gold);color:var(--n-gold-ink);transform:translate(8px)}:where(#hud) .prow:not(:disabled):hover .plv{color:var(--n-gold-ink)}:where(#hud) .prow:not(:disabled):hover .pbar{background:#ffffff80}}:where(#hud) .prow:disabled{cursor:not-allowed}:where(#hud) .prow:disabled:not(.is-out) .ppill{background:var(--n-paper-2);color:var(--n-ink-3)}:where(#hud) .prow:disabled:not(.is-out) .pdot{filter:grayscale();opacity:.6}:where(#hud) .prow:disabled:not(.is-out) .pface{filter:grayscale()brightness(.9);opacity:.75}:where(#hud) .prow:disabled:not(.is-out) .n-key{background:var(--n-paper-3);color:var(--n-ink-2)}:where(#hud) .prow.is-out{cursor:default}@keyframes menuPop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes menuRowIn{0%{opacity:0;transform:translateY(6px)}}@keyframes menuPillIn{0%{opacity:0;transform:translate(-14px)}}@media (height<=480px){:where(#hud) .sheet{bottom:calc(84px + var(--sa-b));width:300px;max-height:calc(100% - 84px - 68px - var(--sa-t) - var(--sa-b));gap:6px;padding:8px}:where(#hud) .mhead h3,:where(#hud) .phead h3{font-size:16px}:where(#hud) .mclose{width:28px;height:28px;padding:7px}:where(#hud) .sheet .rows{gap:5px}:where(#hud) .mrow{grid-template-columns:38px minmax(0,1fr) auto;column-gap:8px;min-height:46px;padding:2px 10px 2px 4px}:where(#hud) .mpic{width:38px;height:38px;padding:6px}:where(#hud) .mname{font-size:14px}:where(#hud) .mline{font-size:12px}:where(#hud) .mnum{font-size:18px}:where(#hud) .party{top:calc(70px + var(--sa-t))}:where(#hud) .prows{grid-template-rows:repeat(3,auto);grid-auto-flow:column;justify-content:start;gap:11px 14px;padding-top:12px;display:grid}:where(#hud) .ppill{gap:4px;width:176px;height:40px;padding-right:54px}:where(#hud) .pface{width:48px;height:48px}}:where(#hud) .report{right:calc(96px + var(--sa-r));top:calc(130px + var(--sa-t));bottom:calc(100px + var(--sa-b));background:var(--n-char);border-radius:12px;flex-direction:column;width:min(330px,46vw);display:none;position:absolute;overflow:hidden;box-shadow:0 8px 22px #00000073}:where(#hud) .report.show{animation:menuIn .22s var(--n-ease-out);display:flex}:where(#hud) .report h3{background:var(--n-paper);color:var(--n-ink);margin:0;padding:8px 12px;font-size:16px;font-weight:700}:where(#hud) .report .log{color:var(--n-on-char-2);flex:1;padding:6px 12px 10px;font-size:13px;line-height:1.45;overflow-y:auto}:where(#hud) .report .round{color:var(--n-gold);letter-spacing:.5px;text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:700}:where(#hud) .report p{margin:2px 0}:where(#hud) .report p.counter{color:var(--n-gold);font-weight:600}:where(#hud) .results{border-radius:var(--n-r-m);background:var(--n-paper);width:min(440px,100vw - 24px);color:var(--n-ink);box-shadow:inset 0 0 0 3px var(--n-paper), inset 0 0 0 4.5px #fff, var(--n-shadow-3);pointer-events:auto;animation:resultsIn .5s var(--n-ease-pop);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}:where(#hud) .results .head{background:var(--n-char);color:#fff;align-items:center;gap:12px;padding:12px 18px;display:flex}:where(#hud) .results .head .title{font-size:var(--n-fs-xl);font-weight:700;line-height:1.1}:where(#hud) .results .head .sub{font-size:var(--n-fs-xs);color:var(--n-on-char-2)}:where(#hud) .results .head img{object-fit:contain;margin-left:auto;filter:drop-shadow(0 2px 3px #00000059);width:64px;height:64px;margin-block:-10px}:where(#hud) .results .mvp{font-size:var(--n-fs-2xs);color:var(--n-gold-deep);letter-spacing:.06em;text-transform:uppercase;padding:14px 18px 0;font-weight:700}:where(#hud) .results .grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px 18px 6px;display:grid}:where(#hud) .results .stat{border-radius:var(--n-r-s);background:var(--n-paper-2);animation:fadeUp .4s var(--n-ease-out) both;align-items:center;gap:10px;padding:8px 10px;display:flex}:where(#hud) .results .stat .ic{background:var(--n-char);width:30px;height:30px;color:var(--n-gold);border-radius:50%;flex:none;padding:6px}:where(#hud) .results .stat b{font-size:var(--n-fs-m);color:var(--n-ink);font-variant-numeric:tabular-nums;display:block}:where(#hud) .results .stat small{color:var(--n-ink-2);font-size:var(--n-fs-2xs)}:where(#hud) .results .actions-row{gap:8px;padding:12px 18px 18px;display:flex}:where(#hud) .results .go{min-height:var(--n-touch);border-radius:var(--n-r-pill);background:var(--n-gold);color:var(--n-gold-ink);font-size:var(--n-fs-m);box-shadow:var(--n-lip) var(--n-gold-deep), var(--n-shadow-1);transition:transform 90ms var(--n-ease-out), box-shadow 90ms;flex:1;padding:0 18px;font-weight:700}:where(#hud) .results .go:hover{filter:brightness(1.04)}:where(#hud) .results .go:active{box-shadow:0 1px 0 var(--n-gold-deep), var(--n-shadow-1);transform:translateY(2px)}:where(#hud) .star-fly{width:16px;height:16px;color:var(--n-gold);filter:drop-shadow(0 1px #0009);animation:.7s cubic-bezier(.3,.1,.3,1) forwards starFly;position:absolute}@keyframes slideL{0%{transform:translate(-100%)}to{transform:none}}@keyframes slideR{0%{transform:translate(100%)}to{transform:none}}@keyframes slamL{0%{opacity:0;transform:translate(-70px)scale(1.3)}to{opacity:1;transform:none}}@keyframes slamR{0%{opacity:0;transform:translate(70px)scale(1.3)}to{opacity:1;transform:none}}@keyframes vsPulse{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes rvIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes rvRule{0%{opacity:0;transform:translateY(-6px)scale(.9)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0}}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}60%{opacity:1;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes stampOut{to{opacity:0;transform:translate(-50%,-50%)scale(1.12)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}14%{opacity:1;transform:translate(-50%,-62%)scale(1.18)}28%{transform:translate(-50%,-72%)scale(1)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-170%)scale(1)}}@keyframes floatCrit{0%{opacity:0;transform:translate(-50%,-30%)scale(.4)rotate(-8deg)}12%{opacity:1;transform:translate(-50%,-64%)scale(1.35)rotate(4deg)}22%{transform:translate(-46%,-70%)scale(1.05)rotate(-2deg)}30%{transform:translate(-54%,-72%)scale(1.1)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-170%)scale(1)}}@keyframes floatHeavy{0%{opacity:0;transform:translate(-50%,-30%)scale(.35)}10%{opacity:1;transform:translate(-50%,-62%)scale(1.32)}18%{transform:translate(-50%,-70%)scale(.94)}26%{transform:translate(-50%,-73%)scale(1.04)}34%{transform:translate(-50%,-75%)scale(1)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-165%)scale(1)}}@keyframes floatUlt{0%{opacity:0;transform:translate(-50%,-60%)scale(2.6)}9%{opacity:1;transform:translate(-50%,-62%)scale(.88)}15%{transform:translate(-50%,-63%)scale(1.1)}21%{transform:translate(-50%,-64%)scale(.97)}28%{transform:translate(-50%,-65%)scale(1)}72%{opacity:1;transform:translate(-50%,-90%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(1.04)}}@keyframes floatKo{0%{opacity:0;filter:brightness(2.4);transform:translate(-50%,-60%)scale(3)}8%{opacity:1;filter:brightness(2);transform:translate(-50%,-62%)scale(.86)}12%{transform:translate(-45%,-62%)scale(1.14)}16%{transform:translate(-55%,-63%)scale(1)}20%{transform:translate(-48%,-63%)scale(1.02)}25%{filter:brightness();transform:translate(-51%,-64%)scale(1)}30%{transform:translate(-50%,-64%)scale(1)}76%{opacity:1;transform:translate(-50%,-82%)scale(1)}to{opacity:0;transform:translate(-50%,-140%)scale(1.06)}}@keyframes floatStill{0%{opacity:0}8%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes roundSweep{0%{opacity:0;letter-spacing:8px;transform:translate(-80%,-50%)}25%{opacity:1;letter-spacing:1px;transform:translate(-50%,-50%)}75%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-20%,-50%)}}@keyframes tileIn{0%{opacity:0;transform:translateY(-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes picked{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes menuIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes resultsIn{0%{opacity:0;transform:translate(-50%,-44%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes cardShake{0%,to{transform:none}20%{transform:translate(-6px)rotate(-1deg)}45%{transform:translate(5px)rotate(1deg)}70%{transform:translate(-3px)}}@keyframes hpFlash{0%{opacity:.85}to{opacity:0}}@keyframes lowPulse{50%{box-shadow:0 0 0 2px #ff5a46bf,0 0 10px #ff5a4699}}@keyframes hintRing{50%{box-shadow:0 0 0 5px var(--n-gold), 0 0 16px 4px #ffc93ab3}}@keyframes brinkPulse{50%{box-shadow:0 0 0 2px #9fe0ff,0 0 10px 2px #7fdcffbf,0 1px 3px #00000073}}@keyframes starGain{0%{transform:scale(0)}70%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes starSpend{0%{color:#fff;transform:scale(1.5)}to{transform:scale(1)}}@keyframes starFly{0%{opacity:1;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(8px,-24px)scale(1.5)rotate(40deg)}to{opacity:0;transform:translate(34px,26px)scale(.2)rotate(160deg)}}@media (prefers-reduced-motion:reduce){#hud *,#hud :before,#hud :after{transition-duration:.01ms!important;animation-duration:.01ms!important}#hud .floater{animation:1.4s linear forwards floatStill!important}#hud .floater.ult,#hud .floater.ko{animation-duration:1.8s!important}}@media (height<=620px){#hud{--hud-tile:52px}:where(#hud) .tile .art{border-width:2.5px;border-radius:12px}:where(#hud) .tile .cost{width:20px;height:20px;top:-2px;left:-5px}:where(#hud) .tile .cost b{font-size:9.5px}:where(#hud) .tile .type{width:16px;height:16px;left:-5px;top:calc(var(--hud-tile) - 21px);border-width:1.5px;padding:2px}:where(#hud) .tile .power{height:13px;top:calc(var(--hud-tile) - 20px);padding:0 4px;font-size:10px;line-height:13px}:where(#hud) .tile .name{top:calc(var(--hud-tile) - 5px);padding:0 6px 1px 5px;font-size:10px}:where(#hud) .tile .name .cat,:where(#hud) .tile .name .mark{width:10px;height:10px}:where(#hud) .tile .mult{min-width:22px;height:15px;top:calc(var(--hud-tile) / 2 - 19px);padding:0 3px;font-size:10px}:where(#hud) .tile .key{left:-24px;top:calc(var(--hud-tile) / 2 - 8px);width:17px;height:17px;font-size:10px}:where(#hud) .btn .disc{width:46px;height:46px;padding:11px}:where(#hud) .btn .key{top:31px}:where(#hud) .rest .restTile{width:50px;height:50px;padding:10px}:where(#hud) .side{bottom:calc(88px + var(--sa-b))}:where(#hud) .banner{top:calc(120px + var(--sa-t));font-size:16px}:where(#hud) .banner.second{top:calc(156px + var(--sa-t));font-size:15px}:where(#hud) .read{top:calc(82px + var(--sa-t))}}@media (width<=600px){#hud{--hud-tile:48px}:where(#hud) .card{width:calc(50vw - 14px - max(var(--sa-l), var(--sa-r)));top:calc(8px + var(--sa-t));grid-template-columns:40px minmax(0,1fr);column-gap:5px}:where(#hud) .card.player{left:calc(8px + var(--sa-l))}:where(#hud) .card.enemy{right:calc(8px + var(--sa-r))}:where(#hud) .card .portrait{width:40px;height:40px}:where(#hud) .card .badge{border-width:1.5px;width:16px;height:16px;padding:2px}:where(#hud) .card .name{font-size:13px}:where(#hud) .card .lv{font-size:11px}:where(#hud) .hp{height:12px}:where(#hud) .hp .num{font-size:9px}:where(#hud) .stars .s{width:8px;height:8px}:where(#hud) .energy .enum{font-size:11px}:where(#hud) .pip{width:9px;height:9px}:where(#hud) .read{top:calc(68px + var(--sa-t));right:calc(8px + var(--sa-r));font-size:10px}:where(#hud) .read .label{display:none}:where(#hud) .tile .name{font-size:10px}:where(#hud) .tile .key{width:17px;height:17px;font-size:10px;left:-24px}:where(#hud) .actions{right:calc(6px + var(--sa-r));bottom:calc(6px + var(--sa-b));gap:2px}:where(#hud) .btn{width:52px}:where(#hud) .btn .disc{width:42px;height:42px;padding:10px}:where(#hud) .btn .key{top:28px}:where(#hud) .btn .label{font-size:11px}:where(#hud) .btn .cpill{min-width:22px;height:16px;padding:0 4px;font-size:10px;line-height:16px;top:-6px;right:-3px}:where(#hud) .btn .cnote{padding:1px 6px;font-size:10px;line-height:14px;bottom:calc(100% + 3px)}:where(#hud) .rest{left:calc(6px + var(--sa-l));bottom:calc(6px + var(--sa-b))}:where(#hud) .rest .restTile{width:46px;height:46px;padding:9px}:where(#hud) .side{right:calc(10px + var(--sa-r));bottom:calc(82px + var(--sa-b))}:where(#hud) .banner{top:calc(100px + var(--sa-t));padding:5px 12px;font-size:13px}:where(#hud) .banner.second{top:calc(130px + var(--sa-t));font-size:12px}:where(#hud) .report{top:calc(120px + var(--sa-t));bottom:calc(170px + var(--sa-b));right:calc(8px + var(--sa-r));width:calc(100vw - 16px - var(--sa-l) - var(--sa-r))}:where(#hud) .reveal{gap:6px;top:28%}:where(#hud) .reveal .rv-face{gap:8px;padding:8px 14px}:where(#hud) .reveal .rv-skill{font-size:var(--n-fs-s)}:where(#hud) .reveal :is(.rv-disc,.rv-vs){width:28px;height:28px;padding:5px}:where(#hud) .reveal .rv-rule{font-size:var(--n-fs-2xs)}:where(#hud) .reveal .rv-mini{width:20px;height:20px;padding:3px}:where(#hud) .counter-stamp{top:46%}:where(#hud) .counter-stamp .cs-cloud{gap:10px;padding:10px 20px 10px 12px}:where(#hud) .counter-stamp .cs-disc{width:44px;height:44px;padding:9px}:where(#hud) .counter-stamp .cs-word{font-size:var(--n-fs-2xl)}:where(#hud) .counter-stamp .cs-sub{font-size:var(--n-fs-2xs)}:where(#hud) .floater{--fs:24px}:where(#hud) .floater.strong{--fs:30px}:where(#hud) .floater.weak{--fs:19px}:where(#hud) .floater .eff{-webkit-text-stroke-width:1.5px;font-size:12px}:where(#hud) .toast{font-size:38px}:where(#hud) .sheet{left:calc(8px + var(--sa-l));right:calc(8px + var(--sa-r));width:auto;bottom:calc(84px + var(--sa-b))}:where(#hud) .party{left:calc(8px + var(--sa-l))}}:where(#hud) .under{top:calc(88px + var(--sa-t));align-items:center;gap:6px;display:flex;position:absolute}:where(#hud) .under.player{left:calc(14px + var(--sa-l))}:where(#hud) .under.enemy{right:calc(14px + var(--sa-r));flex-direction:row-reverse}:where(#hud) .under .read{position:static}:where(#hud) .sidefx{gap:4px;display:flex}:where(#hud) .sidefx:empty{display:none}#hud.pre .sidefx,#hud.pre .field{opacity:0;pointer-events:none}:where(#hud) .sidechip{background:var(--n-char-glass);border:1px solid var(--n-char-line);white-space:nowrap;cursor:help;height:28px;animation:popIn .35s var(--n-ease-pop);border-radius:14px;align-items:center;gap:5px;padding:2px 8px 2px 3px;font-size:12px;font-weight:600;display:flex}:where(#hud) .sidechip .ic{background:#fffffff0;border-radius:50%;flex:none;width:22px;height:22px;padding:3px}:where(#hud) .sidechip.ours{box-shadow:inset 0 0 0 1.5px #ffc93abf}:where(#hud) .sidechip.theirs{box-shadow:inset 0 0 0 1.5px #ff6a4ad9}:where(#hud) .sidechip.trap .ic{color:#a8682c}:where(#hud) .sidechip.incoming .ic{color:#e2458f}:where(#hud) .sidechip .n{text-align:center;background:#ffffff29;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px}:where(#hud) .sidechip .when{color:var(--n-gold);font-size:11px}:where(#hud) .sidechip.incoming.theirs .when{color:#ffb4a6}:where(#hud) .sidechip.incoming.theirs.soon{animation:popIn .35s var(--n-ease-pop), warnPulse 1.3s ease-in-out .35s infinite}:where(#hud) .field{top:calc(16px + var(--sa-t));background:var(--n-char-glass);border:1.5px solid var(--fc,var(--n-gold));box-shadow:0 0 14px color-mix(in srgb, var(--fc,var(--n-gold)) 45%, transparent);white-space:nowrap;cursor:help;animation:fieldIn .4s var(--n-ease-pop);border-radius:16px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:13px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}:where(#hud) .field.hidden{display:none}:where(#hud) .field .ic{background:var(--fc,var(--n-gold));width:24px;height:24px;color:var(--n-char);border-radius:50%;flex:none;padding:3px}:where(#hud) .field .n{text-align:center;background:#ffffff29;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px}:where(#hud) .effect.charging{color:#c98a00;box-shadow:0 0 0 2px var(--n-gold), 0 1px 3px #00000073;animation:1.1s ease-in-out infinite chargePulse}:where(#hud) .effect.charging.new{animation:popIn .4s var(--n-ease-pop), chargePulse 1.1s ease-in-out .4s infinite}:where(#hud) .card.gloomed .stars .s.on{color:#b7a3f0}:where(#hud) .card.gloomed .energy{filter:drop-shadow(0 0 4px #6e50c8d9)}:where(#hud) .card.poisoned .hp:not(.lo) .fill{background:linear-gradient(#cdf47a,#8fd63c 55%,#5d9a22)}:where(#hud) .card.poisoned .hp .fill:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(135deg,#7a3fc457 0 5px,#0000 5px 10px);position:absolute;inset:0}:where(#hud) .tile .name .mark{vertical-align:-2px;color:#7a6f60;width:12px;height:12px;margin-right:3px;display:inline-block}:where(#hud) .tile .name .mark.charging{color:#c98a00}:where(#hud) .tile .name .mark.delayed{color:#d0448a}:where(#hud) .tile.release .art{border-color:var(--n-gold);box-shadow:0 0 0 3px var(--n-gold), 0 0 18px 5px #ffc93aa6;animation:1.1s ease-in-out infinite releasePulse}:where(#hud) .tile.release .name{background:var(--n-gold);color:var(--n-gold-ink)}:where(#hud) .tile.release .name .mark.charging{color:var(--n-ink)}:where(#hud) .tile .hold{color:#fff;background:#14161ab8;border-radius:50%;padding:7px;position:absolute;inset:24%}:where(#hud) .prompt.charging{border-color:#ffc93ab3}:where(#hud) .rest button.disabled{cursor:not-allowed}:where(#hud) .rest button.disabled .restTile{opacity:.45}:where(#hud) .tooltip .mech{align-items:flex-start;gap:6px;width:100%;margin-top:2px;display:inline-flex}#hud .tooltip .mech>svg{color:#f6d27a;flex:none;width:15px;height:15px;margin-top:2px}:where(#hud) .tooltip .mech b{color:#fff}:where(#hud) .banner.empowered>.n-cloud-bg{filter:drop-shadow(0 0 0 var(--n-gold)) drop-shadow(0 2px 0 var(--n-gold)) drop-shadow(0 4px 10px #10141e4d)}:where(#hud) .banner .emp{border-radius:var(--n-r-pill);background:var(--n-gold);color:var(--n-gold-ink);font-size:var(--n-fs-xs);text-shadow:none;align-self:center;align-items:center;gap:2px;margin-left:8px;padding:1px 8px 1px 5px;font-weight:700;display:inline-flex}#hud .banner .emp svg{width:13px;height:13px}:where(#hud) .report p.mech{color:#e8defa;border-left:2px solid #b48cff;padding-left:7px}@keyframes warnPulse{50%{box-shadow:inset 0 0 0 1.5px #ff6a4ad9,0 0 10px 2px #ff6a4a99}}@keyframes chargePulse{50%{box-shadow:0 0 0 2px var(--n-gold), 0 0 10px 3px #ffc93acc, 0 1px 3px #00000073}}@keyframes releasePulse{50%{box-shadow:0 0 0 1.5px #0000008c, 0 0 0 6px var(--n-gold), 0 0 28px 10px #ffc93ad9}}@keyframes fieldIn{0%{opacity:0;transform:translate(-50%,-8px)scale(.8)}to{opacity:1;transform:translate(-50%)}}@media (height<=620px){:where(#hud) .under{top:calc(82px + var(--sa-t))}}@media (width<=600px){:where(#hud) .under{top:calc(68px + var(--sa-t))}:where(#hud) .under.player{left:calc(8px + var(--sa-l))}:where(#hud) .under.enemy{right:calc(8px + var(--sa-r))}:where(#hud) .sidechip{height:24px;padding-right:6px;font-size:10px}:where(#hud) .sidechip .ic{width:18px;height:18px}:where(#hud) .sidechip .nm{display:none}:where(#hud) .field{top:calc(114px + var(--sa-t));font-size:11px}:where(#hud) .field .ic{width:20px;height:20px}}:where(#hud) .side .btn .disc.speed{letter-spacing:-.5px;text-shadow:var(--n-text-on-scene);justify-content:center;align-items:center;padding:0;font-size:21px;font-weight:700;line-height:1;display:flex}:where(#hud) .side .btn .disc.speed.fast{color:var(--n-gold)}:where(#hud) .skip{right:calc(18px + var(--sa-r));bottom:calc(22px + var(--sa-b));background:var(--n-char-glass);border:1.5px solid var(--n-char-line);color:#f3ecdc;opacity:0;pointer-events:none;height:40px;transition:opacity .25s, transform .3s var(--n-ease-out), background .15s, color .15s;border-radius:20px;align-items:center;gap:7px;padding:0 12px 0 14px;font-size:15px;font-weight:600;display:flex;position:absolute;transform:translateY(14px);box-shadow:0 3px 8px #00000059}#hud.playing .skip{opacity:1;pointer-events:auto;transform:none}:where(#hud) .skip:hover{background:#2c2e34eb}#hud.playing .skip:active{transform:scale(.95)}:where(#hud) .skip .ic{width:17px;height:17px}:where(#hud) .skip .key{color:var(--n-ink);background:#fff;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}#hud.playing .skip.on{background:var(--n-gold);border-color:var(--n-gold);color:var(--n-ink)}@media (height<=620px){:where(#hud) .skip{height:34px;bottom:calc(16px + var(--sa-b));font-size:13px}}@media (width<=600px){:where(#hud) .skip{right:calc(8px + var(--sa-r));bottom:calc(10px + var(--sa-b))}:where(#hud) .skip .key{display:none}}@media (pointer:coarse){#hud .key,#hud .btn .key,#hud .tile .key,#hud .rest .key{display:none}}:where(#hud) .card .courage{gap:3px;min-height:0;display:flex}:where(#hud) .card .courage:empty{display:none}:where(#hud) .card.enemy .courage{justify-content:flex-end}:where(#hud,.fo) .medal{filter:drop-shadow(0 1px 1px #00000073);flex:none;width:16px;height:16px;display:block}:where(#hud,.fo) .medal .m-rim{fill:var(--n-gold-deep);transition:fill .25s .25s}:where(#hud,.fo) .medal .m-face{fill:var(--n-gold);transition:fill .25s .25s}:where(#hud,.fo) .medal .m-mark{fill:var(--n-gold-hi);transition:fill .25s .25s}:where(#hud,.fo) .medal .m-crack{fill:none;stroke:var(--n-char);stroke-width:1.6px;stroke-linejoin:round;opacity:0;stroke-dasharray:26;stroke-dashoffset:26px}:where(#hud,.fo) .medal.spent .m-rim{fill:#57545e}:where(#hud,.fo) .medal.spent .m-face{fill:#85818f}:where(#hud,.fo) .medal.spent .m-mark{fill:#a7a3b0}:where(#hud,.fo) .medal.spent .m-crack{opacity:1;stroke-dashoffset:0}:where(#hud) .medal.crack{animation:medalCrack .75s var(--n-ease-out) both}:where(#hud) .medal.crack .m-crack{transition:stroke-dashoffset .22s ease-out .12s,opacity 50ms .12s}:where(#hud) .courage-line{top:calc(96px + var(--sa-t));pointer-events:none;animation:courageIn .3s var(--n-ease-out) both;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}:where(#hud) .courage-line.out{animation:.3s ease-in both courageOut}:where(#hud) .courage-line .text{border-radius:var(--n-r-pill);background:var(--n-char-glass);color:var(--n-on-char);font-size:var(--n-fs-m);white-space:nowrap;box-shadow:var(--n-shadow-2);padding:8px 18px;font-weight:600}:where(#hud) .courage-line .medals{gap:10px;display:flex}:where(#hud) .courage-line .medal{filter:drop-shadow(0 3px 4px #00000080);width:46px;height:46px}:where(#hud) .courage-line .medal .m-crack{stroke-width:1.3px}:where(#hud) .ko-frame{pointer-events:none;opacity:0;transition:opacity .35s ease-out, transform .45s var(--n-ease-out);position:absolute;inset:0;transform:scale(1.18)}:where(#hud) .ko-frame.on{opacity:1;transform:scale(1)}:where(#hud) .ko-frame svg{width:100%;height:100%}:where(#hud) .ko-frame .kf{fill:var(--n-char);fill-opacity:.88}@keyframes medalCrack{0%{transform:none}18%{transform:translate(-2px)rotate(-8deg)}32%{transform:translate(2px)rotate(7deg)}46%{transform:translateY(0)rotate(-3deg)scale(1.08)}to{transform:translateY(3px)rotate(0)scale(.94)}}@keyframes courageIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes courageOut{to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){:where(#hud) .medal.crack{animation:none}:where(#hud) .ko-frame{transition:opacity .2s;transform:none}}@media (height<=480px){:where(#hud) .card .medal{width:12px;height:12px}:where(#hud) .courage-line{top:calc(70px + var(--sa-t))}:where(#hud) .courage-line .medal{width:34px;height:34px}}:where(#hud) .speech{top:calc(96px + var(--sa-t));max-width:min(440px, calc(100% - 48px - var(--sa-l) - var(--sa-r)));border-radius:var(--n-r-l);background:var(--n-paper);box-shadow:inset 0 0 0 2px #fff, var(--n-shadow-paper);color:var(--n-ink);pointer-events:none;animation:speechIn .32s var(--n-ease-pop) both;padding:16px 22px 14px;position:absolute;left:50%;transform:translate(-50%)}:where(#hud) .speech:after{content:"";background:var(--n-paper);clip-path:polygon(0 0,70% 0,100% 100%);width:24px;height:16px;position:absolute;bottom:-13px;right:40px}:where(#hud) .speech .who{border-radius:var(--n-r-pill);background:var(--n-char);color:#fff;font-size:var(--n-fs-xs);letter-spacing:.02em;padding:3px 12px;font-weight:700;position:absolute;top:-12px;left:16px}:where(#hud) .speech .said{font-size:var(--n-fs-m);font-weight:600;line-height:1.3}:where(#hud) .speech.out{animation:.3s ease-in both speechOut}@keyframes speechIn{0%{opacity:0;transform:translate(-50%,-8px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes speechOut{to{opacity:0;transform:translate(-50%,-6px)}}@media (height<=480px){:where(#hud) .speech{top:calc(84px + var(--sa-t));padding:12px 16px 10px}:where(#hud) .speech .said{font-size:var(--n-fs-s)}}:where(#hud) .tooltip.match{border-radius:var(--n-r-l)}:where(#hud) .match-card{flex-direction:column;min-height:0;display:flex}:where(#hud) .mc-head{background:var(--n-paper);color:var(--n-ink);flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex}:where(#hud) .mc-face{box-sizing:border-box;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--el) 55%, #fff), var(--el));color:#fff;border-radius:14px;flex:none;width:52px;height:52px;padding:0;overflow:hidden}:where(#hud) .mc-face img{object-fit:contain;width:100%;height:100%;display:block}:where(#hud) .mc-face>svg{width:28px;height:28px;margin:12px}:where(#hud) .mc-id{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}:where(#hud) .mc-top{align-items:baseline;gap:6px;display:flex}:where(#hud) .mc-name{font-size:var(--n-fs-l);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}:where(#hud) .mc-lv{color:var(--n-ink-muted);font-size:var(--n-fs-xs);font-weight:600}:where(#hud) .mc-tags{flex-wrap:wrap;gap:4px;display:flex}:where(#hud) .mc-tag{border-radius:var(--n-r-pill);background:var(--n-paper-2);font-size:var(--n-fs-2xs);align-items:center;gap:4px;padding:1px 8px 1px 2px;font-weight:600;display:inline-flex}:where(#hud) .mc-disc{box-sizing:border-box;color:#fff;border-radius:50%;flex:none;width:16px;height:16px;padding:2.5px;display:inline-block}:where(#hud) .mc-disc>svg{width:100%;height:100%;display:block}:where(#hud) .mc-hp{align-items:center;gap:6px;display:flex}:where(#hud) .mc-hp .n-bar{flex:1}:where(#hud) .mc-hpn{font-size:var(--n-fs-2xs);font-variant-numeric:tabular-nums;color:var(--n-ink-2);font-weight:700}:where(#hud) .mc-body{overscroll-behavior:contain;min-height:0;color:var(--n-on-char);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex;overflow-y:auto}:where(#hud) .mc-label{color:var(--n-on-char-3);font-size:var(--n-fs-2xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-weight:700}:where(#hud) .mc-chips{flex-wrap:wrap;gap:4px;display:flex}:where(#hud) .mc-chip{border-radius:var(--n-r-pill);background:var(--n-char-2);font-size:var(--n-fs-xs);font-variant-numeric:tabular-nums;align-items:center;gap:3px;padding:1px 7px 1px 2px;display:inline-flex}:where(#hud) .mc-chip .mc-disc{width:18px;height:18px}:where(#hud) .mc-chip b{color:#fff}:where(#hud) .mc-chip.double{background:#fff}:where(#hud) .mc-chip.double b{color:var(--n-ink)}:where(#hud) .mc-none{color:var(--n-on-char-3);font-size:var(--n-fs-2xs);font-weight:600}:where(#hud) .mc-trait b{font-size:var(--n-fs-s);display:block}:where(#hud) .mc-trait p{color:var(--n-on-char-2);font-size:var(--n-fs-xs);margin:2px 0 0;font-weight:500;line-height:1.3}@media (height<=480px){:where(#hud) .mc-head{padding:7px 10px}:where(#hud) .mc-face{border-radius:11px;width:40px;height:40px}:where(#hud) .mc-body{gap:5px;padding:7px 10px 9px}}:where(#hud) .effect.extra{display:none}:where(#hud) .effects.open .effect.extra{display:block}:where(#hud) .effects.open .effect.more{display:none}:where(#hud) .effect.more{background:var(--n-paper);color:var(--n-ink);justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;display:flex}#hud.feet-off .effects{pointer-events:none;opacity:0!important}:where(#hud) .card .owner{border-radius:var(--n-r-pill);background:var(--n-char-glass);border:1px solid var(--n-char-line);max-width:100%;color:var(--n-gold);white-space:nowrap;text-overflow:ellipsis;padding:1px 10px;font-size:12px;font-weight:700;position:absolute;top:-2px;right:0;overflow:hidden;transform:translateY(-100%)}#hud.duel .card.enemy{top:calc(30px + var(--sa-t))}:where(#hud) .waitfor{left:50%;bottom:calc(34px + var(--sa-b));border-radius:var(--n-r-pill);background:var(--n-char-glass);border:1px solid var(--n-char-line);font-size:var(--n-fs-m);white-space:nowrap;padding:8px 18px;font-weight:600;animation:1.6s ease-in-out infinite alternate waitPulse;position:absolute;transform:translate(-50%)}:where(#hud) .waitfor.hidden{display:none}@keyframes waitPulse{0%{opacity:.75}to{opacity:1}}:where(#hud) .side .btn.leave .key{display:none}:where(#hud) .side .btn.leave .disc{color:var(--n-down-text)}#hud.ended .side,#hud.ended .waitfor{opacity:0;pointer-events:none}#hud .dl-scrim{z-index:var(--n-z-modal,40);color:var(--n-ink);position:fixed}#hud .dl-card{width:min(420px, calc(100vw - 32px - var(--sa-l) - var(--sa-r)))}#hud .dl-card .n-modal-head{font-weight:700}#hud .dl-sub{text-align:center;font-size:var(--n-fs-m);color:var(--n-ink);margin:0;font-weight:500;line-height:1.35}#hud .dl-end .n-modal-head{height:60px;font-size:var(--n-fs-xl)}@media (height<=480px){#hud .dl-end .n-modal-head{height:48px;font-size:var(--n-fs-l)}#hud .dl-card .n-modal-body{padding:10px 16px 6px}#hud .dl-card .n-modal-foot{padding:8px 16px 12px}#hud .dl-card .n-btn--l{min-width:140px;min-height:46px}:where(#hud) .waitfor{bottom:calc(20px + var(--sa-b));font-size:var(--n-fs-s)}}:where(#hud) .waitbubble{background:var(--n-paper);pointer-events:none;will-change:transform;border-radius:18px;gap:5px;padding:9px 13px;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px #785a282e,0 4px 10px #14182240}:where(#hud) .waitbubble:after{content:"";background:var(--n-paper);border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-7px;left:50%}:where(#hud) .waitbubble.hidden{display:none}:where(#hud) .waitbubble i{background:var(--n-ink-muted);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite waitDot}:where(#hud) .waitbubble i:nth-child(2){animation-delay:.15s}:where(#hud) .waitbubble i:nth-child(3){animation-delay:.3s}@keyframes waitDot{0%,60%,to{opacity:.55;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}#hud.ended .waitbubble{display:none}@media (prefers-reduced-motion:reduce){:where(#hud) .waitbubble i{animation:none}}@media (height<=480px){:where(#hud) .side .btn.leave{position:absolute;bottom:-80px;right:128px}#hud:not(.busy) .side .btn.leave{display:none}}#hud.team .card.solo{display:none}:where(#hud) .tcards{top:calc(12px + var(--sa-t));transition:transform .45s var(--n-ease-out), opacity .45s;flex-direction:column;gap:8px;display:flex;position:absolute}:where(#hud) .tcards.player{left:calc(14px + var(--sa-l));align-items:flex-start}:where(#hud) .tcards.enemy{right:calc(14px + var(--sa-r));align-items:flex-end}:where(#hud) .tcards.hidden.player{opacity:0;transform:translate(-115%)}:where(#hud) .tcards.hidden.enemy{opacity:0;transform:translate(115%)}:where(#hud) .tcards .card{position:relative;top:auto;left:auto;right:auto}:where(#hud) .tcards .foes,:where(#hud) .tcards .allies{gap:6px;display:flex}:where(#hud) .tcards .under{position:static;top:auto;left:auto;right:auto}:where(#hud) .card.compact{background:var(--n-char-glass);width:72px;box-shadow:inset 0 0 0 1px var(--n-char-line), 0 2px 6px #10141e40;transition:box-shadow var(--n-t-quick), opacity var(--n-t-quick), translate var(--n-t-quick) var(--n-ease-pop);border-radius:14px;flex-direction:column;align-items:stretch;gap:3px;padding:5px 5px 6px;display:flex}:where(#hud) .card.compact .portrait{align-self:center;width:44px;height:44px}:where(#hud) .card.compact .badge{border-width:1.5px;width:17px;height:17px;padding:2.5px;left:-6px}:where(#hud) .card.compact .info{gap:3px}:where(#hud) .card.compact :is(.row1,.pips,.courage){display:none}:where(#hud) .card.compact .hp{border-radius:6px;height:11px}:where(#hud) .card.compact .hp .num{letter-spacing:0;font-size:8px}:where(#hud) .card.compact .row3{justify-content:center}:where(#hud) .card.compact .energy{gap:2px;margin:0}:where(#hud) .card.compact .stars .s{width:11px;height:11px;color:var(--n-gold)}:where(#hud) .card.compact .stars .s:not(:first-child){display:none}:where(#hud) .card.compact .energy .enum{min-width:0;font-size:11px}:where(#hud) .tcards.tiny .card.compact{gap:2px;padding:4px 6px 5px}:where(#hud) .tcards.tiny .card.compact .portrait{width:38px;height:38px}:where(#hud) .tcards.tiny .card.compact :is(.row3,.hp .num){display:none}:where(#hud) .tcards.tiny .card.compact .hp{height:8px}:where(#hud) .tcards .card.down .portrait{filter:grayscale()brightness(.75)}:where(#hud) .tcards .card.down{opacity:.7}:where(#hud) .tcards .card.empty{opacity:.35}:where(#hud) .tcards .card.mine:before{content:"";box-shadow:inset 0 0 0 2px var(--n-gold);opacity:0;pointer-events:none;transition:opacity var(--n-t-quick);background:#ffc93a24;border-radius:18px;position:absolute;inset:-6px -10px -6px -6px}#hud:not(.busy) .tcards .card.mine.picking:before,#hud.swapping .tcards .card.mine.picking:before{opacity:1}#hud:not(.busy) .tcards .card.compact.picking{box-shadow:inset 0 0 0 2px var(--n-gold), 0 2px 6px #10141e40}:where(#hud) .card.foe{cursor:pointer}#hud:not(.busy) .card.foe.pointed{box-shadow:inset 0 0 0 2px #fff,0 2px 8px #10141e59}#hud:not(.busy) .card.foe.pointed:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fff;width:12px;height:7px;position:absolute;bottom:-7px;left:50%;translate:-50%}#hud.aiming .card.foe.aimable{box-shadow:inset 0 0 0 2.5px var(--n-gold), 0 0 14px 2px #ffc93a8c;animation:1s ease-in-out infinite aimPulse}#hud.aiming .card.foe.aimable:hover{background:color-mix(in srgb, var(--n-char-glass) 70%, var(--n-gold));translate:0 2px}#hud.aiming .card.foe.aimable.pointed:after{background:var(--n-gold)}#hud.aiming .card.foe:not(.aimable){opacity:.45}:where(#hud) .card .tkey{position:absolute;top:-6px;left:-6px}@keyframes aimPulse{50%{box-shadow:inset 0 0 0 2.5px var(--n-gold), 0 0 22px 5px #ffc93abf}}:where(#hud) .lockchip{border-radius:var(--n-r-pill);background:var(--n-paper);max-width:150px;color:var(--n-ink);font-size:var(--n-fs-xs);white-space:nowrap;box-shadow:var(--n-shadow-2);animation:lockIn .3s var(--n-ease-pop) both;pointer-events:auto;align-items:center;gap:5px;padding:2px 10px 2px 2px;font-weight:700;display:flex;position:absolute;top:50%;left:100%;translate:12px -50%}:where(#hud) .lockchip .lc-disc{color:#fff;width:20px;height:20px;filter:var(--n-sticker-edge);border:1.5px solid #fff;border-radius:50%;flex:none;place-items:center;padding:3px;display:grid}:where(#hud) .lockchip .lc-disc.attack{background:var(--n-attack)}:where(#hud) .lockchip .lc-disc.defense{background:var(--n-defense)}:where(#hud) .lockchip .lc-disc.status{background:var(--n-status)}:where(#hud) .lockchip .lc-txt{text-overflow:ellipsis;overflow:hidden}:where(#hud) .card.compact .lockchip{gap:3px;max-width:84px;padding:1px 6px 1px 1px;font-size:9.5px;top:100%;left:50%;translate:-50% -4px}:where(#hud) .card.compact .lockchip .lc-disc{width:16px;height:16px;padding:2px}@keyframes lockIn{0%{opacity:0;scale:.6}}#hud.busy .lockchip{opacity:0;transition:opacity var(--n-t-quick)}:where(#hud) .tring{pointer-events:none;position:absolute;inset:-6px}:where(#hud) .tring circle{fill:none;stroke-width:6px}:where(#hud) .tring .tr-bg{stroke:#10141e59}:where(#hud) .tring .tr-run{stroke:var(--n-gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc((1 - var(--from,1)) * 100);transform-origin:50%;animation:tringRun var(--ms,25s) linear forwards;transition:stroke .3s;transform:rotate(-90deg)}:where(#hud) .tring.late .tr-run{stroke:var(--n-down)}:where(#hud) .tring.late{animation:.5s ease-in-out infinite alternate tringLate}@keyframes tringRun{to{stroke-dashoffset:100px}}@keyframes tringLate{to{scale:1.06}}:where(#hud) .tile .reach{left:calc(var(--hud-tile) / 2);border-radius:var(--n-r-pill);background:var(--n-gold);color:var(--n-gold-ink);white-space:nowrap;box-shadow:0 0 0 1.5px #fff, var(--n-shadow-1);pointer-events:none;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:-9px;translate:-50%}:where(#hud) .tile.aimed .art{border-color:var(--n-gold);box-shadow:0 0 0 3px var(--n-gold), 0 0 18px 5px #ffc93a99}:where(#hud) .tile.aimed .name{background:var(--n-gold);color:var(--n-gold-ink)}#hud.aiming .tile:not(.aimed){opacity:.45}#hud.team:not(.busy) .prompt{align-items:center;gap:4px;margin-top:-10px;display:flex}#hud.aiming .prompt{border-color:#ffc93acc}:where(#hud) .prompt .tseat{border-radius:var(--n-r-pill);background:#ffffff29;margin-left:2px;padding:0 6px;font-size:11px}:where(#hud) .prompt .tback{border-radius:var(--n-r-pill);background:var(--n-paper);color:var(--n-ink);pointer-events:auto;box-shadow:var(--n-shadow-1);align-items:center;gap:3px;margin:-1px 4px -1px -6px;padding:1px 8px 1px 5px;font-size:11px;font-weight:700;display:inline-flex}#hud .prompt .tback svg{flex:none;width:12px;height:12px}:where(#hud) .prompt .tback:hover{background:var(--n-gold);color:var(--n-gold-ink)}#hud.busy .prompt .tback{pointer-events:none}:where(#hud) .reveal.team{top:max(22%, calc(110px + var(--sa-t)))}:where(#hud) .reveal.team .tr-face{flex-direction:column;align-items:stretch;gap:30px;padding:14px 22px;position:relative}:where(#hud) .reveal.team .tr-row{justify-content:center;gap:8px;display:flex}:where(#hud) .reveal.team .tr-chip{z-index:1;border-radius:var(--n-r-pill);background:var(--n-char-2);color:var(--n-on-char);white-space:nowrap;animation:trIn .3s var(--n-ease-pop) both;transition:background var(--n-t-quick), color var(--n-t-quick), translate var(--n-t-quick) var(--n-ease-pop), scale var(--n-t-quick) var(--n-ease-pop);align-items:center;gap:6px;padding:3px 12px 3px 3px;display:flex;position:relative}:where(#hud) .reveal.team .tr-chip:nth-child(2){animation-delay:50ms}:where(#hud) .reveal.team .tr-chip:nth-child(3){animation-delay:.1s}:where(#hud) .reveal.team .tr-chip:nth-child(4){animation-delay:.15s}:where(#hud) .reveal.team .tr-chip:nth-child(5){animation-delay:.2s}:where(#hud) .reveal.team .tr-chip.mine{box-shadow:inset 0 0 0 1.5px #ffffff8c}:where(#hud) .reveal.team .tr-chip .rv-disc{width:28px;height:28px;padding:5px}:where(#hud) .reveal.team .tr-chip .rv-skill{font-size:var(--n-fs-s)}:where(#hud) .reveal.team .tr-chip.win{background:var(--n-paper);color:var(--n-ink);box-shadow:var(--n-shadow-2);scale:1.06}:where(#hud) .reveal.team .tr-chip.win .rv-txt small{color:var(--n-ink-muted)}:where(#hud) .reveal.team .tr-chip.enemy.win{translate:0 4px}:where(#hud) .reveal.team .tr-chip.player.win{translate:0 -4px}:where(#hud) .reveal.team .tr-chip.lose{color:var(--n-on-char-3)}:where(#hud) .reveal.team .tr-chip.lose .rv-disc{filter:grayscale(1) brightness(.8) var(--n-sticker-edge)}:where(#hud) .reveal.team .tr-chip.lose .rv-txt small{color:var(--n-on-char-3)}:where(#hud) .reveal.team .tr-chip.cancelled .rv-skill{color:var(--n-down)}:where(#hud) .reveal.team .tr-chip.freeze .rv-skill{color:#a9e6ff}:where(#hud) .reveal.team .tr-x{border-radius:var(--n-r-pill);background:var(--n-gold);color:var(--n-gold-ink);padding:0 6px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:-8px;box-shadow:0 0 0 1.5px #fff}:where(#hud) .reveal.team .tr-arrows{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}:where(#hud) .reveal.team .tr-arrows line{stroke-width:2.5px;stroke-linecap:round;opacity:0;animation:.3s ease-out .28s forwards trArrow}:where(#hud) .reveal.team .tr-arrows line.fan{stroke-dasharray:5 5}:where(#hud) .reveal.team .tr-arrows line.hot{stroke-width:3.5px;filter:drop-shadow(0 0 3px #ffc93ae6)}:where(#hud) .reveal.team .rv-rule+.rv-rule{margin-top:-4px}@keyframes trIn{0%{opacity:0;scale:.7}}@keyframes trArrow{to{opacity:.92}}@media (height<=480px){:where(#hud) .tcards{top:calc(6px + var(--sa-t));gap:5px}:where(#hud) .tcards.player{left:calc(8px + var(--sa-l))}:where(#hud) .tcards.enemy{right:calc(8px + var(--sa-r))}:where(#hud) .tcards .card.mine{grid-template-columns:40px minmax(0,1fr);column-gap:6px;width:230px}:where(#hud) .tcards .card.mine .portrait{width:40px;height:40px}:where(#hud) .tcards .card.mine .badge{border-width:1.5px;width:16px;height:16px;padding:2px}:where(#hud) .tcards .card.mine .name{font-size:13px}:where(#hud) .tcards .card.mine .lv{font-size:11px}:where(#hud) .tcards .card.mine .hp{height:11px}:where(#hud) .tcards .card.mine .hp .num{font-size:9px}:where(#hud) .tcards .card.mine .stars .s{width:8px;height:8px}:where(#hud) .tcards .card.mine .courage{display:none}:where(#hud) .tcards .card.mine:before{border-radius:14px;inset:-4px -8px -4px -4px}:where(#hud) .tcards .foes,:where(#hud) .tcards .allies{gap:4px}:where(#hud) .card.compact{border-radius:12px;gap:2px;padding:3px 4px 4px}:where(#hud) .card.compact .portrait{width:34px;height:34px}:where(#hud) .tcards.tiny .card.compact .portrait{width:30px;height:30px}:where(#hud) .card.compact .hp{height:9px}:where(#hud) .lockchip{max-width:120px;font-size:10px;translate:8px -50%}:where(#hud) .card.compact .lockchip{max-width:66px;font-size:9px;top:auto;bottom:3px;translate:-50%}#hud.team .prompt{bottom:calc(84px + var(--sa-b));margin-top:0;top:auto!important;left:50%!important}:where(#hud) .reveal.team{top:calc(84px + var(--sa-t));gap:6px}:where(#hud) .reveal.team .tr-face{gap:20px;padding:8px 14px}:where(#hud) .reveal.team .tr-row{gap:5px}:where(#hud) .reveal.team .tr-chip{gap:4px;padding:2px 8px 2px 2px}:where(#hud) .reveal.team .tr-chip .rv-disc{width:22px;height:22px;padding:4px}:where(#hud) .reveal.team .tr-chip .rv-txt small{font-size:9px}:where(#hud) .reveal.team .tr-chip .rv-skill{font-size:11px}:where(#hud) .reveal.team .rv-rule{font-size:var(--n-fs-2xs);padding:2px 10px 2px 2px}:where(#hud) .reveal.team .rv-mini{width:20px;height:20px;padding:3px}}.card .portrait .vmark{text-align:center;color:#2a1d05;min-width:22px;height:22px;box-shadow:0 1px 4px #00000080, 0 0 10px var(--vglow,transparent);pointer-events:auto;cursor:help;border:2px solid #fff;border-radius:11px;padding:0 5px;font-size:12px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-5px}.card[data-variant=normal] .vmark{display:none}.card[data-legendary=true] .vmark{display:block}.card .portrait:before{content:"";opacity:0;z-index:-1;border-radius:50%;transition:opacity .3s;position:absolute;inset:-3px}.card[data-variant=shiny]{--vglow:#ffd65ae6}.card[data-variant=shiny] .vmark{background:linear-gradient(#fff4b8,#ffc93a)}.card[data-variant=shiny] .portrait:before{opacity:1;background:radial-gradient(circle,#ffe27ad9 0%,#ffc93a59 55%,#0000 72%);animation:1.8s ease-in-out infinite vPulse}.card[data-variant=shiny] .name{color:#ffe27a}.card[data-variant=prismatic],.card[data-variant=shinyPrismatic]{--vglow:#ff8cdce6}.card[data-variant=prismatic] .vmark,.card[data-variant=shinyPrismatic] .vmark{color:#fff;text-shadow:0 1px 1px #00000080;background:linear-gradient(90deg,#ff4f9a,#ffc23a,#5cf08a,#4ac8ff,#a070ff,#ff4f9a) 0 0/200% 100%;animation:2.4s linear infinite vSlide}.card[data-variant=prismatic] .portrait:before,.card[data-variant=shinyPrismatic] .portrait:before{opacity:1;filter:blur(5px);background:conic-gradient(#ff4f9a,#ffc23a,#5cf08a,#4ac8ff,#a070ff,#ff4f9a);animation:3s linear infinite vSpin}.card[data-variant=prismatic] .name{color:#ffb8e6;animation:4s linear infinite vHue}.card[data-variant=shinyPrismatic] .name{color:#ffe27a;animation:2.2s linear infinite vHue}.card[data-variant=shinyPrismatic] .portrait:before{animation-duration:1.6s;inset:-6px}.card .portrait:after{content:"";opacity:0;z-index:-1;pointer-events:none;border-radius:50%;position:absolute;inset:-10px}.card[data-legendary=true] .portrait:after{opacity:1;background:repeating-conic-gradient(#ffd65af2 0deg 9deg,#ffd65a00 9deg 30deg);animation:7s linear infinite vSpin;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}.card[data-legendary=true]{--vglow:#ffcd46f2}.card[data-legendary=true] .vmark{color:#3a2604;background:linear-gradient(#fff4b8,#ffb92e)}.card[data-legendary=true][data-variant=prismatic] .vmark,.card[data-legendary=true][data-variant=shinyPrismatic] .vmark{color:#fff;background:linear-gradient(90deg,#ffd25a,#ff4f9a,#ffc23a,#4ac8ff,#a070ff,#ffd25a) 0 0/200% 100%}.card[data-legendary=true] .name{text-shadow:0 0 8px #ffc83cf2,0 0 18px #ffaa2899,0 1px #0009}.card[data-legendary=true][data-variant=normal] .name{color:#ffd84a}@keyframes vPulse{0%,to{opacity:.75;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes vSpin{to{transform:rotate(360deg)}}@keyframes vSlide{to{background-position:200% 0}}@keyframes vHue{to{filter:hue-rotate(360deg)}}.floater.rare{--fs:40px;-webkit-text-stroke-width:3.5px;letter-spacing:.03em;animation:1.6s ease-out forwards floatRare}.floater.rare.shiny{color:#ffe27a;text-shadow:0 0 14px #ffe27af2,0 0 34px #ffbe3c99,0 4px #1e18248c}.floater.rare.prismatic,.floater.rare.shinyPrismatic{color:#ff9ad6;text-shadow:0 0 14px #ff96dcf2,0 0 34px #78c8ff99,0 4px #1e18248c;animation:1.6s ease-out forwards floatRare,1.1s linear infinite vHue}.floater.rare.shinyPrismatic{--fs:46px;color:#ffe27a;animation:1.9s ease-out forwards floatRare,.8s linear infinite vHue}.floater.rare.legendary{--fs:48px;color:#ffd84a;text-shadow:0 0 16px #ffd65a,0 0 40px #ffaa28bf,0 4px #1e18248c;animation:2.3s ease-out forwards floatRare}.floater.rare.legendary.prismatic,.floater.rare.legendary.shinyPrismatic{animation:2.3s ease-out forwards floatRare,1.2s linear infinite vHue}@keyframes floatRare{0%{opacity:0;transform:translate(-50%,-40%)scale(2.4)}10%{opacity:1;transform:translate(-50%,-62%)scale(.9)}16%{transform:translate(-50%,-64%)scale(1.08)}24%{transform:translate(-50%,-65%)scale(1)}78%{opacity:1;transform:translate(-50%,-85%)scale(1)}to{opacity:0;transform:translate(-50%,-140%)scale(1.04)}}.team-slot>.vrow{flex-wrap:wrap;grid-area:3/2;align-items:center;gap:4px;min-width:0;margin-top:3px;display:flex}.team-slot .vrow .vlooks{flex:100%;gap:3px;min-width:0;display:flex}.team-slot .vrow .vlooks[hidden]{display:none}.team-slot .vrow .vlooks .vpick{flex:1 1 0}.team-slot .vrow .vlegend{color:#8d8996;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;flex:none;width:22px;height:20px;font-size:13px;line-height:18px}.team-slot .vrow .vlegend.on{color:#3a2604;background:linear-gradient(#fff4b8,#ffb92e);border-color:#ffd25a;box-shadow:0 0 8px #ffc83cb3}.team-slot .vpick{color:#fff;min-width:0;max-width:100%;font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;padding:1px 4px;font-size:11px}.team-slot .vpick option,.team-slot .vpick optgroup{color:#26262c;background:#f4efe4}.team-slot:has(>.vrow) img{grid-row:1/4}.team-slot[data-legendary=true]{box-shadow:inset 3px 0 0 var(--type,transparent), inset 0 0 0 1.5px #ffd25a, 0 0 16px #ffc43c8c}.team-slot[data-legendary=true][data-variant=normal] .who b{color:#ffd84a}.team-slot[data-variant=shiny]{box-shadow:inset 3px 0 0 var(--type,transparent), inset 0 0 0 1.5px #ffd24a, 0 0 12px #ffd24a59}.team-slot[data-variant=prismatic],.team-slot[data-variant=shinyPrismatic]{box-shadow:inset 3px 0 0 var(--type,transparent), inset 0 0 0 1.5px #ff8fd0, 0 0 14px #a078ff66}.team-slot[data-variant=shiny] .who b{color:#ffe27a}.team-slot[data-variant=prismatic] .who b,.team-slot[data-variant=shinyPrismatic] .who b{color:#ffb8e6;animation:3s linear infinite vHue}