@font-face{font-family:"ZCOOL KuaiLe 106";src:url(./zcool-kuaile-106-BJkoxF16.woff2) format("woff2");font-display:block}@font-face{font-family:"Baloo 106";src:url(../fonts/baloo2-bold-latin.woff2) format("woff2");font-weight:700;font-display:block}:root{--c-hud:#1b2a4a;--c-white:#ffffff;--c-gold:#ffc928;--c-blue:#2f7de1;--c-red:#e8342e;--c-hot:color-mix(in srgb,var(--c-red) 55%,var(--c-gold));--c-shield:#ffffff;--c-green:#6cc84a;--c-cream:#fff4d6;--c-wood:#e0b860;--c-paper:#fff7e6;--c-paper-card:#ffffff;--c-ink:#4a2e17;--c-ink-soft:color-mix(in srgb,var(--c-ink) 60%,transparent);--glass-edge:color-mix(in srgb,var(--c-blue) 20%,var(--c-white));--glass:color-mix(in srgb,var(--c-hud) 68%,transparent);--glass-big:color-mix(in srgb,var(--c-hud) 80%,transparent);--glass-filter:blur(var(--sp-2)) saturate(50%);--band:color-mix(in srgb,var(--c-hud) 85%,transparent);--star-edge:color-mix(in srgb,color-mix(in srgb,var(--c-gold),var(--c-red)) 55%,var(--c-hud));--paper-edge:var(--line-2) solid var(--c-wood);--paper-shadow:0 6px 16px color-mix(in srgb,var(--c-ink) 25%,transparent);--key-edge:var(--sp-1) solid color-mix(in srgb,var(--c-wood) 70%,var(--c-paper-card));--fs-l:28px;--fs-m:16px;--fs-s:12px;--font-cn:"ZCOOL KuaiLe 106","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-num:"Baloo 106","Slice Round","Arial Black",sans-serif;--r-s:8px;--r-l:16px;--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sh-1:0 var(--line-2) var(--sp-1) color-mix(in srgb,var(--c-hud) 60%,transparent);--sh-2:0 var(--sp-3) calc(var(--sp-4) + var(--sp-2)) color-mix(in srgb,var(--c-hud) 70%,transparent);--line-1:1px;--line-2:2px;--slice-drawer:56 56 96 56;--slice-tray:48 48 48 48;--slice-panel:64 64 64 64;--slice-go:0 96 0 96;--slice-bar:0 12 0 12;--slice-pill:96 96 96 96;--slice-plate:48 48 48 48;--skin-w-drawer:14px 14px 24px 14px;--skin-w-tray:12px;--skin-w-panel:16px;--skin-w-go:0 22px;--slice-confirm:0 96 0 96;--skin-w-confirm:0 22px;--skin-w-bar:0 3px;--skin-w-pill:24px;--skin-w-plate:12px;--skin-drawer:url(../ui/22/K01-shop-drawer.webp);--skin-go:url(../ui/22/K05-battle-button-normal.webp);--skin-go-pressed:url(../ui/22/K05-battle-button-pressed.webp);--skin-go-disabled:url(../ui/22/K05-battle-button-disabled.webp);--skin-card-1:url(../ui/22/K02c-card-frame-1.webp);--skin-card-2:url(../ui/22/K02c-card-frame-2.webp);--skin-card-3:url(../ui/22/K02c-card-frame-3.webp);--skin-level:url(../ui/22/K13-level-badge.webp);--skin-vacancy:url(../ui/22/K06b-shop-vacancy.webp);--skin-tab:url(../ui/22/K01t-drawer-tab.webp);--skin-badge:url(../ui/22/K03-cost-badge.webp);--skin-block:url(../ui/22/K08-letter-block-normal.webp);--skin-block-down:url(../ui/22/K08-letter-block-pressed.webp);--skin-block-in:url(../ui/22/K08-letter-block-in-slot.webp);--skin-blockslot:url(../ui/22/K08b-letter-slot.webp);--skin-bar:url(../ui/22/K09-health-base.webp);--skin-round:url(../ui/22/K10-round-strip.webp);--skin-round-hot:url(../ui/22/K10-round-strip-hot.webp);--skin-icon-lock:url(../ui/22/K04b-lock.webp);--skin-icon-refresh:url(../ui/22/K04b-refresh.webp);--skin-icon-gear:url(../ui/22/K04b-gear.webp);--skin-icon-door:url(../ui/22/K04b-exit.webp);--skin-confirm:url(../ui/22/K05b-battle-button-normal.webp);--skin-confirm-pressed:url(../ui/22/K05b-battle-button-pressed.webp);--skin-confirm-disabled:url(../ui/22/K05b-battle-button-disabled.webp);--skin-tip:url(../ui/22/K15-tooltip-panel.webp);--skin-tip-tail:url(../ui/22/K15a-tooltip-tail-down.webp);--slice-tip:40 40 40 40;--skin-w-tip:10px;--skin-toggle-on:url(../ui/22/K16-toggle-on.webp);--skin-toggle-off:url(../ui/22/K16-toggle-off.webp);--skin-icon-sound:url(../ui/22/K04b-speaker.webp);--skin-icon-mute:url(../ui/22/K04b-muted.webp)}:root{--z-card-w:100px;--z-card-h:146px;--z-card-win-x:4.5833px;--z-card-win-y:4.5886px;--z-card-win-w:90.8333px;--z-card-win-h:108.04px;--z-card-win-r:10.2343px;--z-card-band-h:28.7829px;--z-card-r:14.8px;--z-badge-body:3.125% 6.25% 9.375% 6.25%;--z-cost:16px;--z-cost-card:18px;--z-cost-edge:1.5px;--fz-card-en:14px;--fz-plate:14px;--fz-cost:11px;--z-drawer-w:372px;--z-drawer-h:158px;--z-drawer-top:8px;--z-drawer-body:2px 4px 15px 4px;--z-drawer-pad:10px;--z-drawer-gap:6px;--z-tongue-w:40px;--z-tongue-h:10px;--z-tab-up:16.5px;--z-tongue-hit-w:64px;--z-side-gap:12px;--z-round-btn:32px;--z-icon:18px;--z-sys:20px;--z-touch:44px;--z-player-row:36px;--z-avatar:32px;--fz-player-hp:14px;--fz-hit:18px;--z-hit-rise:24px;--fz-cn-sub:14px;--z-q-separator-gap:20px;--fz-given:20px;--z-commander:64px;--z-round-w:150px;--z-round-h:20px;--z-round-body:1px 2px 3px 2px;--z-round-r:4px;--z-slot-w:80px;--z-slot-h:94px;--z-tray-bottom:2px;--z-tray-h:46px;--z-tray-lift:12px;--z-tray-slide:.25s;--z-tray-pad:6px;--z-tray-gap:4px;--z-go-w:88px;--z-go-h:44px;--z-energy:56px;--fz-energy:20px;--z-bar-w:40px;--z-bar-h:8px;--z-hp-h:3px;--z-hp-tick:10;--z-level:20px;--z-level-slot:18px;--z-level-r:4px;--fz-level:12px;--z-bar-lift:4px;--z-q-w:600px;--z-q-h:260px;--z-q-pad:16px;--z-q-left:200px;--z-q-teach-w:260px;--z-q-say-gap:8px;--z-q-choice-h:110px;--z-q-right:352px;--z-q-slot-w:40px;--z-q-long-h:268px;--z-q-long-left:140px;--z-q-long-right:412px;--z-q-long-block-w:36px;--z-q-long-block-h:42px;--z-q-close-stroke:2.5px;--z-q-slot-h:46px;--z-q-row-gap:6px;--z-q-btn-gap:8px;--z-block-w:40px;--z-block-h:46px;--fz-q-word:40px;--fz-q-word-s:36px;--fz-block:24px;--z-q-btn-w:72px;--z-q-btn-h:28px;--fz-q-zh:14px;--fz-q-done:28px;--z-q-go-w:120px;--z-sound:28px;--z-tip-maxw:220px;--fz-tip:12px;--z-tip-line:16px;--z-tip-pad-x:10px;--z-tip-r:10px;--z-tip-arrow-w:14px;--z-tip-arrow-h:10px;--z-tip-gap:6px;--t-tip:2s;--t-guide:3s;--z-confirm-w:320px;--z-confirm-h:150px;--z-confirm-btn-w:120px;--z-pause-h:248px;--z-pause-btn-w:240px;--z-ask-gap:4px;--z-settings-w:360px;--z-settings-h:200px;--fz-settings-title:18px;--fz-settings-row:14px;--z-toggle-w:52px;--z-toggle-h:28px;--z-toggle-hit-w:64px;--z-q-head-h:24px;--scrim-a:.25;--t-scrim:.16s;--t-cell-flash:.3s;--t-reveal-step:.12s;--t-shield-grow:.2s;--t-reveal-hold:.6s;--t-q-wrong-frame:.8s;--t-q-answer-at:.4s;--t-q-right-hold:.6s;--t-q-learned-hold:1.2s;--t-q-wrong-min:1.4s;--t-q-wrong-hold:.6s;--t-q-fly-back:.15s;--z-q-bar-h:36px;--z-q-bar-inset:16px;--fz-q-bar:16px;--z-q-stamp:36px;--z-q-mark:3px;--t-q-shake:.24s;--t-q-nudge:.6s;--fz-reveal:20px;--z-sound-pill-w:104px;--z-sound-hero:64px;--fz-sound-hero:36px;--z-tray-max:600px;--z-slot-band-h:20px;--z-slot-band-multi-h:32px;--tile-fill-a:.08;--tile-edge-a:.3;--tile-edge-enemy-a:.2;--tile-battle-a:.12;--tile-drop-fill-a:.12;--tile-drop-edge-a:.6;--tile-partner-fill-a:.4;--tile-partner-fill-lo:.3;--tile-partner-fill-hi:.45;--tile-partner-hover-a:.6;--tile-partner-edge-w:3;--tile-drop-dim-fill-a:.06;--tile-drop-dim-edge-a:.3;--t-tile-fade:.25s;--z-unit-pill-w:208px;--z-unit-pill-s-w:128px;--z-unit-pill-h:30px;--z-unit-badge:64px;--z-unit-badge-s:22px;--fz-unit-num:28px;--z-unit-panel-w:676px;--z-unit-panel-h:272px;--z-unit-panel-pad-x:18px;--z-unit-panel-gap:14px;--z-rec-tag-w:32px;--z-rec-tag-h:16px;--z-unit-check:20px;--t-unit-glow:.6s;--z-toast-h:24px;--z-toast-max:260px;--z-plate-h:22px;--t-toast:1.6s;--t-toast-long:3s;--z-edge:8px;--z-stage-w:844px;--z-stage-h:390px}.sk{border:0 solid transparent;box-sizing:border-box}.sk--drawer{border-image:var(--skin-drawer) var(--slice-drawer) fill/var(--skin-w-drawer)}.sk--tray{border-image:var(--skin-tray) var(--slice-tray) fill/var(--skin-w-tray)}.sk--panel{border-image:var(--skin-panel) var(--slice-panel) fill/var(--skin-w-panel)}.sk--go{border-image:var(--skin-go) var(--slice-go) fill/var(--skin-w-go)}.sk--go[data-state=pressed],.sk--go:not([aria-disabled=true]):active{border-image-source:var(--skin-go-pressed);filter:none;translate:none}.sk--go[aria-disabled=true]{border-image-source:var(--skin-go-disabled);filter:none}.sk--confirm{border-image:var(--skin-confirm) var(--slice-confirm) fill/var(--skin-w-confirm)}.sk--confirm[data-state=pressed],.sk--confirm:not([aria-disabled=true]):active{border-image-source:var(--skin-confirm-pressed);filter:none;translate:none}.sk--confirm[aria-disabled=true]{border-image-source:var(--skin-confirm-disabled);filter:none}.sk--tip{border-image:var(--skin-tip) var(--slice-tip) fill/var(--skin-w-tip)}.sk--bar{border-image:var(--skin-bar) var(--slice-bar) fill/var(--skin-w-bar)}.sk--round{background:var(--skin-round) center/100% 100% no-repeat}.sk--pill{border-image:var(--skin-pill) var(--slice-pill) fill/var(--skin-w-pill)}.sk--pill-gold{border-image:var(--skin-pill-gold) var(--slice-pill) fill/var(--skin-w-pill)}.sk--plate{border-image:var(--skin-plate) var(--slice-plate) fill/var(--skin-w-plate)}.sk--btn{background:var(--skin-btn) center/100% 100% no-repeat}.sk--badge{background:var(--skin-badge) center/100% 100% no-repeat}.sk--slot{background:var(--skin-slot) center/100% 100% no-repeat}.sk--block{background:var(--skin-block) center/100% 100% no-repeat}.sk--block-down{background:var(--skin-block-down) center/100% 100% no-repeat}.sk--block-in{background:var(--skin-block-in) center/100% 100% no-repeat}.sk--blockslot{background:var(--skin-blockslot) center/100% 100% no-repeat}.sk--icon-lock{background:var(--skin-icon-lock) center/100% 100% no-repeat}.sk--icon-unlock{background:var(--skin-icon-unlock) center/100% 100% no-repeat}.sk--icon-refresh{background:var(--skin-icon-refresh) center/100% 100% no-repeat}.sk--icon-gear{background:var(--skin-icon-gear) center/100% 100% no-repeat}.sk--icon-pause{position:relative}.sk--icon-pause:before,.sk--icon-pause:after{content:"";position:absolute;top:50%;width:3px;height:11px;translate:0 -50%;background:var(--c-white)}.sk--icon-pause:before{left:calc(50% - 5px)}.sk--icon-pause:after{left:calc(50% + 2px)}.sk--icon-door{background:var(--skin-icon-door) center/100% 100% no-repeat}.sk--tip-tail{background:var(--skin-tip-tail) center/100% 100% no-repeat}.sk--toggle-on{background:var(--skin-toggle-on) center/100% 100% no-repeat}.sk--toggle-off{background:var(--skin-toggle-off) center/100% 100% no-repeat}.sk--icon-close{background:var(--skin-icon-close) center/100% 100% no-repeat}.sk--icon-sound{background:var(--skin-icon-sound) center/100% 100% no-repeat}.sk--icon-mute{background:var(--skin-icon-mute) center/100% 100% no-repeat}.glass{-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.glass-in{isolation:isolate}.glass-in:before{content:"";position:absolute;inset:var(--gi-inset);z-index:-2;border-radius:var(--gi-r);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);pointer-events:none}.glass-in:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--gi-art) center/100% 100% no-repeat;pointer-events:none}.sk-badge{--gi-art:var(--skin-badge);--gi-inset:var(--z-badge-body);--gi-r:50%}.sk-press{transition:translate 80ms ease-out,filter 80ms ease-out;cursor:pointer;-webkit-tap-highlight-color:transparent}.sk-press[data-state=pressed],.sk-press:not([aria-disabled=true]):active{translate:0 var(--line-1);filter:brightness(.88)}.sk-press[aria-disabled=true]{filter:saturate(.3) brightness(1.15);cursor:default}.ui-num{font-family:var(--font-num);font-weight:700}.ui-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--z-go-h);min-width:calc(var(--z-go-h)*2);padding:0 var(--sp-3);--skin-w-pill:calc(var(--z-go-h)/2);border-radius:calc(var(--z-go-h)/2);font:var(--fs-m)/1 var(--font-cn);color:var(--c-white);white-space:nowrap;background:none}.ui-btn--gold{color:var(--c-hud);text-shadow:0 var(--line-1) 0 color-mix(in srgb,var(--c-white) 50%,transparent)}.ui-go{display:grid;place-items:center;width:var(--z-go-w);height:var(--z-go-h);padding:0;background:none;font:var(--fs-m)/1 var(--font-cn);color:var(--c-white);text-shadow:0 var(--line-1) var(--line-2) color-mix(in srgb,var(--c-hud) 70%,transparent)}.ui-icon-btn{position:relative;display:grid;place-items:center;padding:0;border-radius:50%;background-color:transparent;color:var(--c-gold);font:var(--fs-m)/1 var(--font-num)}.ui-icon-btn--round{width:var(--z-round-btn);height:var(--z-round-btn)}.ui-icon-btn--sys{width:var(--z-sys);height:var(--z-sys)}.ui-icon-btn:after{content:"";position:absolute;left:50%;top:50%;width:var(--z-touch);height:var(--z-touch);translate:-50% -50%;border-radius:50%}.ui-icon-btn__icon{display:block;width:var(--z-icon);height:var(--z-icon)}.ui-icon-btn--sys .ui-icon-btn__icon{width:calc(var(--z-sys)*.62);height:calc(var(--z-sys)*.62)}.ui-sound.is-playing{filter:brightness(1.3)}.ui-round{--gi-art:var(--skin-round);--gi-inset:var(--z-round-body);--gi-r:var(--z-round-r);position:relative;display:flex;align-items:center;justify-content:center;gap:var(--sp-1);width:var(--z-round-w);height:var(--z-round-h);padding:0 0 var(--line-2) var(--z-round-h);font:var(--fs-s)/1 var(--font-cn);color:var(--c-white);white-space:nowrap}.ui-round .ui-num{color:var(--c-gold)}.ui-round.is-hot{--gi-art:var(--skin-round-hot,var(--skin-round))}.ui-round .ui-hot{color:var(--c-hot)}.ui-round .ui-hot.is-new{display:inline-block;animation:ui-hot-in .25s ease-out}@keyframes ui-hot-in{0%{opacity:0;scale:1.3}}.ui-toast{--skin-w-plate:calc(var(--z-toast-h)/2);display:inline-flex;align-items:center;gap:var(--sp-1);height:var(--z-toast-h);max-width:var(--z-toast-max);padding:0 var(--sp-3);border-radius:calc(var(--z-toast-h)/2);font:var(--fs-s)/1 var(--font-cn);color:var(--c-white);white-space:nowrap;animation:ui-toast .16s ease-out}.ui-toast .ui-num{color:var(--c-gold)}.ui-toast .ui-hot{color:var(--c-hot)}@keyframes ui-toast{0%{translate:0 calc(var(--sp-2)*-1);opacity:0}}.ui-players{display:grid;grid-auto-rows:var(--z-player-row)}.ui-player{position:relative;display:flex;align-items:center;gap:var(--sp-1)}.ui-player img{width:var(--z-avatar);height:var(--z-avatar);border-radius:50%;object-fit:cover;background:var(--glass);box-shadow:0 0 0 var(--line-1) color-mix(in srgb,var(--c-white) 45%,transparent),var(--sh-1)}.ui-player b{font:700 var(--fz-player-hp)/1 var(--font-num);color:var(--c-white);-webkit-text-stroke:var(--line-2) color-mix(in srgb,var(--c-hud) 85%,transparent);paint-order:stroke fill}.ui-player.is-me img{box-shadow:0 0 0 var(--line-2) var(--c-blue),var(--sh-1)}.ui-player.is-out img{filter:grayscale(1);opacity:.55}.ui-player.is-out b{opacity:.4}.ui-player b.is-hit{animation:ui-hp-flash .6s linear}.ui-player__damage{position:absolute;z-index:var(--z-hit-float);font:700 var(--fz-hit)/1 var(--font-num);color:var(--c-red);-webkit-text-stroke:var(--line-2) var(--c-white);paint-order:stroke fill;pointer-events:none;animation:ui-hp-float 1.2s linear forwards}@keyframes ui-hp-flash{0%,50%,to{color:var(--c-white)}25%,75%{color:var(--c-red)}}@keyframes ui-hp-float{0%{transform:translateY(0);opacity:1}75%{transform:translateY(calc(var(--z-hit-rise)*-1));opacity:1}to{transform:translateY(calc(var(--z-hit-rise)*-1));opacity:0}}.ui-energy{position:relative;display:grid;place-items:center;align-content:center;width:var(--z-energy);height:var(--z-energy);border-radius:50%;color:var(--c-white);font:700 var(--fz-energy)/1 var(--font-num)}.ui-energy i{font-style:normal;font-size:var(--fs-s);line-height:1;color:var(--c-gold)}.ui-energy[data-state=bump]{animation:ui-bump .32s ease-out}@keyframes ui-bump{40%{scale:1.15}}.ui-commander{display:flex;align-items:flex-end;gap:var(--sp-1)}.ui-commander__face{width:var(--z-commander);height:var(--z-commander);border-radius:50%;object-fit:cover;object-position:50% 12%;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c-blue) 45%,var(--c-white)),var(--c-blue));box-shadow:0 0 0 var(--line-2) var(--c-white),var(--sh-1)}.ui-commander span{padding-bottom:var(--sp-1);font:var(--fs-s)/1 var(--font-cn);color:var(--c-white);text-shadow:0 var(--line-1) var(--line-2) var(--c-hud)}.ui-headbar{position:absolute;width:var(--z-bar-w);height:var(--z-bar-h);translate:-50% 0;pointer-events:none}.ui-headbar__hp{position:absolute;left:var(--line-2);right:var(--line-2);top:calc((var(--z-bar-h) - var(--z-hp-h))/2);height:var(--z-hp-h);border-radius:var(--line-1);overflow:hidden}.ui-headbar__hp{display:flex}.ui-headbar__hp i{display:block;flex:none;height:100%;background:var(--c-blue)}.ui-headbar__hp .ui-headbar__shield{display:block;flex:none;height:100%;background:var(--c-shield);text-decoration:none}.ui-headbar.enemy .ui-headbar__hp i{background:var(--c-red)}.ui-headbar__hp:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/var(--ticks,10) - var(--line-1)),color-mix(in srgb,var(--c-hud) 80%,transparent) 0 calc(100%/var(--ticks,10)))}.ui-level{position:absolute;display:grid;place-items:center;border-radius:var(--z-level-r);background:var(--skin-level) center/100% 100% no-repeat;font:700 var(--fz-level)/1 var(--font-num);color:var(--c-gold);pointer-events:none}.ui-headlevel{width:var(--z-level);height:var(--z-level);translate:-50% -50%}.ui-tray{position:relative;display:inline-flex;align-items:flex-end;gap:var(--z-tray-gap);height:var(--z-tray-h);padding:0 var(--z-tray-pad) var(--z-tray-bottom)}.ui-tray__base{position:absolute;left:0;right:0;bottom:0;height:var(--z-tray-h);border-radius:var(--sp-3) var(--sp-3) 0 0;transition:opacity .15s ease-out}.ui-tray>.ui-slot{flex:none}.ui-tray:has(.ui-slot[data-state=selected]) .ui-tray__base,.ui-tray:has(.ui-slot[data-state=selected]) .ui-slot:not([data-state=selected]),.ui-tray.is-faded .ui-tray__base,.ui-tray.is-faded .ui-slot{opacity:.3}.ui-slot{position:relative;width:var(--z-slot-w);height:var(--z-slot-h);border-radius:var(--r-s);transition:translate .1s ease-out,scale .1s ease-out,opacity .15s ease-out}.ui-slot__pit{position:absolute;inset:0;border-radius:var(--r-s)}.ui-slot__card{position:absolute;inset:0;border-radius:var(--r-s);overflow:hidden;box-shadow:inset 0 0 0 var(--line-2) var(--glass-edge),var(--sh-1)}.ui-slot__card .ui-art{position:absolute;inset:0}.ui-slotlevel{left:var(--sp-1);top:var(--sp-1);width:var(--z-level-slot);height:var(--z-level-slot);font-size:var(--fz-cost)}.ui-slot__cost{position:absolute;right:var(--sp-1);top:var(--sp-1);display:grid;place-items:center;width:var(--z-cost);height:var(--z-cost);border-radius:50%;font:700 var(--fz-cost)/1 var(--font-num);color:var(--c-white)}.ui-slot:not([data-state=empty]){cursor:pointer}.ui-slot[data-state=empty]{display:none}.ui-slot[data-state=reserved]{visibility:hidden}.ui-tray.is-empty .ui-tray__base{display:none}.ui-tray.is-stacked{gap:0}.ui-tray.is-stacked>.ui-slot:not([data-state=empty])~.ui-slot{margin-left:calc(var(--tray-step) - var(--z-slot-w))}.ui-tray>.ui-slot.is-dragging{z-index:2}.ui-slot[data-state=selected]{translate:0 calc(var(--z-tray-lift)*-1);scale:1.05;z-index:1}.ui-slot[data-state=selected] .ui-slot__card{box-shadow:inset 0 0 0 var(--line-2) var(--c-gold),0 0 var(--sp-2) var(--c-gold)}.ui-slot[data-state=arrived]{animation:ui-arrive .56s ease-out}@keyframes ui-arrive{0%{scale:1.25;filter:drop-shadow(0 0 var(--sp-2) var(--c-gold))}to{scale:1;filter:none}}.ui-plate{--skin-w-plate:calc(var(--z-plate-h)/2);display:inline-grid;place-items:center;height:var(--z-plate-h);padding:0 var(--sp-2);border-radius:calc(var(--z-plate-h)/2);font:700 var(--fz-plate)/1 var(--font-num);color:var(--c-white);white-space:nowrap}.ui-slot .ui-plate{position:absolute;left:50%;bottom:calc(100% + var(--sp-1));translate:-50% 0}.ui-slot:not([data-state=selected]) .ui-plate{display:none}.ui-tray__base.sk--tray{border-top:var(--paper-edge);border-image-source:none;background:color-mix(in srgb,var(--c-paper) 85%,transparent);box-shadow:var(--paper-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-plate.sk--plate{border:var(--paper-edge);border-image-source:none;background:var(--c-paper);color:var(--c-ink);box-shadow:var(--paper-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-slot[data-cost="1"]{--rarity:var(--c-blue)}.ui-slot[data-cost="2"]{--rarity:var(--c-gold)}.ui-slot[data-cost="3"]{--rarity:var(--c-red)}.ui-slot__name{position:absolute;left:0;right:0;bottom:0;height:var(--z-slot-band-h);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:0 var(--sp-1);background:color-mix(in srgb,var(--c-paper) 78%,var(--rarity));color:var(--c-ink);font:700 var(--fz-card-en)/1 var(--font-num);text-align:left;pointer-events:none}.ui-slot__name.is-multi{height:var(--z-slot-band-multi-h)}.ui-slot__name-line{display:block;white-space:nowrap;transform-origin:left center}.ui-tray:is(.is-faded,:has(.ui-slot[data-state=selected])) .ui-slot.is-bond-partner:not([data-state=selected]){opacity:1}.ui-slot.is-bond-partner .ui-slot__card{box-shadow:inset 0 0 0 var(--line-2) var(--c-gold)}.ui-art{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--c-blue) 30%,var(--c-white)) 0,color-mix(in srgb,var(--c-blue) 12%,var(--c-white)) 55%,color-mix(in srgb,var(--c-green) 70%,var(--c-white)) 56%,var(--c-green) 100%)}.ui-art img{position:absolute;left:-18%;width:136%;bottom:-6%;height:auto;pointer-events:none}.ui-card{position:relative;display:block;width:var(--z-card-w);height:var(--z-card-h);padding:0;border:0;border-radius:var(--r-s);background:none;color:var(--c-white);filter:drop-shadow(var(--sh-1))}.ui-card__win{position:absolute;left:var(--z-card-win-x);top:var(--z-card-win-y);width:var(--z-card-win-w);height:var(--z-card-win-h);border-radius:var(--z-card-win-r) var(--z-card-win-r) 0 0;overflow:hidden}.ui-card__win .ui-art{position:absolute;inset:0}.ui-card__win .ui-art img{inset:0;width:100%;height:100%;object-fit:cover}.ui-card__name{position:absolute;left:var(--z-card-win-x);right:var(--z-card-win-x);top:calc(var(--z-card-win-y) + var(--z-card-win-h));height:var(--z-card-band-h);display:grid;place-items:center;padding:0 var(--sp-1);font:700 var(--fz-card-en)/1.05 var(--font-num);color:var(--c-white);text-align:center;text-wrap:balance}.ui-card__frame{position:absolute;inset:0;pointer-events:none;background:center/100% 100% no-repeat}.ui-card--1 .ui-card__frame{background-image:var(--skin-card-1)}.ui-card--2 .ui-card__frame{background-image:var(--skin-card-2)}.ui-card--3 .ui-card__frame{background-image:var(--skin-card-3)}.ui-card__cost{position:absolute;right:calc(var(--z-card-win-x) + var(--line-2));top:calc(var(--z-card-win-y) + var(--line-2));display:grid;place-items:center;width:var(--z-cost-card);height:var(--z-cost-card);border-radius:50%;font:700 var(--fz-level)/1 var(--font-num);color:var(--c-white)}.ui-cardlevel{left:calc(var(--z-card-win-x) + var(--line-2));top:calc(var(--z-card-win-y) + var(--line-2));width:var(--z-cost-card);height:var(--z-cost-card)}.ui-card[data-state=poor] .ui-card__win,.ui-card[data-state=poor] .ui-card__frame{filter:saturate(.3) brightness(.75)}.ui-card[data-state=poor] .ui-card__cost{color:var(--c-red)}.ui-card[data-state=poor] .ui-cardlevel{filter:saturate(.3) brightness(.75)}.ui-card[data-state=sold]{background:none;filter:none;cursor:default}.ui-card[data-state=sold]>*{visibility:hidden}.is-shaking{animation:ui-shake .24s ease-in-out}@keyframes ui-shake{20%{translate:calc(var(--sp-1)*-1) 0}40%{translate:var(--sp-1) 0}60%{translate:calc(var(--line-2)*-1) 0}80%{translate:var(--line-2) 0}}.ui-drawer{position:relative;display:flex;align-items:flex-start;gap:var(--sp-2);width:var(--z-drawer-w);height:var(--z-drawer-h);padding:var(--sp-2) var(--z-drawer-pad);transition:translate .2s ease-out,opacity .2s ease-out}.ui-drawer__blur{position:absolute;inset:var(--z-drawer-body);border-radius:var(--r-l)}.ui-drawer__skin{position:absolute;inset:0;pointer-events:none}.ui-drawer__cards{position:relative;display:flex;gap:var(--z-drawer-gap)}.ui-drawer__side{position:relative;display:grid;gap:var(--z-side-gap);justify-items:start}.ui-drawer__tab{position:absolute;left:50%;top:calc(100% - var(--z-tab-up));width:var(--z-tongue-w);height:var(--z-tongue-h);translate:-50% 0;background:var(--skin-tab) center/100% 100% no-repeat;pointer-events:none}.ui-drawer__tongue{position:absolute;left:50%;bottom:0;width:var(--z-tongue-hit-w);height:var(--z-touch);translate:-50% 50%;padding:0;border:0;background:none;cursor:pointer}.ui-drawer.is-closed{translate:0 calc(var(--z-drawer-h)*-1);opacity:0;pointer-events:none}.ui-drawer__blur{display:none}.ui-drawer__skin.sk--drawer{border:var(--paper-edge);border-image-source:none;border-radius:var(--r-l);background:color-mix(in srgb,var(--c-paper) 94%,transparent);box-shadow:var(--paper-shadow)}.ui-drawer__tab{background:var(--c-paper);border:var(--paper-edge);border-top:0;border-radius:0 0 var(--r-s) var(--r-s);box-shadow:var(--paper-shadow)}.ui-card__name{color:var(--c-ink);text-shadow:none;-webkit-text-stroke:0}.ui-drawer__side .ui-icon-btn.sk--btn{background:var(--c-blue);color:var(--c-white);box-shadow:inset 0 calc(var(--sp-1)*-1) 0 color-mix(in srgb,var(--c-blue) 85%,var(--c-ink));-webkit-backdrop-filter:none;backdrop-filter:none}.ui-refresh-free{position:absolute;z-index:2;left:calc(100% - 13px);top:-5px;width:var(--z-cost-card);height:var(--z-cost-card);display:grid;place-items:center;border:1.5px solid var(--c-white);border-radius:50%;background:var(--c-gold);color:var(--c-white);font:700 11px/1 var(--font-num);-webkit-text-stroke:1px var(--c-ink);paint-order:stroke fill;pointer-events:none}.ui-drawer__side .ui-icon-btn.is-free-award{animation:ui-free-award .2s linear 2}@keyframes ui-free-award{50%{outline:2px solid var(--c-gold)}}.ui-card--1{--rarity:var(--c-blue)}.ui-card--2{--rarity:var(--c-gold)}.ui-card--3{--rarity:var(--c-red)}.ui-card__name{background:color-mix(in srgb,var(--c-paper) 78%,var(--rarity))}.ui-card__cost{background:var(--rarity);border:var(--z-cost-edge) solid var(--c-white);-webkit-text-stroke:var(--line-1) var(--c-ink);paint-order:stroke fill;box-shadow:0 var(--line-1) var(--sp-1) color-mix(in srgb,var(--c-ink) 25%,transparent)}.ui-card[data-state=poor] .ui-card__cost{color:var(--c-white)}.ui-drawer__side .ui-shop-lock.sk--btn{border:2px solid var(--c-wood);border-bottom:var(--key-edge);border-bottom-width:3px;border-radius:8px;background:var(--c-paper-card);box-shadow:var(--paper-shadow);transition:background .12s ease-out,translate .12s ease-out,border-color .12s ease-out}.ui-drawer__side .ui-shop-lock.sk--btn.is-locked{translate:0 2px;border-color:transparent;border-bottom:0;background:var(--c-gold);box-shadow:none}.ui-shop-lock .ui-icon-btn__icon{width:18px;height:18px}.ui-card__lock{position:absolute;z-index:5;left:50%;top:-9px;translate:-50% 0;width:18px;height:18px;display:grid;place-items:center;border:1.5px solid var(--c-white);border-radius:50%;background:var(--c-gold);pointer-events:none}.ui-card__lock i{width:10px;height:10px}.ui-shop-lock .sk--icon-lock,.ui-card__lock .sk--icon-lock{background:var(--c-ink);mask:var(--skin-icon-lock) center/contain no-repeat}.ui-shop-lock .sk--icon-unlock,.ui-card__lock .sk--icon-unlock{background:var(--c-ink);mask:var(--skin-icon-unlock) center/contain no-repeat}.ui-q{position:relative;width:var(--z-q-w);height:var(--z-q-h);padding:var(--z-q-pad);border-radius:var(--r-l);color:var(--c-white);box-shadow:var(--sh-2)}.ui-q__close{position:absolute;right:var(--sp-2);top:var(--sp-2);z-index:1}.ui-q [hidden]{display:none!important}.ui-q__main{position:relative;display:grid;grid-template-columns:var(--z-q-left) var(--z-q-right);gap:var(--z-q-pad);height:100%}.ui-q--teach .ui-q__main{grid-template-columns:var(--z-q-teach-w) 1fr}.ui-q__left{display:flex;flex-direction:column;align-items:center;justify-content:center}.ui-q__right{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--z-q-row-gap)*2)}.ui-q__stage{display:grid;place-items:center;flex:none;max-width:100%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c-white) 28%,transparent),transparent)}.ui-q{--q-under-h:calc(var(--z-sound) + var(--line-2) + var(--fs-s));--q-pic-max:calc(var(--z-q-h) - var(--z-q-pad)*2 - var(--z-q-say-gap) - var(--q-under-h))}.ui-q__stage{width:100%}.ui-q__pic{display:block;width:100%;height:auto;max-width:100%;max-height:var(--q-pic-max);margin:0 auto;filter:drop-shadow(0 var(--sp-1) var(--sp-1) color-mix(in srgb,var(--c-hud) 70%,transparent))}.ui-q__left{gap:var(--z-q-say-gap)}.ui-q__word{font:700 var(--fz-q-word)/1 var(--font-num);color:var(--c-white);text-shadow:0 var(--line-2) var(--sp-1) var(--c-hud)}.ui-q--teach .ui-q__right{align-items:flex-start}.ui-q__word{max-width:100%;white-space:nowrap}.ui-q__word.is-long{font-size:var(--fz-q-word-s)}.ui-q__word.is-wrap{white-space:normal;overflow-wrap:anywhere}.ui-q__go{position:absolute;right:0;bottom:0;width:var(--z-q-go-w)}.ui-q__under{display:flex;align-items:flex-start;justify-content:center;gap:var(--sp-2)}.ui-q__under .ui-q__zh{line-height:var(--z-sound)}.ui-q__listen{display:grid;justify-items:center;gap:var(--line-2)}.ui-q__listen.has-mute{position:relative;grid-template-columns:auto auto;align-items:center;column-gap:var(--sp-2);padding-bottom:calc(var(--fs-s) + var(--line-2))}.ui-q__listen.has-mute .ui-q__again{position:absolute;left:calc(var(--z-sound)/2);top:calc(var(--z-sound) + var(--line-2));translate:-50% 0}.ui-q__listen.is-hero{grid-template-columns:auto;row-gap:var(--sp-2);padding-bottom:0}.ui-q__listen.is-hero .ui-sound{width:var(--z-sound-hero);height:var(--z-sound-hero);font-size:var(--fz-sound-hero)}.ui-q__listen.is-hero .ui-q__again{position:static;translate:none;margin-top:calc(var(--line-2) - var(--sp-2))}.ui-q__again{font:var(--fz-cn-sub)/1 var(--font-cn);color:var(--c-ink);white-space:nowrap;pointer-events:none}.ui-q__zh{font:var(--fz-cn-sub)/1 var(--font-cn);color:var(--c-ink)}.ui-q .ui-sound{width:var(--z-sound);height:var(--z-sound)}.ui-q--spell .ui-q__right{padding-bottom:calc(var(--z-q-btn-h) + var(--z-q-btn-gap))}.ui-q__btns{position:absolute;right:0;bottom:0;display:flex;gap:var(--z-q-btn-gap)}.ui-q__btns .ui-btn{position:relative;min-width:0;padding:0;width:var(--z-q-btn-w);height:var(--z-q-btn-h);--skin-w-pill:calc(var(--z-q-btn-h)/2);font-size:var(--fz-cn-sub)}.ui-q__btns .ui-btn:after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--z-touch);translate:0 -50%}.ui-q__slots{display:grid;gap:var(--z-q-row-gap);justify-items:center}.ui-q__line,.ui-q__blocks{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-1)}.ui-q__line{flex-wrap:nowrap}.ui-q__blocks{row-gap:var(--z-q-row-gap);max-width:calc(var(--z-block-w)*8 + var(--sp-1)*7)}.ui-q__slot{display:grid;place-items:center;width:var(--z-q-slot-w);height:var(--z-q-slot-h);padding:0 0 var(--line-2);font:700 var(--fs-m)/1 var(--font-num);color:var(--c-hud)}.ui-block{position:relative;display:grid;place-items:center;width:var(--z-block-w);height:var(--z-block-h);padding:0 0 var(--sp-1);border:0;background-color:transparent;font:700 var(--fz-block)/1 var(--font-num);color:var(--c-hud);cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-q__slot.is-next{filter:drop-shadow(0 0 var(--line-2) var(--c-gold)) drop-shadow(0 0 var(--line-2) var(--c-gold))}.ui-q__slot.is-hint{color:var(--c-blue)}.ui-q--correct .ui-q__slot{color:var(--c-green)}.ui-block.sk--block-down{padding-top:var(--line-2)}.ui-block.is-used{background-image:var(--skin-blockslot);color:transparent;opacity:.4;pointer-events:none}.ui-block.is-wrong{outline:var(--line-2) solid var(--c-red);outline-offset:calc(var(--line-1)*-1);border-radius:var(--r-s);animation:ui-shake3 .24s linear}@keyframes ui-shake3{0%,to{translate:0 0}8.33%,41.67%,75%{translate:calc(var(--sp-1)*-1) 0}25%,58.33%,91.67%{translate:var(--sp-1) 0}}.ui-q__choices{display:grid;gap:var(--sp-2);width:100%}.ui-q--listen .ui-q__choices{grid-template-columns:repeat(3,1fr)}.ui-q--listen .ui-q__left{justify-content:center}.ui-choice{min-width:0;font:700 var(--fs-m)/1 var(--font-num)}.ui-choice--pic{position:relative;height:var(--z-q-choice-h);padding:0;border:0;border-radius:var(--r-s);overflow:hidden;box-shadow:inset 0 0 0 var(--line-2) var(--glass-edge)}.ui-choice--pic .ui-art{position:absolute;inset:0;background:none}.ui-choice--pic .ui-art img{left:var(--sp-1);top:var(--sp-1);bottom:auto;width:calc(100% - var(--sp-1)*2);height:calc(100% - var(--sp-1)*2);object-fit:contain}.ui-choice.is-right{filter:drop-shadow(0 0 var(--line-2) var(--c-green)) drop-shadow(0 0 var(--line-2) var(--c-green))}.ui-choice.is-wrong{filter:drop-shadow(0 0 var(--line-2) var(--c-red)) grayscale(.5);animation:ui-shake .26s ease-in-out}.ui-q__done{display:flex;justify-content:center;font:700 var(--fz-q-done)/1 var(--font-num);color:var(--c-green);text-shadow:0 var(--line-2) var(--sp-1) var(--c-hud)}.ui-q__done span{display:inline-block}.ui-q__done .is-space{min-width:.3em}.ui-q__stamp{position:absolute;right:calc(var(--sp-4)*2);top:var(--sp-3);width:calc(var(--sp-4)*2);height:calc(var(--sp-4)*2);border-radius:50%;box-shadow:inset 0 0 0 var(--sp-1) var(--c-green),0 0 var(--sp-3) color-mix(in srgb,var(--c-green) 60%,transparent);animation:ui-stamp .26s cubic-bezier(.2,1.5,.4,1)}.ui-q__stamp:after{content:"";position:absolute;left:32%;top:20%;width:28%;height:45%;border:solid var(--c-green);border-width:0 var(--sp-1) var(--sp-1) 0;rotate:40deg}@keyframes ui-stamp{0%{scale:1.6;opacity:0}}.ui-q__slot{width:calc(var(--z-q-slot-w) + (var(--n,1) - 1)*var(--sp-3))}.ui-block{width:calc(var(--z-block-w) + (var(--n,1) - 1)*var(--sp-3))}.ui-q__slot.is-given{opacity:.55}.ui-q__slot.is-filled:not(.is-locked){cursor:pointer}.ui-q__slot.is-wrong{outline:var(--line-2) solid var(--c-red);outline-offset:calc(var(--line-1)*-1);border-radius:var(--r-s);color:var(--c-red);animation:ui-shake3 .26s linear,ui-blink2 var(--t-q-wrong-hold) linear}@keyframes ui-blink2{25%,75%{outline-color:transparent}}.ui-q__slot.is-ghost{font:700 var(--fz-reveal)/1 var(--font-num);color:color-mix(in srgb,var(--c-white) 40%,transparent);text-transform:lowercase;animation:ui-ghost var(--t-reveal-step) ease-out}@keyframes ui-ghost{0%{opacity:0}}.ui-block.is-bounce{animation:ui-bounce .18s ease-out}@keyframes ui-bounce{50%{translate:0 calc(var(--sp-3)*-1)}}.ui-q__head{position:absolute;left:0;right:0;top:0;height:var(--z-q-head-h);display:flex;align-items:center;justify-content:center;gap:var(--sp-1);font:var(--fz-q-zh)/1 var(--font-cn);color:color-mix(in srgb,var(--c-white) 85%,transparent);white-space:nowrap}.ui-q__head b{font:700 var(--fz-q-zh)/1 var(--font-num);color:var(--c-gold)}.ui-q.has-head .ui-q__right{padding-top:var(--z-q-head-h)}.ui-q__mute{position:relative;gap:var(--sp-1);min-width:0;width:var(--z-sound-pill-w);height:var(--z-q-btn-h);padding:0;--skin-w-pill:calc(var(--z-q-btn-h)/2);font-size:var(--fz-cn-sub)}.ui-q__mute:after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--z-touch);translate:0 -50%}.ui-q__mute-icon{display:block;width:var(--fz-q-zh);height:var(--fz-q-zh)}.ui-q__note{font:var(--fz-cn-sub)/1 var(--font-cn);color:var(--c-ink)}.ui-choice.is-answer{filter:drop-shadow(0 0 var(--line-2) var(--c-green)) drop-shadow(0 0 var(--line-2) var(--c-green))}.ui-q.sk--panel{border:var(--paper-edge);border-image-source:none;background:var(--c-paper);color:var(--c-ink);box-shadow:var(--paper-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-q__stage{background:var(--c-paper-card);border-radius:calc(var(--r-s) + var(--sp-1));box-shadow:inset 0 0 0 var(--line-2) var(--c-wood)}.ui-q__pic{filter:drop-shadow(0 var(--sp-1) var(--sp-1) color-mix(in srgb,var(--c-ink) 25%,transparent))}.ui-q__word{color:var(--c-ink);text-shadow:none}.ui-q__zh,.ui-q__again,.ui-q__note,.ui-q__head{color:var(--c-ink)}.ui-q__head b{color:var(--c-blue)}.ui-q__slot.sk--blockslot{background-image:none;background-color:color-mix(in srgb,var(--c-paper-card) 60%,transparent);border:var(--line-2) dashed color-mix(in srgb,var(--c-ink) 35%,transparent);border-radius:calc(var(--r-s) - var(--line-2))}.ui-q__slot.sk--blockslot.is-next{border-color:var(--c-blue);filter:drop-shadow(0 0 var(--line-2) var(--c-blue))}.ui-q__slot.is-ghost{color:color-mix(in srgb,var(--c-ink) 40%,transparent)}.ui-q .sk--pill,.ui-choice--pic{border:var(--line-1) solid var(--c-wood);border-bottom:var(--key-edge);border-image-source:none;background:var(--c-paper-card);color:var(--c-ink);box-shadow:var(--paper-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-q .sk--pill[data-state=pressed],.ui-q .sk--pill:active,.ui-choice--pic:active{translate:0 var(--sp-1);border-bottom-width:0;filter:none}.ui-choice--pic.is-selected{outline:var(--line-2) solid var(--c-blue)}.ui-sound.sk--btn{background:var(--c-blue);color:var(--c-white);box-shadow:inset 0 calc(var(--sp-1)*-1) 0 color-mix(in srgb,var(--c-blue) 85%,var(--c-ink));-webkit-backdrop-filter:none;backdrop-filter:none}.ui-q__close.ui-icon-btn.sk--btn{border:var(--line-2) solid var(--c-wood);background:var(--c-paper-card);box-shadow:var(--sh-1);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-q__close .ui-icon-btn__icon{position:relative;background:none;mask:none}.ui-q__close .ui-icon-btn__icon:before,.ui-q__close .ui-icon-btn__icon:after{content:"";position:absolute;left:0;top:50%;width:100%;height:var(--z-q-close-stroke);background:var(--c-ink);border-radius:var(--z-q-close-stroke)}.ui-q__close .ui-icon-btn__icon:before{rotate:45deg}.ui-q__close .ui-icon-btn__icon:after{rotate:-45deg}.ui-q__mute-icon.sk--icon-sound{background:var(--c-ink);mask:var(--skin-icon-sound) center/contain no-repeat}.ui-q__mute-icon.sk--icon-mute{background:var(--c-ink);mask:var(--skin-icon-mute) center/contain no-repeat}.ui-q__bar{position:absolute;left:var(--z-q-bar-inset);right:var(--z-q-bar-inset);top:calc(100% + var(--line-2));height:var(--z-q-bar-h);display:flex;align-items:center;justify-content:center;border-radius:0 0 var(--r-l) var(--r-l);font:700 var(--fz-q-bar)/1 var(--font-cn);color:var(--c-white);pointer-events:none}.ui-q__bar.is-ok{background:var(--c-green)}.ui-q__bar.is-bad{background:var(--c-red)}.ui-q__bar-text{display:block;max-width:100%;white-space:nowrap;text-align:center}.ui-q__bar:has(.ui-q__star) .ui-q__bar-text{max-width:calc(100% - 44px)}.ui-q__learned{font:400 16px/1 var(--font-cn)}.ui-q__bar.is-two-line .ui-q__learned{display:block;margin-top:2px}.ui-q__bar.is-two-line{height:56px}.ui-q__bar.is-two-line .ui-q__bar-text{white-space:normal;line-height:1.2}.ui-q__star{position:absolute;right:10px;top:50%;width:24px;height:24px;translate:0 -50%;object-fit:contain;animation:ui-q-star-in .25s ease-out both}@keyframes ui-q-star-in{0%{opacity:0;scale:0;rotate:-20deg}60%{opacity:1;scale:1.25;rotate:-8deg}to{opacity:1;scale:1;rotate:0}}.ui-choice{position:relative}.ui-choice .ui-q__stamp{right:var(--sp-2);top:50%;translate:0 -50%;width:var(--z-q-stamp);height:var(--z-q-stamp);background:var(--c-paper-card)}.ui-choice.is-wrong{filter:none;outline:var(--z-q-mark) solid var(--c-red);outline-offset:calc(var(--z-q-mark)*-1);animation:ui-shake2 var(--t-q-shake) linear}.ui-choice.is-right,.ui-choice.is-answer{filter:none;outline:var(--z-q-mark) solid var(--c-green);outline-offset:calc(var(--z-q-mark)*-1);background:color-mix(in srgb,var(--c-green) 15%,var(--c-paper-card))}@keyframes ui-shake2{12.5%,62.5%{translate:calc(var(--sp-1)*-1) 0}37.5%,87.5%{translate:var(--sp-1) 0}}.ui-q .ui-block.is-used{background-image:none;border:0;opacity:1;color:transparent;background-color:color-mix(in srgb,var(--c-paper-card) 40%,transparent);box-shadow:inset 0 var(--line-2) var(--line-2) color-mix(in srgb,var(--c-ink) 30%,transparent);border-radius:calc(var(--r-s) - var(--line-2))}.ui-q__slot.is-nudge{background-color:color-mix(in srgb,var(--c-gold) 30%,var(--c-paper-card));outline:var(--z-q-mark) dashed var(--c-blue);outline-offset:var(--line-1);animation:ui-nudge var(--t-q-nudge) ease-in-out}@keyframes ui-nudge{25%,75%{scale:1.08}0%,50%,to{scale:1}}.ui-block.is-hop{animation:ui-bounce .26s ease-out}.ui-q__slots{row-gap:var(--sp-3)}.ui-q--spell .ui-q__right{padding-top:var(--sp-2);padding-bottom:0;gap:var(--z-q-separator-gap)}.ui-q--spell .ui-q__blocks{position:relative}.ui-q--spell .ui-q__blocks:before{content:"";position:absolute;left:0;right:0;top:calc(var(--z-q-separator-gap)/-2);height:var(--line-1);background:color-mix(in srgb,var(--c-ink) 15%,transparent)}.ui-q--spell .ui-q__note{visibility:hidden}.ui-q__slot.is-given{opacity:1;background-image:none;background-color:var(--c-paper-card);font-size:var(--fz-given);padding-bottom:0;border:var(--line-1) solid var(--c-wood);border-radius:calc(var(--r-s) - var(--line-2));box-shadow:none}.ui-q__slot.is-ghost{color:var(--c-ink)}.ui-q.is-long-spell{height:var(--z-q-long-h);--z-q-left:var(--z-q-long-left);--z-q-right:var(--z-q-long-right);--z-q-slot-w:var(--z-q-long-block-w);--z-q-slot-h:var(--z-q-long-block-h);--z-block-w:var(--z-q-long-block-w);--z-block-h:var(--z-q-long-block-h)}.ui-q.is-long-spell .ui-q__slots{display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--sp-3);row-gap:var(--sp-1)}.ui-q.is-long-spell .ui-q__slots{max-width:calc(var(--z-q-long-right) - var(--sp-3))}.ui-q.is-long-spell .ui-q__close{right:calc(var(--sp-1) - var(--z-round-btn)/2 - var(--line-2));top:calc(var(--sp-1) - var(--z-round-btn)/2 - var(--line-2))}.ui-q.is-long-spell .ui-q__line{flex:0 0 auto}.ui-q.is-long-spell .ui-q__blocks{max-width:calc(var(--z-block-w)*10 + var(--sp-1)*9)}.ui-q.is-long-spell .ui-q__right{justify-content:flex-start;padding-top:0;gap:var(--z-q-separator-gap)}.ui-q.is-long-spell .ui-q__note{display:none}.ui-scrim{position:absolute;inset:0;z-index:50;display:grid;place-items:center;pointer-events:auto;animation:ui-scrim-in var(--t-scrim) ease-out}.ui-scrim:before{content:"";position:absolute;inset:0;-webkit-backdrop-filter:brightness(calc(1 - var(--scrim-a)));backdrop-filter:brightness(calc(1 - var(--scrim-a)))}@supports not ((backdrop-filter:brightness(1)) or (-webkit-backdrop-filter:brightness(1))){.ui-scrim:before{background:rgb(0 0 0 / var(--scrim-a))}}.ui-scrim.is-out{animation:ui-scrim-out var(--t-scrim) ease-in forwards;pointer-events:none}.ui-scrim>*{position:relative}@keyframes ui-scrim-in{0%{opacity:0}}@keyframes ui-scrim-out{to{opacity:0}}.ui-tip{position:absolute;z-index:60;display:grid;justify-items:center;max-width:var(--z-tip-maxw);padding:var(--sp-2) var(--z-tip-pad-x);border-width:0;border-style:solid;border-color:transparent;font:var(--fz-tip)/var(--z-tip-line) var(--font-cn);color:var(--c-white);text-align:center;pointer-events:auto;animation:ui-toast .16s ease-out}.ui-tip b{font-weight:400}.ui-tip span{color:color-mix(in srgb,var(--c-white) 85%,transparent)}.ui-tip .ui-num{color:var(--c-gold)}.ui-tip--guide{display:flex;align-items:center;gap:6px;text-align:left;pointer-events:none;animation:ui-guide-in var(--t-scrim) ease-out}.ui-tip--guide .ui-tip__face{flex:none;width:24px;height:24px;border:1.5px solid var(--c-white);background-size:87.8px 87.8px;background-position:-25.7px -21.4px}.ui-tip__copy{display:grid;font:14px/18px var(--font-cn)}.ui-tip--guide .ui-tip__copy b{font-weight:700}.ui-tip--guide .ui-tip__copy span{color:var(--c-white)}@keyframes ui-guide-in{0%{transform:scale(.9)}to{transform:scale(1)}}.ui-tip__arrow{position:absolute;left:var(--tip-x,50%);width:var(--z-tip-arrow-w);height:var(--z-tip-arrow-h);translate:-50% 0}.ui-tip[data-side=top] .ui-tip__arrow{top:calc(100% - var(--line-1))}.ui-tip[data-side=bottom] .ui-tip__arrow{bottom:calc(100% - var(--line-1));rotate:180deg}.ui-tip[data-side=right] .ui-tip__arrow{left:calc(1px - var(--z-tip-arrow-h));top:var(--tip-y);translate:0 -50%;rotate:90deg}.ui-tip[data-side=left] .ui-tip__arrow{left:calc(100% - var(--line-1));top:var(--tip-y);translate:0 -50%;rotate:-90deg}.ui-board{position:relative;border-radius:var(--r-l);background:var(--glass-big);box-shadow:inset 0 0 0 var(--line-2) var(--glass-edge),var(--sh-2);color:var(--c-white);animation:q-in .2s cubic-bezier(.2,1.2,.4,1)}@keyframes q-in{0%{translate:0 var(--sp-4);opacity:0}}.ui-confirm{display:grid;grid-template-rows:1fr auto;width:var(--z-confirm-w);height:var(--z-confirm-h);padding:var(--sp-3)}.ui-confirm__text{margin:0;align-self:center;font:var(--fs-m)/1.4 var(--font-cn);text-align:center}.ui-confirm__btns{display:flex;justify-content:center;gap:var(--sp-3)}.ui-box-btn{width:var(--z-confirm-btn-w);height:var(--z-touch);padding:0;border-width:0;border-style:solid;border-color:transparent;border-radius:calc(var(--z-touch)/2);font:var(--fs-m)/1 var(--font-cn);color:var(--c-white)}.ui-box-btn--main{border-width:0;border-style:solid;border-color:transparent;background:none;text-shadow:0 var(--line-1) var(--line-2) color-mix(in srgb,var(--c-hud) 70%,transparent)}.ui-box-btn--sub{background:var(--glass);box-shadow:inset 0 0 0 var(--line-1) var(--glass-edge)}.ui-settings{display:grid;align-content:start;width:var(--z-settings-w);height:var(--z-settings-h);padding:var(--sp-3) var(--sp-4)}.ui-settings__title{height:var(--z-touch);font:400 var(--fz-settings-title)/var(--z-touch) var(--font-cn);text-align:center}.ui-settings__close{position:absolute;right:var(--sp-2);top:var(--sp-2)}.ui-settings__row{display:flex;align-items:center;justify-content:space-between;height:var(--z-touch);font:var(--fz-settings-row)/1 var(--font-cn)}.ui-toggle{position:relative;width:var(--z-toggle-w);height:var(--z-toggle-h);padding:0;border:0;border-radius:calc(var(--z-toggle-h)/2);cursor:pointer}.ui-toggle:after{content:"";position:absolute;left:50%;top:50%;width:var(--z-toggle-hit-w);height:var(--z-touch);translate:-50% -50%}.ui-toggle__knob{display:none}.ui-tongue{position:relative;width:var(--z-tongue-hit-w);height:var(--z-touch);padding:0;border:0;background:none;cursor:pointer}.ui-tongue:before{content:"";position:absolute;left:50%;top:0;width:var(--z-tongue-w);height:var(--z-tongue-h);translate:-50% 0;background:var(--skin-tab) center/100% 100% no-repeat}.ui-tongue:after{content:"";position:absolute;left:50%;top:var(--line-2);width:var(--sp-2);height:calc(var(--sp-1) + var(--line-1));translate:-50% 0;background:var(--c-white);clip-path:polygon(0 0,100% 0,50% 100%)}.ui-board.glass{border:var(--paper-edge);background:var(--c-paper);box-shadow:var(--paper-shadow);color:var(--c-ink);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-box-btn--sub{border:var(--line-1) solid var(--c-wood);border-bottom:var(--key-edge);background:var(--c-paper-card);box-shadow:var(--paper-shadow);color:var(--c-ink);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-settings__close.ui-icon-btn.sk--btn{background:color-mix(in srgb,var(--c-ink) 12%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-settings__close .ui-icon-btn__icon{background:var(--c-ink);mask:var(--skin-icon-close) center/contain no-repeat}.ui-tongue:before{background:var(--c-paper);border:var(--paper-edge);border-top:0;border-radius:0 0 var(--r-s) var(--r-s);box-shadow:var(--paper-shadow)}.ui-tongue:after{background:var(--c-ink)}.ui-ask{align-self:center;display:grid;gap:var(--z-ask-gap);text-align:center}.ui-ask__title{margin:0;font:400 var(--fz-settings-title)/1 var(--font-cn);color:var(--c-ink)}.ui-ask__sub{margin:0;font:var(--fz-settings-row)/1 var(--font-cn);color:var(--c-ink-soft)}.ui-pause{display:flex;flex-direction:column;align-items:center;height:var(--z-pause-h);gap:var(--z-ask-gap)}.ui-pause__btns{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:auto}.ui-pause__btn.ui-btn,.ui-pause__btn.ui-box-btn{width:var(--z-pause-btn-w);min-width:0;height:var(--z-touch);padding:0;--skin-w-pill:calc(var(--z-touch)/2);font-size:var(--fs-m)}.ui-pause__quit{margin-top:var(--sp-2);color:var(--c-ink-soft)}.ui-quit__stay.ui-btn{width:var(--z-confirm-btn-w);min-width:0;height:var(--z-touch);padding:0;--skin-w-pill:calc(var(--z-touch)/2);font-size:var(--fs-m)}.slice-prep{position:fixed;inset:0;z-index:20;pointer-events:none;font:12px sans-serif;color:#fff}.slice-prep button,.slice-question button{min-height:44px;border:1px solid #a7b3bb;border-radius:5px;background:#263847;color:#fff;padding:3px 8px;cursor:pointer;touch-action:none}.slice-prep button:disabled,.slice-prep button[aria-disabled=true],.slice-question button:disabled{opacity:.45}.prep-controls{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:4px;background:#142332eb;pointer-events:auto}.prep-controls span{flex:1}.prep-shop{position:absolute;bottom:0;left:18%;right:18%;display:flex;gap:4px;pointer-events:auto}.prep-shop button{width:20%;display:flex;align-items:center;justify-content:center;font-size:11px}.prep-shop img,.hand-card img{width:34px;height:40px;object-fit:contain}.prep-hand{position:absolute;bottom:46px;left:12%;right:12%;display:flex;align-items:center;gap:3px;pointer-events:auto}.prep-hand>span{font-size:10px;background:#142332c9;max-width:120px}.hand-card{font-size:10px;display:flex;align-items:center;padding:2px!important}.dragging{z-index:100;opacity:.8}.answering .slice-prep{visibility:hidden}.league-screen{--paper:#f8f4eb;--ink:#3b2a1c;position:fixed;inset:0;z-index:30;overflow:hidden;color:var(--ink);font-family:School,Noto Sans SC,sans-serif}.league-screen:before{content:"";position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}.league-result:before{opacity:.38}.league-canvas{position:absolute;left:50%;top:50%;width:844px;height:390px;transform:translate(-50%,-50%) scale(var(--league-scale,1));transform-origin:center}.league-canvas *{box-sizing:border-box}.league-canvas button{font-family:inherit;color:inherit;cursor:pointer}.league-canvas .league-btn-book{font-family:ZCOOL KuaiLe,Noto Sans SC,PingFang SC,Source Han Sans SC,Microsoft YaHei,sans-serif}.league-exit-back{position:absolute;z-index:4;left:20px;top:30px;width:87px;height:40px;border:0;background:url(../ui/75/B-05-exit-back.webp) center/100% 100% no-repeat;text-align:left;padding-left:12px;font-size:14px}.league-exit-back:active,.league-btn-book:active{transform:scale(.96)}.league-result-card{position:absolute;left:221px;top:50px;width:403px;height:183px;background:url(../ui/75/B-15-panel-result.webp) center/contain no-repeat;animation:result-pop .26s cubic-bezier(.2,1.45,.4,1)}.league-result-hero{position:absolute;left:11px;top:-25px;width:204.8px;height:204.8px;object-fit:contain;overflow:visible;filter:drop-shadow(6px 0 0 white) drop-shadow(-6px 0 0 white) drop-shadow(0 6px 0 white) drop-shadow(0 -6px 0 white) drop-shadow(0 2px 2px rgba(0,0,0,.18))}.league-result-underline{position:absolute;left:182.96px;top:133.06px;width:160.08px;height:15.86px;background:url(../ui/75/B-15-scribble-underline-red.webp) center/contain no-repeat}.league-result-underline.loss{background-image:url(../ui/75/B-15-scribble-underline-blue.webp)}.league-result-underline.draw{background-image:url(../ui/75/B-15-scribble-underline-white.webp)}.league-result-title{position:absolute;left:153px;top:34px;width:220px;height:120px;margin:0;display:grid;place-items:center;font:400 87px/120px ZCOOL KuaiLe,Noto Sans SC,PingFang SC,Source Han Sans SC,Microsoft YaHei,sans-serif;color:#e8342e;-webkit-text-stroke:12px white;paint-order:stroke fill;filter:drop-shadow(1px 0 0 rgba(59,42,28,.2)) drop-shadow(-1px 0 0 rgba(59,42,28,.2)) drop-shadow(0 1px 0 rgba(59,42,28,.2)) drop-shadow(0 -1px 0 rgba(59,42,28,.2));animation:title-pop .22s .12s backwards cubic-bezier(.2,1.45,.4,1)}.league-result-title.loss{color:#3f6fb5}.league-result-title.draw{color:#6b5442}@keyframes result-pop{0%{transform:scale(.88)}}@keyframes title-pop{0%{transform:scale(.7)}}.league-hp-stamp{position:absolute;left:310px;top:239.75px;width:220px;height:61.5px;background:url(../ui/75/B-25-hp-capsule-result.webp) center/contain no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;gap:11px;font:400 30px/1 Baloo Digits,ZCOOL KuaiLe,Noto Sans SC,PingFang SC,Source Han Sans SC,Microsoft YaHei,sans-serif}.league-hp-stamp i{width:16px;height:12px;background:url(../ui/75/B-16-arrow.webp) center/contain no-repeat;font-size:0}.league-rank-note{position:absolute;left:300px;top:303px;width:237px;height:44px;background:url(../ui/75/B-17-note-rank.webp) center/contain no-repeat;display:flex;align-items:center;justify-content:center;font:400 20px/1 Baloo Digits,ZCOOL KuaiLe,Noto Sans SC,PingFang SC,Source Han Sans SC,Microsoft YaHei,sans-serif}.league-rank-note .league-medal{position:absolute;left:10px;width:31px;height:37px;background-position:center;background-size:contain;background-repeat:no-repeat}.league-rank-note.rank-1 span,.league-rank-note.rank-2 span,.league-rank-note.rank-3 span{margin-left:44px}.medal-1{background-image:url(../ui/75/B-17-medal-gold.webp)}.medal-2{background-image:url(../ui/75/B-17-medal-silver.webp)}.medal-3{background-image:url(../ui/75/B-17-medal-bronze.webp)}.league-btn-book{position:absolute;left:605px;top:252.5px;width:220px;height:127.5px;border:0;background:url(../ui/75/B-12-btn-book-large-normal.webp) center/contain no-repeat;color:#f8f4eb!important;padding:0 0 5px 12.5px;font-size:28px;font-weight:400;line-height:1;white-space:nowrap;-webkit-text-stroke:6px #b3261e;paint-order:stroke fill}.league-btn-book:active{background-image:url(../ui/75/B-12-btn-book-large-pressed.webp);padding-top:5px}.league-book{position:absolute;z-index:2;left:127.5px;top:40px;width:562.5px;height:337.5px;background:url(../ui/75/B-18-book-cover.webp) center/contain no-repeat;padding-top:39.5px}.league-desk{position:absolute;z-index:0;left:-59.25px;top:40px;width:962.5px;height:350px;background:url(../ui/75/B-18-desk.webp) center/contain no-repeat}.league-row{position:relative;width:487.5px;height:27px;margin-left:35px;margin-bottom:13.5px;display:flex;align-items:center;border-radius:4px}.league-first{background:#fbe8b2aa}.league-place,.league-place-number{position:absolute;left:0;width:23px;height:23px;display:grid;place-items:center;font-size:12px;font-style:normal;background-position:center;background-size:contain;background-repeat:no-repeat}.league-place{left:1.9px;width:19.2px;padding:0 0 6px .36px;line-height:1}.league-place.medal-1{background-image:url(../ui/75/B-17-medal-plain-gold.webp)}.league-place.medal-2{background-image:url(../ui/75/B-17-medal-plain-silver.webp)}.league-place.medal-3{background-image:url(../ui/75/B-17-medal-plain-bronze.webp)}.league-place-number{background:none;font-size:15px}.league-row-avatar{position:absolute;left:28px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background-position:center;background-size:contain;background-repeat:no-repeat}.league-row-name{position:absolute;left:66px;width:90px;font-size:17px}.league-row-hp{position:absolute;left:170px;width:45px;text-align:right;font-size:15px}.league-self-flag{position:absolute;left:-20px;width:16px;height:20px;background:url(../ui/75/B-13-flag.webp) center/contain no-repeat}.league-lineup{position:absolute;left:272.5px;display:flex;gap:6px}.league-lineup img{width:36px;height:36px;object-fit:contain}.league-tab{position:absolute;z-index:1;left:666px;width:80px;height:40.5px;padding:0 0 0 4px;border:0;border-radius:0;box-shadow:none;background-color:transparent;background-position:center;background-size:contain;background-repeat:no-repeat;font-size:12px}.league-tab.active{top:58px;background-image:url(../ui/75/B-19-tab-active.webp)}.league-tab.collection{top:100px;background-image:url(../ui/75/B-19-tab-inactive.webp)}.league-tab:disabled{opacity:1;cursor:default}.league-overview{background:url(../art/arena-grass.webp) center/cover no-repeat}.league-overview .league-btn-book{z-index:3;left:677.5px;top:285.4px;width:162.5px;height:94.2px;padding:0 0 3.8px 9.3px;font-size:24px}.league-overview .league-btn-book:active{padding-top:3.7px}.league-overview .league-exit-back{z-index:2}body:has(.league-overview) .match-ui{visibility:hidden}.prep-clock{white-space:nowrap;font-size:10px}.match-banner,.battle-notice{position:fixed;left:50%;right:auto;transform:translate(-50%);z-index:40;justify-content:center;pointer-events:none;color:#fff;font:12px sans-serif;white-space:nowrap;padding:4px 8px}.match-banner{top:0;min-height:44px}.battle-notice{top:44px}.battle-notice[hidden]{display:none}@media(prefers-reduced-motion:reduce){.league-screen *{animation:none!important;transition:none!important}}.league-deco{position:absolute;z-index:0;background-position:center;background-size:contain;background-repeat:no-repeat;pointer-events:none}.deco-1{background-image:url(../ui/75/B-31-desk-deco-1.webp)}.deco-2{background-image:url(../ui/75/B-31-desk-deco-2.webp)}.deco-3{background-image:url(../ui/75/B-31-desk-deco-3.webp)}.deco-4{background-image:url(../ui/75/B-31-desk-deco-4.webp)}.league-result .deco-3{left:118px;top:14px;width:102.4px;height:90px}.league-result .deco-2{left:725px;top:42px;width:82.5px;height:90px}.league-result .deco-1{left:26px;top:245px;width:54.4px;height:90px}.league-result .deco-4{left:710px;top:172px;width:98.6px;height:72px}.league-overview .deco-1{z-index:1;left:40px;top:150px;width:54.4px;height:90px}.league-overview .deco-3{z-index:1;left:8px;top:255px;width:102.4px;height:90px}.league-row.is-out .league-row-avatar,.league-row.is-out .league-row-name,.league-row.is-out .league-row-hp,.league-row.is-out .league-lineup{opacity:.4}.league-eliminated{position:absolute;z-index:2;left:24px;top:0;width:42px;height:25px;display:grid;place-items:center;background:url(../ui/75/B-04-stamp-eliminated.webp) center/100% 100% no-repeat;color:#3b2a1c;font:700 9px/1 School,Noto Sans SC,sans-serif;pointer-events:none}:root{--z-vs-w:360px;--z-vs-h:36px;--z-back-w:88px;--z-back-h:32px;--z-round-banner-w:440px;--z-round-banner-h:64px}.g1-versus{position:absolute;z-index:50;left:calc(50% - var(--z-vs-w)/2);top:4px;width:var(--z-vs-w);height:var(--z-vs-h);display:grid;grid-template-columns:28px 12px 30px 1fr 28px 55px 30px;align-items:center;gap:4px;padding:0 8px;border:0 solid transparent;border-image:url(../ui/22/K14-versus-banner.png) 0 96 0 96 fill / 0 24px 0 24px;backdrop-filter:blur(8px) saturate(50%);color:#fff;white-space:nowrap;pointer-events:none;font:12px/1 ZCOOL KuaiLe,sans-serif}.g1-avatar{display:block;width:28px;height:28px;border:2px solid #2f7de1;border-radius:50%;background-position:center;background-size:contain;background-repeat:no-repeat}.g1-avatar.ours{background:url(../ui/141/me-head-normal.webp) center/cover no-repeat}.g1-avatar.enemy{border-color:#e8342e}.g1-title{text-align:center;font-size:16px}.g1-hp{font:14px/1 Baloo Digits,sans-serif;text-align:center}.league-exit-back{left:8px;top:8px;width:var(--z-back-w);height:44px;padding:0 0 12px;display:grid;place-items:center;border:0;background:none!important;isolation:isolate;color:#fff!important;font:14px/1 ZCOOL KuaiLe,sans-serif;white-space:nowrap}.league-exit-back:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:var(--z-back-w);height:var(--z-back-h);border:0 solid transparent;border-image:url(../ui/22/K17-back-pill.png) 0 64 0 64 fill / 0 16px 0 16px;backdrop-filter:blur(8px) saturate(50%)}.league-rank-note{font-size:16px}.league-rank-note .league-medal{width:22px;height:26px;left:15px}.league-rank-note.rank-1 span,.league-rank-note.rank-2 span,.league-rank-note.rank-3 span{margin-left:25px}.league-book{padding-top:30px}.league-row{height:38px;margin-bottom:8px}.league-first{background:linear-gradient(90deg,#fff1a8b3 0 255px,transparent 255px 280px,#fff1a8b3 280px)}.league-place,.league-place-number{width:22px;height:22px}.league-place{left:0;padding-bottom:5px}.league-row-avatar{left:28px;width:24px;height:24px}.league-row-name{left:61px;font-size:14px}.league-row-hp{left:164px;font:14px/1 Baloo Digits,sans-serif}.league-lineup img{width:29px;height:38px}.league-result .league-btn-book:disabled{filter:brightness(.5);cursor:default}.league-review{position:absolute;z-index:3;left:8px;top:60px;width:240px;padding:4px;box-sizing:border-box;display:flex;flex-direction:column;gap:0;background:#f8f4eb;border-radius:12px;box-shadow:0 2px 6px #3b2a1c4d;opacity:0;animation:league-review-in .2s ease-out forwards}.league-review-title{margin:0;height:32px;font:400 14px/32px ZCOOL KuaiLe,Noto Sans SC,sans-serif;color:#3b2a1c;text-align:center}.league-review-pages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px}.league-review-pages::-webkit-scrollbar{display:none}.league-review-page{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:repeat(var(--cols,3),72px);grid-auto-rows:96px;gap:4px;justify-content:center}.league-review-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;width:72px;height:96px;min-width:0;padding:0 2px;box-sizing:border-box;border:1px solid #c9a978;border-radius:8px;background:#fffdf7;color:#3b2a1c;font:700 11px/1.1 Baloo Digits,Noto Sans SC,sans-serif;opacity:0;animation:league-review-in .16s ease-out forwards;transition:scale .12s ease-out}.league-review-card img{width:64px;height:64px;object-fit:contain}.league-review-card img{flex:none}.league-review-card span{flex:none;height:28px;max-width:100%;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:normal}.league-review-card.is-dim{color:#9a8f84}.league-review-card.is-dim img{filter:grayscale(1);opacity:.45}.league-review-card.is-reading{scale:1.08;z-index:1;outline:3px solid #f2b705;outline-offset:-3px}.league-review-card{position:relative}.league-review-new{position:absolute;right:0;top:-4px;width:44px;height:18px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--c-red) 70%,#000);border-radius:0 0 4px 4px;background:var(--c-red);color:var(--c-white);font:400 12px/1 var(--font-cn);font-style:normal}.league-result.has-review .deco-3,.league-result .league-deco.is-covered{animation:league-deco-out .2s ease-out var(--review-at,1.3s) forwards}@keyframes league-deco-out{to{opacity:0}}@keyframes league-review-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.league-result-hero{width:160px;height:160px}.league-result-title{left:144px;width:188px;white-space:nowrap;display:flex;flex-direction:column;justify-content:center;align-items:center}.league-result-title>span{position:relative;flex:none}.league-result-title.is-two{line-height:1}.league-rank-note.is-reason{left:418.5px;translate:-50% 0;width:max-content;min-width:237px;max-width:300px;padding:0 16px;box-sizing:border-box;background-size:100% 100%;font-size:16px;color:var(--c-ink,#4a2e17);white-space:nowrap}.ui-unit-layer{z-index:30}.ui-unit-layer,.ui-unit-scrim{--unit-grey:color-mix(in srgb,var(--c-hud) 45%,var(--c-white))}.ui-unit-pill{position:absolute;display:block;height:var(--z-touch);padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;color:var(--c-white);font-family:var(--font-cn);-webkit-tap-highlight-color:transparent}.ui-unit-pill__body{position:absolute;left:0;right:0;height:var(--z-unit-pill-h);box-sizing:border-box;display:flex;align-items:center;gap:calc(var(--sp-1) + var(--line-2));padding:0 calc(var(--sp-2) + var(--line-2) - var(--line-1)) 0 calc(var(--sp-1) + var(--line-2) - var(--line-1));border:var(--line-1) solid var(--glass-edge);border-radius:calc(var(--z-unit-pill-h)/2);background:var(--glass);box-shadow:var(--sh-1)}.ui-unit-pill[hidden]{display:none}.ui-unit-pill:active .ui-unit-pill__body{scale:.96}.ui-unit-pill__text{flex:1;min-width:0;white-space:nowrap;font:var(--fz-cn-sub)/1 var(--font-cn);text-align:left}.ui-unit-pill__arrow{font:normal var(--fs-s)/1 var(--font-cn);color:var(--c-gold)}.ui-unit-pill--opening{left:calc(50% - var(--z-unit-pill-w)/2);top:calc(var(--sp-1) + var(--z-vs-h) + var(--line-1));width:var(--z-unit-pill-w);--glow-delay:.2s}.ui-unit-pill--opening .ui-unit-pill__body{top:calc(var(--sp-1) - var(--line-1))}.ui-unit-pill--prep{width:var(--z-unit-pill-s-w)}.ui-unit-pill--prep .ui-unit-pill__body{top:calc((var(--z-touch) - var(--z-unit-pill-h))/2)}.at--unit{right:calc(var(--z-edge) + var(--z-sys)*2 + var(--sp-4) + var(--sp-3));top:calc(var(--z-edge) - (var(--z-touch) - var(--z-unit-pill-h))/2)}.match-ui.is-intro .at--unit,.match-ui.is-battle .at--unit,body.answering .match-ui .at--unit,.match-ui:has(>.ui-scrim) .at--unit{display:none}.ui-unit-pill.is-used .ui-unit-pill__body{filter:grayscale(1);opacity:.6}.ui-unit-pill__bar{position:absolute;left:50%;bottom:var(--line-2);width:calc(var(--z-unit-pill-w) - var(--sp-4)*2);height:calc(var(--line-1) + var(--line-2));translate:-50% 0;border-radius:var(--z-cost-edge);background:var(--c-gold);transform-origin:left}.ui-unit-pill.is-glow .ui-unit-pill__body{animation:unit-glow var(--t-unit-glow) ease-out var(--glow-delay,0ms) 1}@keyframes unit-glow{0%{box-shadow:0 0 0 0 var(--c-gold)}40%{box-shadow:0 0 calc(var(--sp-2) + var(--sp-1)) var(--sp-1) color-mix(in srgb,var(--c-gold) 60%,transparent)}to{box-shadow:var(--sh-1)}}.ui-rec-tag{position:absolute;z-index:2;width:var(--z-rec-tag-w);height:var(--z-rec-tag-h);box-sizing:border-box;display:grid;place-items:center;border:var(--z-cost-edge) solid var(--c-white);border-radius:calc(var(--z-rec-tag-h)/2);background:var(--c-red);color:var(--c-white);font:normal var(--fs-s)/1 var(--font-cn);white-space:nowrap;pointer-events:none}.ui-unit-pill__body>.ui-rec-tag{right:calc((var(--sp-1) + var(--line-2) + var(--line-1))*-1);top:calc((var(--sp-2) + var(--line-1))*-1)}.ui-unit-card>.ui-rec-tag{left:calc(var(--sp-2)*-1);top:calc((var(--sp-2) + var(--line-2))*-1)}.ui-unit-badge{position:relative;display:block;flex:none;border-radius:50%;box-sizing:border-box;background:var(--c-paper-card)}.ui-unit-badge img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.ui-unit-badge--l{width:var(--z-unit-badge);height:var(--z-unit-badge);border:var(--line-2) solid var(--c-white);box-shadow:var(--sh-1)}.ui-unit-badge--s{width:var(--z-unit-badge-s);height:var(--z-unit-badge-s);border:var(--z-cost-edge) solid var(--c-white)}.ui-unit-badge__num{position:absolute;left:calc(50% + var(--z-unit-badge)*.3536);top:calc(50% + var(--z-unit-badge)*.3536);translate:-50% -50%;font:700 var(--fz-unit-num)/1 var(--font-num);color:var(--c-gold);-webkit-text-stroke:var(--line-2) var(--star-edge);paint-order:stroke fill}.ui-unit-badge.is-grey img{filter:grayscale(1) brightness(.75)}.ui-unit-badge.is-grey .ui-unit-badge__num{color:var(--unit-grey);-webkit-text-stroke:0}.ui-unit-panel{width:var(--z-unit-panel-w);height:var(--z-unit-panel-h);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:calc(var(--sp-2) + var(--sp-1) - var(--line-1)) calc(var(--z-unit-panel-pad-x) - var(--line-1)) 0;border:var(--line-1) solid var(--glass-edge);border-radius:var(--r-l);background:var(--glass-big);box-shadow:var(--sh-2);color:var(--c-white);animation:unit-panel-in var(--t-scrim) ease-out}.ui-unit-scrim.is-closing .ui-unit-panel{animation:unit-panel-out .12s ease-in forwards}@keyframes unit-panel-in{0%{opacity:0;scale:.92}}@keyframes unit-panel-out{to{opacity:0}}.ui-unit-panel p{margin:0;text-align:center;white-space:nowrap}.ui-unit-panel__title{font:normal var(--fs-m)/calc(var(--fs-m) + var(--sp-2)) var(--font-cn)}.ui-unit-row{display:flex;gap:var(--sp-2);margin-top:calc(var(--sp-2) + var(--sp-1))}.ui-unit-panel__line1{margin-top:var(--z-unit-panel-gap)!important;font:normal var(--fz-cn-sub)/calc(var(--fz-cn-sub) + var(--sp-1)) var(--font-cn)}.ui-unit-panel__line2{margin-top:var(--sp-1)!important;font:normal var(--fs-s)/calc(var(--fs-s) + var(--sp-1)) var(--font-cn);opacity:.7}.ui-unit-scrim>.ui-unit-back{position:absolute;pointer-events:auto}.ui-unit-card{position:relative;flex:none;width:var(--z-card-w);height:var(--z-card-h);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:calc(var(--sp-2) + var(--sp-1) - var(--line-2)) 0 0;border:var(--line-2) solid var(--c-gold);border-radius:var(--z-card-r);background:linear-gradient(var(--c-paper) 0 55%,var(--c-paper-card) 55%);color:var(--c-ink);font-family:var(--font-cn);cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-unit-card:active{scale:.97}.ui-unit-card__top{display:block}.ui-unit-card__foot{display:flex;flex-direction:column;align-items:center;gap:var(--line-2);margin-top:calc(var(--sp-2) + var(--line-2))}.ui-unit-card__label{font:normal var(--fs-s)/calc(var(--fs-s) + var(--line-2)) var(--font-cn)}.ui-unit-card__name{font:normal var(--fz-cn-sub)/calc(var(--fz-cn-sub) + var(--sp-1)) var(--font-cn);white-space:nowrap}.ui-unit-card__stars{font:normal var(--fs-s)/calc(var(--fs-s) + var(--sp-1)) var(--font-cn)}.ui-unit-card__star{font-style:normal;color:var(--c-gold)}.ui-unit-card__stars b{font:700 var(--fs-s)/1 var(--font-num)}.ui-unit-card.is-wip{border-color:var(--unit-grey);background:linear-gradient(color-mix(in srgb,var(--c-paper) 70%,var(--unit-grey)) 0 55%,color-mix(in srgb,var(--c-paper-card) 80%,var(--unit-grey)) 55%);color:var(--unit-grey)}.ui-unit-card.is-denied{animation:unit-deny .2s ease-in-out}@keyframes unit-deny{20%{translate:calc(var(--sp-1)*-1) 0}40%{translate:var(--sp-1) 0}60%{translate:calc(var(--sp-1)*-1) 0}80%{translate:var(--sp-1) 0}}.ui-unit-check{position:absolute;z-index:2;right:calc((var(--z-unit-check)/2 + var(--sp-1) + var(--line-2))*-1);top:calc((var(--z-unit-check)/2 + var(--sp-1) + var(--line-2))*-1);width:var(--z-unit-check);height:var(--z-unit-check);border-radius:50%;background:var(--c-green);box-shadow:var(--sh-1);pointer-events:none}.ui-unit-check:after{content:"";position:absolute;left:32%;top:22%;width:24%;height:40%;border:solid var(--c-white);border-width:0 var(--line-2) var(--line-2) 0;rotate:45deg}.ui-unit-check.is-moved{animation:unit-check-in .12s ease-out}@keyframes unit-check-in{0%{scale:0}}:root{--paper:#f8f4eb;--ink:#3b2a1c;--blue:#4fa7fc;--red:#f52f37;--ui75:"/ui/75/";--z-hit-float:70}@font-face{font-family:ZCOOL KuaiLe;src:url(../fonts/zcool-kuaile-subset.woff2) format("woff2");font-display:block}@font-face{font-family:Baloo Digits;src:url(../fonts/baloo2-bold-latin.woff2) format("woff2");font-weight:400;unicode-range:U+0030-0039,U+003A;font-display:block}.avatar-1{background-image:url(../ui/141/me-head-normal.webp)}.avatar-2{background-image:url(../ui/75/B-30-avatar-2.webp)}.avatar-3{background-image:url(../ui/75/B-30-avatar-3.webp)}.avatar-4{background-image:url(../ui/75/B-30-avatar-4.webp)}.avatar-5{background-image:url(../ui/75/B-30-avatar-5.webp)}.avatar-6{background-image:url(../ui/75/B-30-avatar-6.webp)}.avatar-7{background-image:url(../ui/75/B-30-avatar-7.webp)}.avatar-8{background-image:url(../ui/75/B-30-avatar-8.webp)}.avatar-9{background-image:url(../ui/75/B-30-avatar-9.webp)}.avatar-10{background-image:url(../ui/75/B-30-avatar-10.webp)}.avatar-11{background-image:url(../ui/75/B-30-avatar-11.webp)}.avatar-12{background-image:url(../ui/75/B-30-avatar-12.webp)}.avatar-13{background-image:url(../ui/75/B-30-avatar-13.webp)}.banner-versus{position:absolute;z-index:10;left:188px;top:3px;width:467px;height:47px;border:0;background:url(../ui/75/B-24-banner-versus.webp) center/100% 100% no-repeat;pointer-events:none;color:#3b2a1c}.banner-versus>*{position:absolute}.banner-tape,.banner-sun{display:none}.banner-avatar{top:5px;width:37px;height:37px;border-radius:50%;background-position:center;background-size:contain;background-repeat:no-repeat}.banner-avatar.ours{left:68px;background:url(../ui/141/me-head-normal.webp) center/cover no-repeat}.banner-avatar.enemy{left:278px}.banner-me{left:120px;top:14px;font-size:15px}.banner-hp{top:13px;width:48px;height:20px;background:url(../ui/75/B-25-hp-capsule.webp) center/100% 100% no-repeat;display:grid;place-items:center;font-size:15px;color:#3b2a1c}.banner-hp.ours{left:139px}.banner-hp.enemy{left:377px}.banner-versus strong{left:213px;top:8px;width:57px;height:30px;border-radius:6px;background:#9a5b32;display:grid;place-items:center;color:#fff;font:400 20px/1 ZCOOL KuaiLe,Noto Sans SC,PingFang SC,Source Han Sans SC,Microsoft YaHei,sans-serif}.banner-name{left:329px;top:14px;font-size:15px}.match-ui.ui-stage{position:fixed;left:50%;top:50%;z-index:20;width:var(--z-stage-w);height:var(--z-stage-h);translate:-50% -50%;scale:var(--scale,1);pointer-events:none;font-family:var(--font-cn);color:var(--c-white);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.match-ui *{box-sizing:border-box}.match-ui button,.match-ui .ui-slot{pointer-events:auto}.match-ui [hidden]{display:none!important}.match-ui .at{position:absolute}.ui-guide-ghost{position:absolute;z-index:59;opacity:0;pointer-events:none;transform-origin:center}.match-ui .ui-slot.ui-guide-ghost,.match-ui .ui-guide-ghost *{pointer-events:none}.ui-guide-cell{position:absolute;inset:0;width:844px;height:390px;z-index:58;pointer-events:none}.ui-guide-cell polygon{fill:#fff;opacity:0}.ui-guide-cell__outline{fill:none!important;stroke:#fff;stroke-width:2}.at--round{left:50%;top:var(--sp-1);translate:-50% 0}.at--sys{right:var(--z-edge);top:var(--z-edge);display:flex;gap:var(--sp-4)}.at--players{left:var(--z-edge);top:calc(var(--sp-4)*2);padding:0;border:0;background:none;text-align:left;cursor:pointer}.at--commander{left:var(--z-edge);bottom:var(--z-edge)}.ui-commander span.is-full{color:var(--c-red)}.at--drawer{left:50%;top:var(--z-drawer-top);translate:-50% 0}.match-ui.is-shop:not(.is-battle) .at--round{visibility:hidden}.at--drawer.is-closed{translate:-50% calc((var(--z-drawer-h) + var(--z-drawer-top))*-1)}.at--shop-tab{left:50%;top:calc(var(--sp-1) + var(--z-round-h));translate:-50% 0}.at--toast{left:50%;top:calc(var(--sp-1)*2 + var(--z-round-h) + var(--sp-2));translate:-50% 0;z-index:40}.match-ui.is-shop:not(.is-battle) .at--toast{top:calc(var(--z-drawer-top) + var(--z-drawer-h) + var(--sp-1))}.at--tray{left:50%;bottom:0;translate:-50% 0;transition:translate var(--z-tray-slide) ease-out}.at--tray.is-alarm .ui-tray__base{animation:ui-alarm .5s ease-out}@keyframes ui-alarm{0%{box-shadow:0 0 0 var(--line-2) var(--c-red)}}.at--energy{right:calc(var(--z-edge) + (var(--z-go-w) - var(--z-energy))/2);bottom:var(--z-edge)}.at--go{right:var(--z-edge);bottom:calc(var(--z-edge)*2 + var(--z-energy))}.match-ui.is-battle .at--drawer,body.answering .match-ui .at--drawer{translate:-50% calc(var(--z-drawer-h)*-1);opacity:0;pointer-events:none}body.answering .match-ui .at--drawer{transition:translate var(--z-tray-slide) ease-in,opacity var(--z-tray-slide) ease-in}.match-ui.is-battle .at--shop-tab,body.answering .match-ui .at--shop-tab{display:none}.match-ui.is-intro .at--drawer{translate:-50% calc((var(--z-drawer-h) + var(--z-drawer-top))*-1);opacity:0;pointer-events:none}.match-ui.is-intro .at--shop-tab{display:none}.match-ui.is-drop .at--drawer{transition-duration:var(--z-tray-slide)}.match-ui.is-battle .at--tray,body.answering .match-ui .at--tray{translate:-50% calc(var(--z-slot-h) + var(--z-tray-bottom));visibility:hidden;transition:translate var(--z-tray-slide) ease-in,visibility 0s var(--z-tray-slide);pointer-events:none}.match-ui.is-battle .at--tray .ui-slot,body.answering .match-ui .at--tray .ui-slot{pointer-events:none}.headbars{position:absolute;inset:0;pointer-events:none}.flyer{position:fixed;z-index:30;object-fit:contain;pointer-events:none}.match-ui .ui-slot.played-card{position:absolute;z-index:30;translate:-50% -50%;pointer-events:none}.ui-info{position:absolute;z-index:45;left:8px;top:56px;width:160px;max-height:234px;padding:8px;border:var(--paper-edge);border-radius:var(--r-l);background:var(--c-paper);box-shadow:var(--paper-shadow);color:var(--c-ink);pointer-events:none}.ui-info__art{position:relative;width:144px;height:88px;overflow:hidden;border:1.5px solid var(--c-wood);border-radius:12px;background:var(--c-paper-card)}.ui-info__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ui-info__row{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:4px}.ui-info__word{min-width:0;font:700 20px/1 var(--font-num);overflow-wrap:anywhere}.ui-info__word.is-long{font-size:16px}.ui-info .ui-sound{flex:none;width:28px;height:28px;color:var(--c-white);pointer-events:auto}.ui-info__desc{margin:0;font:14px/18px var(--font-cn);color:var(--c-ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ui-info__equip{display:flex;align-items:center;gap:5px;margin-top:4px;font:13px/16px var(--font-cn);color:var(--c-ink)}.ui-info__equip img{width:24px;height:24px;object-fit:contain;flex:none}.ui-headlevel[data-equip]:not([data-equip=""]):after{content:"";position:absolute;left:-18px;top:1px;width:19px;height:19px;border:1px solid var(--c-gold);border-radius:50%;background:var(--c-paper-card) var(--equip-art) center/contain no-repeat}.ui-headlevel.has-shield{box-shadow:0 0 0 2px #fff}.ui-effect-gain{position:absolute;z-index:52;pointer-events:none;font:700 18px/1 var(--font-num);color:var(--c-gold);-webkit-text-stroke:2.5px #3b2a1c;paint-order:stroke fill}.ui-effect-anchor{position:absolute;width:2px;height:2px;pointer-events:none}.ui-headbar.is-tall-flash{visibility:visible;animation:ui-effect-tall .4s linear 2}@keyframes ui-effect-tall{0%,to{outline-color:transparent}25%,75%{outline:2px solid var(--c-gold)}}.ui-drawer.is-effect-drop:after{content:"";position:absolute;inset:0;border:2px solid rgb(255 255 255 / 60%);border-radius:var(--r-l);pointer-events:none}.ui-drawer.is-effect-hover:after{background:#ffffff73}.ui-effect-first-ring{position:absolute;z-index:99;inset:1px;border:2px solid var(--c-gold);border-radius:var(--r-s);pointer-events:none;animation:ui-effect-first .3s linear 2}@keyframes ui-effect-first{0%,to{opacity:0}20%,80%{opacity:1}}.ui-slot.is-dragging{transition:none;z-index:3}@media(prefers-reduced-motion:reduce){.match-ui *{animation:none!important;transition:none!important}}