:root{color-scheme:dark;--ink: #f3e9ff;--accent: #eab308;--panel: rgba(18, 13, 18, .82);font-family:Noto Sans,Noto Sans Thai,system-ui,sans-serif}html,body{margin:0;height:100%;background:#120d12;color:var(--ink);overflow:hidden}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none;display:grid;place-items:center}#ui>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid rgba(234,179,8,.35);border-radius:14px;padding:22px 26px;min-width:280px;box-shadow:0 10px 40px #00000080}.panel h1{margin:0 0 6px;font-size:22px;color:var(--accent);letter-spacing:.04em}.panel p{margin:4px 0;font-size:13px;opacity:.85}button{font:inherit;padding:10px 16px;border-radius:10px;border:0;background:var(--accent);color:#1b1405;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:default}.hud{position:fixed;left:12px;top:12px;font-size:12px;opacity:.8;background:var(--panel);padding:8px 10px;border-radius:8px}.hud code{color:var(--accent)}.toolbar{position:fixed;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.toolbar button{padding:8px 12px;font-size:12px;background:#2b1f2e;color:var(--ink);border:1px solid rgba(234,179,8,.35)}.bars{position:fixed;top:56px;left:24px;width:260px;font-size:12px}.bars.right{left:auto;right:24px;text-align:right}.bars b{display:block;margin-bottom:4px;color:var(--accent)}.bars .hp,.bars .sp{position:relative;height:12px;background:#ffffff1f;border-radius:6px;overflow:hidden;margin-bottom:4px}.bars .sp{height:6px}.bars .hp i,.bars .sp i{position:absolute;inset:0 auto 0 0;width:100%;background:#ef4444;transition:width .5s ease-out}.bars .sp i{background:#3b82f6}.bars.right .hp i,.bars.right .sp i{left:auto;right:0}.bars .hp span{position:absolute;inset:0;font-size:10px;line-height:12px;text-align:center;color:#fff;text-shadow:0 0 3px #000}.floaters{position:fixed;top:40%;left:22%;width:120px;pointer-events:none}.floaters.right{left:auto;right:22%}.floater{position:absolute;font-weight:800;font-size:22px;color:#fff;text-shadow:0 2px 4px #000;animation:floatUp 1s ease-out forwards}.floater.dmg{color:#fca5a5}.floater.crit{color:#fde047;font-size:28px}.floater.heal{color:#86efac}.floater.miss{color:#9ca3af}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-60px);opacity:0}}.battle-log{position:fixed;left:12px;bottom:70px;width:420px;max-height:160px;font-size:11px;opacity:.85;background:var(--panel);padding:6px 8px;border-radius:8px;overflow:hidden}.result{position:fixed;top:38%;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid rgba(234,179,8,.5);border-radius:14px;padding:16px 28px;text-align:center}.result h2{margin:0 0 6px;color:var(--accent);letter-spacing:.1em}.menu{position:fixed;top:56px;left:50%;transform:translate(-50%);display:flex;gap:8px}.menu select,.menu button{font:inherit;font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid rgba(234,179,8,.35);background:#2b1f2e;color:var(--ink)}.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;background:linear-gradient(rgba(0,0,0,.6),transparent)}.topbar button{padding:6px 10px;font-size:12px;background:#2b1f2e;color:var(--ink);border:1px solid rgba(234,179,8,.35)}.panel.start label{display:block;margin:8px 0;font-size:13px}.panel.start select,.panel.card input,.panel.card select{font:inherit;padding:6px 8px;background:#1d1520;color:inherit;border:1px solid rgba(255,255,255,.15);border-radius:6px}.panel.card{position:fixed;left:24px;top:60px;min-width:300px}.menu-grid{position:fixed;right:24px;top:60px;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:340px}.menu-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:#2b1f2e;color:var(--ink);border:1px solid rgba(234,179,8,.35);text-align:left}.menu-grid button small{opacity:.6;font-weight:400;font-size:11px}.menu-grid button.primary{background:var(--accent);color:#1b1405;grid-column:1 / -1}.menu-grid button:disabled{opacity:.4}.muted{opacity:.7}.err{color:#f87171}.bars,.battle-log,.result,.floaters{display:none}body[data-scene=game] .bars,body[data-scene=game] .battle-log,body[data-scene=game] .floaters{display:block}body[data-scene=game] .result:not([hidden]){display:block}.slots{position:fixed;top:70px;left:50%;transform:translate(-50%);display:flex;gap:14px}.slot{background:var(--panel);border:1px solid rgba(234,179,8,.35);border-radius:14px;padding:16px 18px;width:220px}.slot h3{margin:0 0 6px;color:var(--accent)}.slot p{margin:4px 0;font-size:13px}.slot input,.slot select{font:inherit;padding:5px 7px;background:#1d1520;color:inherit;border:1px solid rgba(255,255,255,.15);border-radius:6px;width:100%;box-sizing:border-box}.slot select{width:auto}.slot button{margin-top:6px}.slot button.primary{background:var(--accent);color:#1b1405}.slot button:not(.primary){background:#2b1f2e;color:var(--ink);border:1px solid rgba(234,179,8,.35)}.center{position:fixed;bottom:40px;left:0;right:0;text-align:center}:root{--ww-bg: #120d12;--ww-surface: rgba(28, 20, 30, .92);--ww-surface-2: rgba(43, 31, 46, .9);--ww-line: rgba(234, 179, 8, .28);--ww-line-soft: rgba(255, 255, 255, .1);--ww-ink: #f3e9ff;--ww-ink-dim: rgba(243, 233, 255, .62);--ww-gold: #eab308;--ww-ok: #4ade80;--ww-warn: #fbbf24;--ww-err: #f87171;--ww-r: 14px;--ww-r-sm: 9px;--ww-pad: 18px;--ww-ease: cubic-bezier(.22, 1, .36, 1);--ww-light: #fcd34d;--ww-dark: #a78bfa;--ww-fire: #fb7185;--ww-ice: #67e8f9}@media(prefers-reduced-motion:reduce){.ww-page,.ww-card,.ww-tab,.ww-toast,.ww-reveal,.ww-deck-slot,.ww-meter-track i,.ww-conn-spin{animation:none!important;transition:none!important}}.ww-page{position:fixed;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#120d12db,#120d12f7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ww-page-in .26s var(--ww-ease) both}@keyframes ww-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ww-page-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ww-line);background:linear-gradient(rgba(0,0,0,.45),transparent);flex:0 0 auto}.ww-page-title{flex:1 1 auto;min-width:0}.ww-page-title h1{margin:0;font-size:19px;letter-spacing:.04em;color:var(--ww-gold)}.ww-page-title p{margin:2px 0 0;font-size:12px;color:var(--ww-ink-dim)}.ww-page-right{flex:0 0 auto;display:flex;align-items:center;gap:8px}.ww-page-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:var(--ww-pad)}.ww-back{font:inherit;font-size:16px;line-height:1;cursor:pointer;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:var(--ww-surface-2);color:var(--ww-ink);border:1px solid var(--ww-line);transition:background .16s,transform .16s var(--ww-ease)}.ww-back:hover{background:#3a2b3f;transform:translate(-2px)}.ww-back:active{transform:translate(-2px) scale(.94)}.ww-btn{font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:9px 16px;border-radius:var(--ww-r-sm);background:var(--ww-surface-2);color:var(--ww-ink);border:1px solid var(--ww-line);transition:background .16s,transform .12s var(--ww-ease),opacity .16s}.ww-btn:hover:not(:disabled){background:#3a2b3f}.ww-btn:active:not(:disabled){transform:scale(.96)}.ww-btn.primary{background:var(--ww-gold);color:#1b1405;border-color:transparent}.ww-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.ww-btn:disabled{opacity:.42;cursor:not-allowed}.ww-btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ww-currency{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ww-cur{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12px;background:var(--ww-surface);border:1px solid var(--ww-line-soft)}.ww-cur i{font-style:normal;font-size:13px}.ww-cur b{font-variant-numeric:tabular-nums;letter-spacing:.02em}.ww-cur[data-kind=wwc] b{color:var(--ww-gold)}.ww-cur[data-kind=wwc_lock] b{color:var(--ww-ink-dim)}.ww-cur[data-kind=wwt] b{color:#f0abfc}.ww-cur[data-kind=energy] b{color:#7dd3fc}.ww-meter{margin:10px 0}.ww-meter-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;margin-bottom:5px}.ww-meter-label{color:var(--ww-ink-dim)}.ww-meter-val{font-variant-numeric:tabular-nums;font-weight:700}.ww-meter-track{height:9px;border-radius:5px;background:#ffffff1a;overflow:hidden}.ww-meter-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#38bdf8,#7dd3fc);transition:width 1s linear}.ww-meter.exp .ww-meter-track i{background:linear-gradient(90deg,#a78bfa,#d8b4fe)}.ww-meter.energy.is-full .ww-meter-track i{background:linear-gradient(90deg,var(--ww-gold),#fde047)}.ww-meter-hint{margin-top:4px;font-size:11px;color:var(--ww-ink-dim);font-variant-numeric:tabular-nums}.ww-char-card{background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:var(--ww-r);padding:var(--ww-pad);box-shadow:0 10px 40px #00000073}.ww-char-head{margin-bottom:10px}.ww-char-name{margin:0;font-size:21px;color:var(--ww-gold);letter-spacing:.03em}.ww-char-sub{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:12px}.ww-lv{color:var(--ww-ink-dim)}.ww-sex{opacity:.75}.ww-char-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--ww-line-soft)}.ww-cstat{display:flex;flex-direction:column}.ww-cstat b{font-size:15px;font-variant-numeric:tabular-nums}.ww-cstat small{font-size:10px;color:var(--ww-ink-dim);text-transform:uppercase;letter-spacing:.07em}.ww-energy-slot{min-height:46px}.ww-faction{padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid currentColor;opacity:.95}[data-faction=Light]{color:var(--ww-light)}[data-faction=Dark]{color:var(--ww-dark)}[data-faction=Fire]{color:var(--ww-fire)}[data-faction=Ice]{color:var(--ww-ice)}.ww-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.ww-card{position:relative;display:flex;flex-direction:column;gap:5px;align-items:stretch;padding:9px;border-radius:var(--ww-r-sm);cursor:pointer;text-align:left;background:var(--ww-surface-2);color:var(--ww-ink);border:1px solid var(--ww-line-soft);font:inherit;transition:transform .16s var(--ww-ease),border-color .16s,box-shadow .16s}.ww-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #00000073}.ww-card.is-selected{border-color:var(--ww-gold);box-shadow:0 0 0 2px #eab30859}.ww-card.is-equipped:after{content:"✓";position:absolute;top:6px;right:6px;width:17px;height:17px;border-radius:50%;font-size:11px;line-height:17px;text-align:center;background:var(--ww-ok);color:#06280f;font-weight:800}.ww-card.is-disabled,.ww-card:disabled{opacity:.4;cursor:not-allowed;transform:none}.ww-card-icon{display:grid;place-items:center;aspect-ratio:1;border-radius:7px;background:#00000052;overflow:hidden}.ww-card-icon img{width:100%;height:100%;object-fit:contain}.ww-card-ph{font-size:22px;font-weight:800;opacity:.35}.ww-card-name{font-size:11px;line-height:1.25;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ww-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--ww-ink-dim)}.ww-card-rar{color:var(--ww-gold);letter-spacing:-1px}.ww-card[data-rarity="1"]{border-color:#ffffff1f}.ww-card[data-rarity="2"]{border-color:#4ade8066}.ww-card[data-rarity="3"]{border-color:#60a5fa66}.ww-card[data-rarity="4"]{border-color:#a78bfa88}.ww-card[data-rarity="5"]{border-color:#fbbf24aa;box-shadow:inset 0 0 18px #fbbf241a}.ww-card[data-rarity="6"]{border-color:#fb7185cc;box-shadow:inset 0 0 22px #fb718529}.ww-badge{position:absolute;top:6px;left:6px;padding:1px 6px;border-radius:999px;font-size:9px;font-weight:800;background:var(--ww-gold);color:#1b1405}.ww-card-lv{font-size:10px;font-variant-numeric:tabular-nums;color:var(--ww-ink-dim);white-space:nowrap}.ww-slot-clear{position:absolute;top:3px;right:3px;width:18px;height:18px;padding:0;font:inherit;font-size:12px;line-height:1;cursor:pointer;border-radius:50%;background:#00000073;color:var(--ww-ink-dim);border:1px solid transparent;opacity:0;transition:opacity .16s,color .16s,border-color .16s}.ww-deck-slot:hover .ww-slot-clear,.ww-slot-clear:focus-visible{opacity:1}.ww-slot-clear:hover:not(:disabled){color:var(--ww-err);border-color:var(--ww-err)}.ww-slot-clear:disabled{opacity:0;pointer-events:none}.ww-mail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.ww-mail-head:hover{color:var(--ww-gold)}.ww-mail-head:focus-visible{outline:2px solid var(--ww-gold);outline-offset:3px;border-radius:4px}.ww-mail-head[aria-expanded=true]{color:var(--ww-gold)}.ww-deck-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ww-card-desc{font-size:10px;line-height:1.35;color:var(--ww-ink-dim);display:block}.ww-starter{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ww-flash{margin:8px 0;padding:8px 12px;border-radius:var(--ww-r-sm);font-size:12px;border:1px solid transparent;animation:ww-flash-in .28s var(--ww-ease) both}.ww-flash.is-ok{background:#4ade801a;border-color:#4ade8059;color:var(--ww-ok)}.ww-flash.is-fail{background:#f871711a;border-color:#f8717159;color:var(--ww-err)}@keyframes ww-flash-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ww-section-title{margin:0 0 11px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ww-gold)}.ww-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ww-line-soft);margin-bottom:14px;flex-wrap:wrap}.ww-tab{font:inherit;font-size:13px;cursor:pointer;padding:8px 14px;background:transparent;color:var(--ww-ink-dim);border:0;border-bottom:2px solid transparent;transition:color .16s,border-color .16s}.ww-tab:hover{color:var(--ww-ink)}.ww-tab.is-active{color:var(--ww-gold);border-bottom-color:var(--ww-gold);font-weight:700}.ww-tab-count{margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;background:#ffffff1a;color:var(--ww-ink)}.ww-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.ww-deck-slot{position:relative;aspect-ratio:3/4;border-radius:var(--ww-r-sm);background:var(--ww-surface-2);border:1px solid var(--ww-line-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:border-color .16s,background .16s,transform .16s var(--ww-ease)}.ww-deck-slot.is-empty{border-style:dashed;border-color:#ffffff29;background:#ffffff05}.ww-deck-slot.is-drop-target{border-color:var(--ww-gold);background:#eab3081f;transform:scale(1.04)}.ww-deck-slot.is-dragging{opacity:.45}.ww-deck-turn{position:absolute;top:4px;left:5px;font-size:9px;font-weight:800;color:var(--ww-ink-dim);letter-spacing:.06em}.ww-mail-list{display:flex;flex-direction:column;gap:8px}.ww-mail{padding:12px 14px;border-radius:var(--ww-r-sm);background:var(--ww-surface-2);border:1px solid var(--ww-line-soft);transition:border-color .16s,background .16s}.ww-mail.is-unread{border-left:3px solid var(--ww-gold);background:#eab3080f}.ww-mail.is-claimed{opacity:.55}.ww-mail-body{font-size:12px;color:var(--ww-ink-dim);margin-top:5px;line-height:1.5;white-space:pre-wrap}.ww-mail-reward{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.ww-gacha-stage{display:grid;place-items:center;min-height:260px;position:relative}.ww-gacha-result{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;width:100%}.ww-reveal{animation:ww-reveal .5s var(--ww-ease) both;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes ww-reveal{0%{opacity:0;transform:scale(.55) rotate(-8deg)}62%{opacity:1;transform:scale(1.09) rotate(2deg)}to{opacity:1;transform:none}}.ww-reveal[data-rarity="5"],.ww-reveal[data-rarity="6"]{animation:ww-reveal .5s var(--ww-ease) both,ww-glow 1.5s ease-in-out .5s 2}@keyframes ww-glow{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 26px #fbbf2499}}.ww-empty{text-align:center;padding:44px 20px;color:var(--ww-ink-dim)}.ww-empty p{margin:0 0 6px;font-size:14px}.ww-hint{font-size:12px;opacity:.75}.ww-err{color:var(--ww-err);font-size:12px}.ww-notice{padding:9px 13px;border-radius:var(--ww-r-sm);font-size:12px;margin:9px 0;border:1px solid transparent}.ww-notice.info{background:#60a5fa1a;border-color:#60a5fa52}.ww-notice.warn{background:#fbbf241a;border-color:#fbbf2452;color:var(--ww-warn)}.ww-notice.err{background:#f871711a;border-color:#f8717152;color:var(--ww-err)}.ww-busy{display:flex;flex-direction:column;gap:8px}.ww-busy-row{height:46px;border-radius:var(--ww-r-sm);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1c 37%,#ffffff0d 63%);background-size:400% 100%;animation:ww-shimmer 1.3s ease-in-out infinite}@keyframes ww-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}#ww-toasts{position:fixed;left:50%;bottom:26px;transform:translate(-50%);display:flex;flex-direction:column;gap:7px;align-items:center;z-index:60;pointer-events:none}.ww-toast{padding:9px 17px;border-radius:999px;font-size:13px;font-weight:600;background:#140e16f5;color:var(--ww-ink);border:1px solid var(--ww-line);box-shadow:0 8px 26px #00000080;animation:ww-toast-in .24s var(--ww-ease) both;transition:opacity .3s,transform .3s}.ww-toast.ok{border-color:#4ade8080;color:var(--ww-ok)}.ww-toast.err{border-color:#f8717180;color:var(--ww-err)}.ww-toast.out{opacity:0;transform:translateY(8px)}@keyframes ww-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}#ww-conn-banner{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 14px;font-size:12px;font-weight:600;animation:ww-conn-in .22s var(--ww-ease) both}@keyframes ww-conn-in{0%{transform:translateY(-100%)}to{transform:none}}#ww-conn-banner.offline{background:#f87171f0;color:#2a0707}#ww-conn-banner.connecting{background:#fbbf24f0;color:#2a1e05}.ww-conn-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ww-conn-spin{width:11px;height:11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ww-spin .7s linear infinite}@keyframes ww-spin{to{transform:rotate(360deg)}}.ww-maint{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#0a070bed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ww-page-in .3s var(--ww-ease) both}.ww-maint-box{max-width:400px;text-align:center;padding:34px 30px;background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:var(--ww-r);box-shadow:0 20px 60px #0009}.ww-maint-icon{font-size:42px;margin-bottom:12px}.ww-maint-box h1{margin:0 0 10px;font-size:21px;color:var(--ww-gold)}.ww-maint-box p{margin:0 0 20px;font-size:13px;color:var(--ww-ink-dim);line-height:1.6;white-space:pre-wrap}.ww-set{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.ww-set-group{background:var(--ww-surface);border:1px solid var(--ww-line-soft);border-radius:var(--ww-r);padding:15px 17px}.ww-set-group h2{margin:0 0 11px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ww-gold)}.ww-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;cursor:pointer}.ww-row+.ww-row{border-top:1px solid var(--ww-line-soft)}.ww-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ww-row-main b{font-size:13px;font-weight:600}.ww-row-main small{font-size:11px;color:var(--ww-ink-dim)}.ww-row-flat{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:0;color:var(--ww-ink-dim)}.ww-row-flat code{color:var(--ww-gold)}.ww-slider{display:flex;align-items:center;gap:10px;flex:0 0 auto}.ww-slider input[type=range]{width:132px;accent-color:var(--ww-gold);cursor:pointer}.ww-slider output{font-size:11px;width:36px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ww-ink-dim)}.ww-seg{display:inline-flex;padding:3px;gap:3px;border-radius:var(--ww-r-sm);background:#0000004d;border:1px solid var(--ww-line-soft)}.ww-seg-btn{font:inherit;font-size:13px;cursor:pointer;padding:7px 20px;border-radius:7px;background:transparent;color:var(--ww-ink-dim);border:0;transition:background .16s,color .16s}.ww-seg-btn:hover{color:var(--ww-ink)}.ww-seg-btn.is-active{background:var(--ww-gold);color:#1b1405;font-weight:700}.ww-switch{appearance:none;width:42px;height:24px;border-radius:999px;cursor:pointer;flex:0 0 auto;background:#ffffff29;border:0;position:relative;transition:background .2s var(--ww-ease)}.ww-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s var(--ww-ease)}.ww-switch:checked{background:var(--ww-gold)}.ww-switch:checked:after{transform:translate(18px)}.ww-btn:focus-visible,.ww-back:focus-visible,.ww-tab:focus-visible,.ww-card:focus-visible,.ww-seg-btn:focus-visible,.ww-switch:focus-visible,.ww-slider input:focus-visible{outline:2px solid var(--ww-gold);outline-offset:2px}@media(max-width:640px){:root{--ww-pad: 13px}.ww-page-title h1{font-size:17px}.ww-grid,.ww-gacha-result{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.ww-deck{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.ww-char-stats{gap:10px}.ww-slider input[type=range]{width:104px}.ww-set{max-width:none}}.ww-create{display:flex;flex-direction:column;gap:14px}.ww-field{display:flex;flex-direction:column;gap:6px;position:relative}.ww-field-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ww-ink-dim)}.ww-input{font:inherit;font-size:14px;padding:9px 11px;width:100%;box-sizing:border-box;background:#1d1520;color:var(--ww-ink);border:1px solid var(--ww-line-soft);border-radius:var(--ww-r-sm);transition:border-color .16s,box-shadow .16s}.ww-input:focus{outline:0;border-color:var(--ww-gold);box-shadow:0 0 0 3px #eab30829}.ww-input::placeholder{color:#f3e9ff52}.ww-field-count{position:absolute;right:2px;top:0;font-size:10px;color:var(--ww-ink-dim);font-variant-numeric:tabular-nums}.ww-faction-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ww-faction-btn{font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:11px 4px;border-radius:var(--ww-r-sm);text-align:center;background:var(--ww-surface-2);border:1px solid var(--ww-line-soft);color:var(--ww-ink-dim);transition:border-color .16s,color .16s,transform .16s var(--ww-ease),background .16s}.ww-faction-btn:hover{transform:translateY(-2px);color:var(--ww-ink)}.ww-faction-btn.is-active{color:currentColor;border-color:currentColor;background:#ffffff0d;box-shadow:0 0 0 1px currentColor inset}.ww-faction-btn.is-active .ww-faction-name{color:inherit}.ww-faction-blurb{margin:2px 0 0;font-size:11px;line-height:1.5;color:var(--ww-ink-dim);min-height:2.6em}.ww-create-go{margin-top:2px}@media(max-width:640px){.ww-faction-pick{grid-template-columns:repeat(2,1fr)}}.bars.hit .hp i{background:#fff}.bars.hit-crit .hp i{background:#fde047}.bars.hit-crit{animation:barPunch .3s ease-out}@keyframes barPunch{0%{transform:scale(1)}30%{transform:scale(1.06)}to{transform:scale(1)}}.replay-ctl{position:fixed;right:24px;bottom:70px;display:flex;gap:6px;align-items:center;font-size:11px}.replay-ctl button{font:inherit;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:var(--panel);color:inherit;cursor:pointer}.replay-ctl button.on{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:700}.replay-ctl label{display:flex;gap:4px;align-items:center;cursor:pointer;opacity:.85}.replay-ctl{display:none}body[data-scene=game] .replay-ctl{display:flex}.ww-status{display:flex;flex-wrap:wrap;gap:3px;min-height:0}.ww-status:empty{display:none}.ww-status-chip{font-size:10px;line-height:1.4;padding:1px 6px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}.ww-status.buff .ww-status-chip{background:#38bd822e;color:#6ee7b7;border:1px solid rgba(56,189,130,.35)}.ww-status.debuff .ww-status-chip{background:#e11d482e;color:#fda4af;border:1px solid rgba(225,29,72,.35)}.bars.right .ww-status{justify-content:flex-end}