@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-ext-600-normal-Ym4OuZDw.woff2) format("woff2"),url(./cinzel-latin-ext-600-normal-C_2-04Wa.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-600-normal-DdCmoF-5.woff2) format("woff2"),url(./cinzel-latin-600-normal-C4M8-_l5.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(./cinzel-latin-ext-800-normal-DGnGjdPy.woff2) format("woff2"),url(./cinzel-latin-ext-800-normal-C28RfVbx.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(./cinzel-latin-800-normal-Cl7zscEi.woff2) format("woff2"),url(./cinzel-latin-800-normal-C3y_3H8U.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--void: #04050b;--bg0: #070914;--bg1: #0d1222;--bg2: #141b31;--panel: rgba(13, 18, 34, .86);--panel-solid: #0f1528;--line: rgba(130, 160, 255, .16);--line-strong: rgba(130, 170, 255, .34);--txt: #e3e9f7;--dim: #8d98b8;--faint: #56617f;--cyan: #5ee0ff;--violet: #8f7bff;--gold: #ffc35a;--red: #ff5470;--green: #5cf0a0;--common: #a8b1c2;--uncommon: #5fd6a0;--rare: #58a8ff;--mythic: #ffb437;--display: "Cinzel", "Times New Roman", serif;--body: "Inter Variable", "Segoe UI", system-ui, sans-serif;--radius: 12px;--shadow: 0 18px 50px rgba(0, 0, 0, .55)}.f-anchor{--fc: #7fb4ff;--fc2: #2a4f8f}.f-watcher{--fc: #a5e06b;--fc2: #3e6420}.f-diver{--fc: #5ee0d8;--fc2: #1f5f5b}.f-dreamer{--fc: #ff5f9e;--fc2: #7a2347}.f-academy{--fc: #cfd6e4;--fc2: #4a5266}html,body,#root{height:100%}body{background:var(--void);color:var(--txt);font-family:var(--body);font-size:15px;overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none}button,input,select{font:inherit;color:inherit}img{display:block}b{font-weight:650}kbd{display:inline-block;font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.04em;padding:1px 5px;border-radius:4px;border:1px solid currentColor;opacity:.6;margin-left:6px;vertical-align:1px}.viewport{position:fixed;inset:0;overflow:clip;background:radial-gradient(ellipse at 50% 40%,#0d1330 0%,var(--void) 70%)}.stage{position:absolute;left:50%;top:50%;transform-origin:50% 50%;overflow:clip;background:radial-gradient(120% 90% at 50% 0%,#121a36 0%,var(--bg0) 55%,#0a0614 100%);box-shadow:0 0 0 1px #ffffff08,0 0 120px #000c}.starfield{position:absolute;inset:0;pointer-events:none;transition:opacity .6s}.starfield.dim{opacity:.45}.screen{position:absolute;inset:0;overflow:clip}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:.06em}h2{font-size:30px;color:#fff}h3{font-size:17px;color:#fff;margin:14px 0 8px}p{line-height:1.6;color:#c6cee3}.kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dim);font-weight:600}.sub{color:var(--dim);font-size:14px;margin-top:4px}.muted{color:var(--dim)}.center{text-align:center}.row{display:flex;align-items:center}.gap{gap:10px}.grow{flex:1}.empty{color:var(--faint);font-size:13px;padding:30px;text-align:center;grid-column:1 / -1}.btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 20px;border-radius:10px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#242e4ef2,#141b31f2);font-size:14px;font-weight:650;letter-spacing:.04em;cursor:pointer;transition:transform .12s,box-shadow .15s,border-color .15s,background .15s,opacity .15s;box-shadow:0 2px 10px #00000059,inset 0 1px #ffffff0f}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 6px 22px #5ee0ff38,inset 0 1px #ffffff14}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn small{font-size:11px;font-weight:500;color:var(--dim);letter-spacing:.02em}.btn.big{padding:14px 30px;font-size:16px}.btn.sm{padding:6px 12px;font-size:12px;flex-direction:row;gap:6px}.btn.primary{background:linear-gradient(180deg,#1b7894,#0f4f66);border-color:#5ee0ffa6;color:#effdff;box-shadow:0 0 24px #5ee0ff33,inset 0 1px #ffffff2e}.btn.primary small{color:#b8eefa}.btn.danger{background:linear-gradient(180deg,#8a2338,#5a1426);border-color:#ff547099;color:#ffe3e9}.btn.danger:hover:not(:disabled){border-color:#ff8ea2;box-shadow:0 6px 24px #ff54704d}.btn.ghost{background:transparent;box-shadow:none;color:var(--dim);border-color:var(--line)}.btn.ghost:hover:not(:disabled){color:var(--txt)}.btn.ghost.danger{color:#ff9fb1;border-color:#ff54704d;background:transparent}.btn.pulse{animation:btnpulse 1.6s ease-in-out infinite}@keyframes btnpulse{50%{box-shadow:0 0 34px #5ee0ff8c,inset 0 1px #ffffff2e}}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;cursor:pointer;background:#101628cc;border:1px solid var(--line);color:var(--dim);transition:all .15s}.icon-btn:hover,.icon-btn.on{color:#fff;border-color:var(--cyan)}.cost-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:20px;font-size:12px;font-weight:700;background:#ffc35a24;color:var(--gold);border:1px solid rgba(255,195,90,.4);margin-left:6px}.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:20px;cursor:pointer;border:1px solid var(--line);background:#12182cd9;color:var(--dim);font-size:13px;font-weight:600}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--fc, var(--cyan));box-shadow:0 0 8px var(--fc)}.chip.on{color:#fff;border-color:var(--fc, var(--cyan));box-shadow:0 0 12px color-mix(in srgb,var(--fc, var(--cyan)) 35%,transparent)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#0e1324e6}.seg button{padding:6px 12px;font-size:13px;font-weight:600;background:none;border:0;color:var(--dim);cursor:pointer;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button.on{background:#5ee0ff29;color:#fff}.seg button:hover:not(.on){color:var(--txt)}select,input[type=search]{padding:7px 12px;border-radius:9px;border:1px solid var(--line);background:#0e1324e6;font-size:13px;outline:none}input[type=search]{width:220px;user-select:text}select:focus,input:focus{border-color:var(--cyan)}select option{background:var(--panel-solid)}input[type=range]{-webkit-appearance:none;appearance:none;width:220px;height:4px;border-radius:4px;background:var(--bg2);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cyan);border:0;cursor:pointer}.toggle{width:46px;height:26px;border-radius:20px;border:1px solid var(--line-strong);background:var(--bg2);position:relative;cursor:pointer;transition:background .15s}.toggle span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--dim);transition:all .18s}.toggle.on{background:#5ee0ff4d;border-color:var(--cyan)}.toggle.on span{left:23px;background:#fff}.topbar{position:absolute;top:16px;right:18px;display:flex;gap:8px;z-index:60}.topbar.in-battle{top:12px;right:12px}.modal-root{position:absolute;inset:0;z-index:100;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#020309b8;backdrop-filter:blur(5px)}.modal{position:relative;max-width:1300px;max-height:860px;overflow:auto;padding:28px 34px;border-radius:18px;background:linear-gradient(180deg,#161e38f7,#0b0f1efa);border:1px solid var(--line-strong);box-shadow:var(--shadow),0 0 80px #5ee0ff12}.modal h2{margin-bottom:8px}.modal p{max-width:560px}.modal-x{position:absolute;top:14px;right:14px;background:none;border:0;color:var(--dim);cursor:pointer;padding:4px}.modal-x:hover{color:#fff}.modal-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:22px}.settings{width:560px}.setting-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.setting-row label{flex:1;font-weight:600}.setting-row .val{width:32px;text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.help{width:1100px}.help-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:36px}.help p{font-size:14px;margin-bottom:8px;max-width:none}.help .keys{line-height:2.2}.help .keys kbd{margin:0 4px 0 0;opacity:.85;font-size:11px}.kw-row{display:flex;gap:12px;align-items:flex-start;margin:9px 0;font-size:14px}.kw-row .muted{font-size:13px}.inspect-body{display:flex;gap:26px;align-items:flex-start}.inspect-art{width:330px;border-radius:12px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--shadow)}.inspect-art img{width:100%}.inspect-info{width:340px}.inspect-info h2{margin:6px 0;font-size:26px}.inspect-text{margin:14px 0;font-size:15px;color:var(--txt)}.inspect-flavor{margin:0 0 14px;font-size:14px;font-style:italic;color:var(--dim)}.toasts{position:absolute;left:50%;bottom:300px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:120;pointer-events:none}.toast{padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;background:#10162af5;border:1px solid var(--line-strong);box-shadow:var(--shadow)}.toast.warn{border-color:#ff8c5a8c;color:#ffd6c2}.toast.good{border-color:#5cf0a080;color:#d4ffe7}.page{position:absolute;inset:0;padding:26px 40px;display:flex;flex-direction:column}.page-head{display:flex;align-items:flex-start;gap:22px;margin-bottom:22px;padding-right:150px}.page-head .btn.sm{margin-top:8px}.head-right{margin-left:auto}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#26324e;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.card{--rc: var(--common);position:relative;width:var(--cw);height:calc(var(--cw) * 1.4);font-size:calc(var(--cw) / 14);border-radius:.8em;cursor:pointer;flex:none;transition:transform .15s ease,filter .15s,box-shadow .2s;filter:drop-shadow(0 .5em 1em rgba(0,0,0,.55))}.card.r-uncommon{--rc: var(--uncommon)}.card.r-rare{--rc: var(--rare)}.card.r-mythic{--rc: var(--mythic)}.card-inner{position:absolute;inset:0;border-radius:.8em;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--fc) 26%,#10162a),#0b0f1e 55%,color-mix(in srgb,var(--fc) 14%,#070912));border:.13em solid color-mix(in srgb,var(--fc) 55%,#1d2540);box-shadow:inset 0 0 0 .07em #ffffff0f,inset 0 0 1.4em #00000080}.card.is-tactic .card-inner{background:linear-gradient(160deg,color-mix(in srgb,var(--fc) 18%,#1a1236),#0d0b1e 55%,#08061a);border-color:color-mix(in srgb,var(--fc) 40%,#5a46a8)}.card.r-mythic .card-inner{border-color:#d9a441;box-shadow:inset 0 0 0 .07em #ffdc8c59,inset 0 0 1.6em #ffb4372e}.card.r-rare .card-inner{border-color:color-mix(in srgb,var(--rare) 70%,var(--fc))}.card-art{position:absolute;top:.5em;left:.5em;right:.5em;height:9.6em;border-radius:.5em .5em .3em .3em;overflow:hidden;background:#05070f;box-shadow:0 0 0 .07em #ffffff1a}.card.is-tactic .card-art{border-radius:3em 3em .3em .3em/2.2em 2.2em .3em .3em}.card-art-img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.card-art-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--fc);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--fc) 40%,transparent),#05070f 70%)}.card-cost{position:absolute;top:-.05em;left:-.05em;width:2.7em;height:2.7em;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#9ff0ff,#1d8fb5 45%,#0b3a5a);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);filter:drop-shadow(0 0 .3em rgba(94,224,255,.6))}.card-cost span{font-family:var(--display);font-weight:800;font-size:1.5em;color:#fff;text-shadow:0 .06em .2em #002236,0 0 .4em #00334d}.card-plate{position:absolute;inset:9.75em .5em .5em;border-radius:.3em .3em .5em .5em;padding:.3em .55em .4em;background:linear-gradient(180deg,#080b16eb,#0a0e1cf5);border-top:.07em solid color-mix(in srgb,var(--fc) 45%,transparent);display:flex;flex-direction:column}.card-name{font-family:var(--display);font-weight:800;font-size:.98em;line-height:1.15;color:#fff;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-type{display:flex;align-items:center;gap:.35em;font-size:.56em;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--fc) 70%,#aab);font-weight:700;margin:.15em 0 .45em}.card-type .dot{width:.4em;height:.4em;border-radius:50%;background:currentColor;opacity:.6}.rar-gem{margin-left:auto;width:.9em;height:.9em;transform:rotate(45deg);background:var(--rc);box-shadow:0 0 .5em var(--rc);border-radius:.12em}.card-text{font-size:.66em;line-height:1.38;color:#ccd4e8;overflow:hidden;flex:1;padding-bottom:1.2em}.card-text b{color:#fff;font-weight:700}.card-flavor{font-style:italic;color:#9aa4bf}.card-rules+.card-flavor{margin-top:.35em}.card.is-unit .card-text{padding-bottom:1.9em}.card .stat{position:absolute;bottom:.2em;width:2.5em;height:2.5em;display:grid;place-items:center;border-radius:50%;font-family:var(--display);font-weight:800;color:#fff}.card .stat svg{position:absolute;width:1.7em;height:1.7em;opacity:.28}.card .stat span{position:relative;font-size:1.3em;text-shadow:0 .06em .25em #000}.card .stat-atk{left:.2em;background:radial-gradient(circle at 35% 30%,#ffd08a,#c46a1a 55%,#5a2a06);box-shadow:0 0 .5em #ffa03c66}.card .stat-hp{right:.2em;background:radial-gradient(circle at 35% 30%,#ff9cb0,#c42a4a 55%,#5a0618);box-shadow:0 0 .5em #ff466e66}.stat.up span{color:#b9ffcf}.stat.down span{color:#ffd1d9}.glow-rare .card{filter:drop-shadow(0 0 1em rgba(88,168,255,.6))}.glow-mythic .card{animation:mythicglow 2.2s ease-in-out infinite}@keyframes mythicglow{0%,to{filter:drop-shadow(0 0 .8em rgba(255,180,55,.55))}50%{filter:drop-shadow(0 0 2em rgba(255,200,80,.9))}}.card.claimable:hover{transform:translateY(-.8em) scale(1.03)}.card-back{width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .06);flex:none;background:radial-gradient(circle at 50% 50%,rgba(94,224,255,.25) 0 12%,transparent 13%),repeating-radial-gradient(circle at 50% 50%,transparent 0 9%,rgba(143,123,255,.22) 9.5% 10%),linear-gradient(150deg,#1b2450,#0a0d22 60%,#1a0f34);border:calc(var(--cw) * .025) solid #34407a;box-shadow:0 6px 16px #0009,inset 0 0 calc(var(--cw) * .15) #0009;position:relative;overflow:hidden}.card-back-sigil{position:absolute;inset:22%;border-radius:50%;border:calc(var(--cw) * .02) solid rgba(94,224,255,.4);box-shadow:0 0 calc(var(--cw) * .1) #5ee0ff4d}.card-back-sigil:after{content:"";position:absolute;left:50%;top:18%;width:3%;height:34%;background:#5ee0ffb3;transform-origin:50% 100%;transform:rotate(40deg)}.flip{perspective:900px}.flip-inner{position:relative;transition:transform .5s cubic-bezier(.3,1.4,.5,1);transform-style:preserve-3d}.flip-inner.flipped{transform:rotateY(180deg)}.flip-back,.flip-front{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-front{position:absolute;inset:0;transform:rotateY(180deg)}.unit{--rc: var(--common);position:relative;width:124px;height:166px;border-radius:12px;cursor:pointer;background:#070a14;overflow:visible;border:2px solid color-mix(in srgb,var(--fc) 55%,#1d2540);box-shadow:0 8px 18px #0009;transition:box-shadow .2s,border-color .2s,filter .2s}.unit.r-mythic{border-color:#d9a441}.unit.r-rare{border-color:color-mix(in srgb,var(--rare) 70%,var(--fc))}.unit-art{position:absolute;inset:0;border-radius:10px;overflow:hidden}.unit-art .card-art-img{object-position:50% 28%}.unit-art .card-art-fallback{font-size:44px}.unit-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 28%,transparent 55%,rgba(4,6,14,.95) 100%)}.unit-name{position:absolute;left:6px;right:6px;bottom:30px;text-align:center;font-family:var(--display);font-weight:800;font-size:11px;line-height:1.1;color:#fff;text-shadow:0 1px 4px #000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.unit .stat{position:absolute;bottom:-8px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-family:var(--display);font-weight:800;color:#fff;border:2px solid rgba(0,0,0,.5)}.unit .stat svg{position:absolute;width:22px;height:22px;opacity:.25}.unit .stat span{position:relative;font-size:19px;text-shadow:0 1px 4px #000}.unit .stat-atk{left:-8px;background:radial-gradient(circle at 35% 30%,#ffd08a,#c46a1a 55%,#5a2a06)}.unit .stat-hp{right:-8px;background:radial-gradient(circle at 35% 30%,#ff9cb0,#c42a4a 55%,#5a0618)}.unit-kws{position:absolute;top:5px;left:5px;display:flex;gap:3px;flex-wrap:wrap;max-width:90px}.kw{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none;background:#080c1ae0;border:1px solid rgba(255,255,255,.22);color:#cfe8ff}.kw-Swift{color:#ffe066}.kw-Fly{color:#9fe4ff}.kw-First{color:#ffb36b}.kw-Lethal{color:#ff6b8a}.kw-Pierce{color:#ff8f5e}.kw-Stealth{color:#c6a8ff}.kw-Armor{color:#b4c8e6}.unit-armor{position:absolute;top:4px;right:4px;width:28px;height:30px;display:grid;place-items:center;color:#b4c8e6}.unit-armor svg{position:absolute;width:28px;height:28px;filter:drop-shadow(0 1px 3px #000)}.unit-armor span{position:relative;font-weight:800;font-size:12px;color:#0b1020;margin-top:-1px}.unit-sick{position:absolute;top:46px;left:50%;margin-left:-12px;font-family:var(--display);font-weight:800;color:#9fb7ff;font-size:16px;opacity:.85;animation:zz 2.4s ease-in-out infinite;text-shadow:0 0 6px #000}.unit-sick i{font-style:normal;font-size:12px;margin-left:1px}@keyframes zz{50%{transform:translateY(-5px);opacity:.5}}.unit:has(.unit-sick) .unit-art{filter:saturate(.55) brightness(.8)}.unit.ready{border-color:var(--green);box-shadow:0 0 0 2px #5cf0a040,0 0 22px #5cf0a059,0 8px 18px #0009}.unit.selected{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff5a5a73,0 0 30px #ff464699,0 12px 24px #0009}.unit.attacking{border-color:#ff6b6b;animation:attackpulse 1s ease-in-out infinite}@keyframes attackpulse{50%{box-shadow:0 0 0 3px #ff5a5a80,0 0 34px #ff4646b3}}.unit.targetable,.hero-plate.targetable{animation:targetpulse 1s ease-in-out infinite;border-color:var(--gold);cursor:crosshair}@keyframes targetpulse{0%,to{box-shadow:0 0 0 2px #ffc35a59,0 0 16px #ffc35a4d}50%{box-shadow:0 0 0 4px #ffc35aa6,0 0 34px #ffc35a99}}.unit.can-block{border-color:#5ee0ff80}.unit.pending{border-color:var(--cyan);box-shadow:0 0 0 3px #5ee0ff80,0 0 30px #5ee0ff99;transform:translateY(-8px)}.unit.assigned{border-color:var(--cyan);box-shadow:0 0 18px #5ee0ff73}.unit.hit,.hero-plate.hit{animation:shake .38s ease}.unit.hit:before{content:"";position:absolute;inset:0;border-radius:10px;background:#ff3c5073;z-index:2;animation:flashout .38s ease forwards;pointer-events:none}@keyframes shake{20%{transform:translate(-6px) rotate(-2deg)}40%{transform:translate(6px) rotate(2deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes flashout{to{opacity:0}}.unit.lunge-up{animation:lungeup .42s cubic-bezier(.4,0,.2,1);z-index:30}.unit.lunge-down{animation:lungedown .42s cubic-bezier(.4,0,.2,1);z-index:30}@keyframes lungeup{45%{transform:translateY(-90px) scale(1.12)}}@keyframes lungedown{45%{transform:translateY(90px) scale(1.12)}}.unit.buffed{animation:buffglow .6s ease}@keyframes buffglow{40%{box-shadow:0 0 0 3px #ffc35ab3,0 0 36px #ffc35ab3}}.unit.debuffed{animation:debuffglow .6s ease}@keyframes debuffglow{40%{box-shadow:0 0 0 3px #a05affb3,0 0 36px #a05affb3;filter:saturate(.3)}}.menu{position:absolute;inset:0;display:grid;place-items:center}.menu-backdrop{position:absolute;inset:-40px;background-size:cover;background-position:50% 35%;filter:blur(26px) saturate(1.3) brightness(.35);opacity:.75;animation:drift 40s ease-in-out infinite alternate}@keyframes drift{to{transform:scale(1.12) translate(-20px,10px)}}.menu:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 20%,rgba(4,5,11,.85) 75%);pointer-events:none}.menu-inner{position:relative;z-index:1;text-align:center}.logo{font-family:var(--display);font-weight:800;font-size:104px;letter-spacing:.12em;margin:14px 0 6px;background:linear-gradient(115deg,#fff 15%,#9eeaff 45%,#8f7bff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(94,224,255,.3))}.logo span{font-weight:600}.tagline{font-family:var(--display);font-size:19px;letter-spacing:.14em;color:#aab6d6;font-style:italic}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:12px;margin:50px 0 34px}.menu-buttons .btn.big{min-width:340px}.menu-stats{color:var(--faint);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.tradition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;flex:1;padding-bottom:20px}.tradition{position:relative;border-radius:18px;overflow:hidden;cursor:pointer;text-align:left;border:1px solid color-mix(in srgb,var(--fc) 40%,transparent);background:linear-gradient(180deg,#0e1428,#070a16);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.tradition:hover{transform:translateY(-8px);border-color:var(--fc);box-shadow:0 24px 60px #0009,0 0 50px color-mix(in srgb,var(--fc) 30%,transparent)}.tradition-art{height:420px;background-size:cover;background-position:50% 30%;position:relative;transition:transform .6s}.tradition:hover .tradition-art{transform:scale(1.05)}.tradition-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0b1022 100%)}.tradition-body{padding:0 22px 22px;margin-top:-40px;position:relative;flex:1;display:flex;flex-direction:column}.tradition-icon{color:var(--fc);filter:drop-shadow(0 0 14px var(--fc))}.tradition-name{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:.06em;color:#fff;margin-top:6px}.tradition-tag{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--fc);font-weight:700;margin:2px 0 12px}.tradition p{font-size:13.5px;flex:1}.tradition-power{margin-top:14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--fc) 9%,transparent);border:1px solid color-mix(in srgb,var(--fc) 32%,transparent)}.tp-name{font-weight:700;color:#fff;display:flex;align-items:center}.tp-desc{font-size:13px;color:var(--dim);margin-top:3px}.vessels-page{justify-content:flex-start}.vessel-row{display:flex;gap:28px;justify-content:center;margin:80px 0 60px}.vessel{position:relative;width:190px;height:290px;border-radius:22px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#a6ecff;border:1px solid rgba(94,224,255,.3);background:radial-gradient(120% 80% at 50% 10%,rgba(94,224,255,.18),transparent 60%),linear-gradient(170deg,#142040,#070b1b 75%);box-shadow:var(--shadow),inset 0 0 40px #5ee0ff14;overflow:hidden}.vessel svg{filter:drop-shadow(0 0 18px rgba(94,224,255,.7))}.vessel-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(94,224,255,.25),transparent 65%);animation:vglow 3s ease-in-out infinite}@keyframes vglow{50%{transform:scale(1.25);opacity:.6}}.vessel-n{font-family:var(--display);font-weight:800;font-size:26px;color:#fff;position:relative}.vessel-label{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);position:relative}.vessel.open{opacity:.3;filter:grayscale(1);cursor:default}.vessel.open .vessel-glow{display:none}.vessels-foot{display:flex;flex-direction:column;align-items:center;gap:18px}.reveal{width:1360px}.reveal h2{text-align:center}.reveal-grid{display:grid;grid-template-columns:repeat(8,150px);justify-content:center;gap:14px 12px;margin-top:20px}.reveal-grid .flip{width:150px;height:210px}.build-page{padding-bottom:20px}.build-body{flex:1;display:grid;grid-template-columns:1fr 340px;gap:22px;min-height:0;position:relative}.build-pool{display:flex;flex-direction:column;min-height:0}.build-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.cost-seg button{padding:6px 10px;min-width:32px}.pool-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,164px);gap:18px 14px;padding:6px 8px 30px 4px;align-content:start}.pool-card{position:relative}.pool-card .card:hover{transform:translateY(-4px) scale(1.03);filter:drop-shadow(0 12px 24px rgba(0,0,0,.6)) brightness(1.08)}.pool-card.exhausted .card{filter:grayscale(.7) brightness(.55)}.pool-count{display:flex;gap:4px;justify-content:center;margin-top:7px}.pool-count i{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--cyan);border-radius:2px}.pool-count i.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.deck-panel{display:flex;flex-direction:column;gap:12px;min-height:0;padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.deck-head{display:flex;align-items:baseline;justify-content:space-between}.deck-head h3{margin:0;font-size:20px}.deck-count{font-family:var(--display);font-weight:800;font-size:30px;color:#ffb3c1}.deck-count span{font-size:16px;color:var(--dim)}.deck-count.ok{color:var(--green)}.deck-progress{height:4px;background:var(--bg2);border-radius:4px;overflow:hidden}.deck-progress div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .25s}.curve{display:flex;gap:6px;height:90px;padding-top:18px;align-items:flex-end}.curve-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.curve-bar{width:100%;margin-top:auto;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#5ee0ff,#2b5f9e);position:relative;transition:height .25s}.curve-bar span{position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:var(--txt)}.curve-label{font-size:11px;color:var(--dim);margin-top:4px;font-weight:700}.deck-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--dim)}.fac-pips{display:flex;width:110px;height:6px;border-radius:6px;overflow:hidden;gap:2px}.deck-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px;min-height:0}.deck-row{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:8px;cursor:pointer;text-align:left;background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 22%,transparent),#101628b3 60%);border:1px solid transparent;border-left:3px solid var(--fc);font-size:13px;font-weight:600}.deck-row:hover{border-color:#ff547080;background:linear-gradient(90deg,#ff547033,#101628b3 60%)}.dr-cost{width:24px;height:24px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:13px;background:#15456a;border-radius:6px;flex:none}.dr-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-n{color:var(--gold);font-weight:800}.deck-hover{position:absolute;right:362px;top:120px;z-index:20;pointer-events:none}.residue-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:22px;font-weight:700;background:#ffc35a1a;border:1px solid rgba(255,195,90,.4);color:#ffd58a;margin-top:8px}.ladder{flex:1;display:grid;grid-template-columns:repeat(var(--trials, 5),1fr);gap:14px;min-height:0}.trial-match{font-size:11.5px;color:var(--gold);margin:-4px 0 10px;letter-spacing:.04em}.trial{position:relative;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f1529,#070a16);border:1px solid var(--line);box-shadow:var(--shadow)}.trial-art{height:380px;background-size:cover;background-position:50% 25%;position:relative}.trial-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0d1326 100%)}.trial-round{position:absolute;top:14px;left:14px;min-width:42px;height:42px;padding:0 8px;border-radius:21px;display:grid;place-items:center;font-family:var(--display);font-weight:800;background:#050812cc;border:1px solid var(--line-strong)}.trial-body{padding:0 18px 18px;margin-top:-26px;position:relative;flex:1;display:flex;flex-direction:column}.trial-title{font-size:9.5px;letter-spacing:.13em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;color:var(--fc);font-weight:700}.trial-name{font-family:var(--display);font-weight:800;font-size:19px;color:#fff;margin:4px 0 8px}.trial-blurb{font-size:12.5px;line-height:1.5;flex:1}.trial-stats{display:flex;gap:10px;align-items:center;font-size:11.5px;color:var(--dim);margin:12px 0;flex-wrap:wrap}.pips{display:inline-flex;gap:3px;margin-left:auto}.pips i{width:8px;height:8px;border-radius:50%;border:1px solid var(--red)}.pips i.on{background:var(--red);box-shadow:0 0 6px var(--red)}.trial .btn{width:100%}.trial.current{border-color:var(--fc);box-shadow:var(--shadow),0 0 40px color-mix(in srgb,var(--fc) 30%,transparent)}.trial.current .trial-round{border-color:var(--fc);color:var(--fc)}.trial.beaten .trial-round{color:var(--green);border-color:var(--green)}.trial.beaten .trial-art{filter:saturate(.5)}.trial.locked .trial-art{filter:grayscale(1) brightness(.35) blur(2px)}.trial.locked .trial-body{opacity:.5}.trials-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 18px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.loadout{display:flex;flex-direction:column;gap:2px;font-size:13px}.lo-tradition{font-family:var(--display);font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px}.spoils-row{display:flex;gap:34px;justify-content:center;margin-top:26px;perspective:1000px}.champion{width:620px;text-align:center}.champion p{margin:10px auto}.champion h2{font-size:40px;background:linear-gradient(120deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.battle{position:absolute;inset:0;overflow:clip}.bf-backdrop{position:absolute;inset:-60px;background-size:cover;background-position:50% 30%;filter:blur(40px) saturate(1.4) brightness(.28);opacity:.8}.bf-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,8,20,.55) 0%,transparent 30%,transparent 70%,rgba(6,12,28,.7) 100%),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(2,3,8,.75) 100%)}.battle.their-turn .bf-vignette{background:linear-gradient(180deg,rgba(60,10,30,.5) 0%,transparent 35%,transparent 70%,rgba(6,12,28,.7) 100%),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(2,3,8,.75) 100%)}.enemy-hand{position:absolute;top:-50px;left:50%;transform:translate(-50%);display:flex;z-index:5}.eh-card{margin-left:-26px}.eh-card:first-child{margin-left:0}.board{position:absolute;left:320px;right:320px;height:186px;display:flex;justify-content:center;align-items:center;gap:14px}.board.seat-1{top:104px}.board.seat-0{top:392px}.board-empty{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;font-size:12px;color:#8ca0d240}.unit-slot{position:relative}.midline{position:absolute;left:320px;right:320px;top:300px;height:80px;display:grid;place-items:center;pointer-events:none}.midline-glow{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(94,224,255,.5) 20%,rgba(143,123,255,.5) 80%,transparent);box-shadow:0 0 16px #5ee0ff66}.phase-text{position:relative;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.04em;color:#cfe6ff;background:#080c1ad9;border:1px solid var(--line);min-height:30px}.phase-text:empty{opacity:0}.mode-block .phase-text{color:#ffd2d9;border-color:#ff547080}.mode-target .phase-text{color:#ffe3a8;border-color:#ffc35a80}.hero-plate{position:absolute;left:24px;width:280px;height:186px;padding:12px 14px;border-radius:18px;display:grid;grid-template-columns:100px 1fr;grid-template-rows:1fr auto;column-gap:14px;row-gap:8px;align-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--fc) 14%,rgba(14,19,36,.92)),#080b16f0);border:1px solid color-mix(in srgb,var(--fc) 30%,var(--line));box-shadow:var(--shadow);transition:box-shadow .3s,border-color .3s}.hero-plate.seat-1{top:104px}.hero-plate.seat-0{top:392px}.hero-plate.active{border-color:color-mix(in srgb,var(--fc) 70%,transparent);box-shadow:var(--shadow),0 0 30px color-mix(in srgb,var(--fc) 25%,transparent)}.hp-portrait{position:relative;width:100px;height:100px;flex:none}.hp-portrait img,.hp-sigil{position:absolute;inset:8px;width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 25%}.hp-sigil{display:grid;place-items:center;color:var(--fc);background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--fc) 45%,#0b1020),#060912)}.hp-ring{position:absolute;inset:0;transform:rotate(-90deg)}.hp-ring circle{fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .5s ease;filter:drop-shadow(0 0 4px rgba(92,240,160,.6))}.seat-1 .hp-ring circle{stroke:#ff6b88;filter:drop-shadow(0 0 4px rgba(255,90,120,.6))}.hp-num{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);min-width:44px;height:30px;padding:0 8px;border-radius:15px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:19px;background:linear-gradient(180deg,#c42a4a,#6a0d22);border:2px solid rgba(0,0,0,.5);box-shadow:0 2px 10px #0009}.hp-num.low{animation:lowhp 1s ease-in-out infinite}@keyframes lowhp{50%{box-shadow:0 0 20px #ff3c5ae6}}.hp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hp-name{font-family:var(--display);font-weight:800;font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-sub{font-size:11px;color:var(--dim);margin-top:-4px}.anchor-pips{display:flex;align-items:center;gap:3px;flex-wrap:wrap;color:var(--cyan)}.anchor-pips i{width:8px;height:10px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#5ee0ff2e}.anchor-pips i.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.anchor-pips i.bonus{background:var(--gold)}.anchor-pips b{font-size:12px;margin-left:4px;color:#d8f6ff}.hp-counts{display:flex;gap:12px;font-size:12px;color:var(--dim);font-weight:600}.hp-counts span{display:inline-flex;align-items:center;gap:4px}.hp-counts .warn{color:#ff9a8a}.power-btn{grid-column:1 / -1;width:100%;display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:9px;font-size:12px;font-weight:700;text-align:left;background:#080c1acc;border:1px solid var(--line);color:var(--dim);cursor:default}.power-btn .pw-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.power-btn .pw-cost{width:22px;height:22px;display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#fff;background:#15456a;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.power-btn:disabled{opacity:.85}.seat-0 .power-btn{cursor:pointer}.power-btn.ready{color:#effdff;border-color:var(--cyan);background:linear-gradient(180deg,#1b789499,#0f4f6699);box-shadow:0 0 16px #5ee0ff59}.power-btn.ready:hover{box-shadow:0 0 26px #5ee0ff99}.power-btn.used{opacity:.45}.actions{position:absolute;right:30px;top:282px;width:250px;display:flex;flex-direction:column;align-items:stretch;gap:8px;z-index:10}.actions .btn{width:100%;flex-direction:row}.end-btn{min-height:58px}.incoming{text-align:center;font-size:13px;padding:8px;border-radius:10px;background:#080c1ad9;border:1px solid var(--line)}.incoming b{color:#ff9fb1;font-size:16px}.incoming.lethal{border-color:var(--red);color:#ffb3c1;animation:attackpulse 1s infinite}.preview-slot{position:absolute;right:30px;top:470px;width:250px;pointer-events:none;z-index:40}.hand{position:absolute;left:50%;bottom:0;width:0;height:0;z-index:30}.hand-card{position:absolute;left:-78px;bottom:-40px;transform-origin:50% 100%}.hand-card .card{transition:transform .18s cubic-bezier(.3,1.3,.5,1),filter .2s;transform-origin:50% 100%}.hand-card:hover{z-index:100!important}.hand-card:hover .card{transform:translateY(-96px) scale(1.32);filter:drop-shadow(0 20px 30px rgba(0,0,0,.7))}.hand-card.playable .card-inner{box-shadow:0 0 0 2px var(--green),0 0 18px #5cf0a08c,inset 0 0 1.4em #00000080}.hand-card.targeting .card{transform:scale(1.15)}.hand-card.targeting .card-inner{box-shadow:0 0 0 3px var(--gold),0 0 30px #ffc35ab3}.mode-wait .hand-card .card,.their-turn .hand-card .card{cursor:default}.block-lines{position:absolute;inset:0;width:1600px;height:900px;pointer-events:none;z-index:25}.block-lines line{stroke:#8fd8ff;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 8;animation:dash .6s linear infinite;filter:drop-shadow(0 0 6px rgba(94,224,255,.8))}@keyframes dash{to{stroke-dashoffset:-18}}.floaters{position:absolute;inset:0;pointer-events:none;z-index:90}.floater{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-weight:800;font-size:40px;color:#ff5c7a;-webkit-text-stroke:2px #2a0010;paint-order:stroke fill;text-shadow:0 4px 16px rgba(0,0,0,.8);white-space:nowrap}.floater.hero{font-size:56px}.floater.heal{color:#6dffb0;-webkit-text-stroke-color:#00301a}.floater.buff{color:var(--gold);font-size:30px;-webkit-text-stroke-color:#2a1a00}.floater.shield{color:#b4c8e6;font-size:22px;letter-spacing:.1em;text-transform:uppercase;-webkit-text-stroke-color:#0b1020}.battle-tools{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:60;align-items:center}.match-score{display:flex;align-items:center;gap:12px;height:34px;padding:0 14px;border-radius:999px;background:#080b16cc;border:1px solid var(--line);font-size:12px;color:var(--dim)}.result-match{display:flex;justify-content:center;margin:-4px 0 6px}.mull-match{color:var(--gold);margin-bottom:4px}.ms-game{font-family:var(--display);font-weight:700;letter-spacing:.08em;color:var(--txt)}.ms-side{display:inline-flex;align-items:center;gap:6px}.ms-pips{display:inline-flex;gap:4px}.ms-pips i{width:9px;height:9px;border-radius:50%;border:1px solid var(--faint)}.ms-pips i.won{background:var(--green);border-color:var(--green);box-shadow:0 0 8px var(--green)}.ms-pips i.lost{background:var(--red);border-color:var(--red);box-shadow:0 0 8px var(--red)}.battle-log{position:absolute;top:60px;right:0;bottom:250px;width:330px;z-index:55;background:#080b16f2;border:1px solid var(--line);border-right:0;border-radius:14px 0 0 14px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.bl-head{padding:12px 16px;font-family:var(--display);font-weight:600;letter-spacing:.1em;border-bottom:1px solid var(--line)}.bl-lines{flex:1;overflow-y:auto;padding:8px 12px;font-size:12.5px;user-select:text}.bl-line{padding:3px 4px;color:#b9c3dc;border-radius:4px}.bl-line.turn{color:var(--cyan);font-weight:700;margin-top:6px}.bl-line.play{color:#fff}.bl-line.combat{color:#ffd2a8}.bl-line.dmg{color:#ff9fb1}.bl-line.death{color:#a99ccf}.bl-line.win{color:var(--green);font-weight:700}.bl-line.lose{color:var(--red);font-weight:700}.turn-banner{position:absolute;left:0;right:0;top:300px;height:80px;display:grid;place-items:center;z-index:85;pointer-events:none}.turn-banner span{font-family:var(--display);font-weight:800;font-size:52px;letter-spacing:.16em;text-transform:uppercase;color:#fff;padding:6px 80px;background:linear-gradient(90deg,transparent,rgba(8,14,32,.92) 20%,rgba(8,14,32,.92) 80%,transparent);text-shadow:0 0 30px rgba(94,224,255,.7)}.their-turn .turn-banner span{text-shadow:0 0 30px rgba(255,90,140,.7)}.reveal-play{position:absolute;left:330px;top:90px;z-index:80;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.rp-label{font-size:12px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:#ffb3c8;padding:5px 14px;border-radius:14px;background:#080c1ae6;border:1px solid rgba(255,90,140,.4)}.rp-power{width:270px;padding:26px;border-radius:18px;text-align:center;background:linear-gradient(180deg,#1d2950,#0b1022);border:1px solid var(--line-strong);box-shadow:var(--shadow),0 0 40px #5ee0ff40}.rp-icon{display:grid;place-items:center;filter:drop-shadow(0 0 16px currentColor)}.rp-name{font-family:var(--display);font-weight:800;font-size:22px;color:#fff;margin:8px 0 4px}.rp-desc{color:var(--dim)}.mulligan{position:absolute;inset:0;z-index:95;display:flex;flex-direction:column;justify-content:center;background:#03040ad1;backdrop-filter:blur(4px)}.mulligan h2{font-size:40px;margin:8px 0 4px}.mull-row{display:flex;justify-content:center;gap:18px;margin-top:30px}.mull-card{position:relative;transition:transform .2s}.mull-card:hover{transform:translateY(-8px)}.mull-card.out .card{filter:grayscale(.8) brightness(.45);transform:scale(.94)}.mull-x{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.14em;text-transform:uppercase;color:#ff8fa3;padding:4px 16px;border:2px solid #ff8fa3;border-radius:8px;background:#14040ab3}.result{position:absolute;inset:0;z-index:97;display:grid;place-items:center;background:#03040ac7;backdrop-filter:blur(6px)}.result-panel{width:760px;padding:40px 50px;border-radius:22px;background:linear-gradient(180deg,#161e38f7,#0a0e1cfa);border:1px solid var(--line-strong);box-shadow:var(--shadow)}.result-title{font-size:66px;white-space:nowrap;text-align:center;letter-spacing:.14em;margin:6px 0}.result-win .result-title{background:linear-gradient(120deg,#fff 10%,var(--gold) 60%,#ff9f43);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,195,90,.45))}.result-lose .result-title,.result-draw .result-title{color:#ff8fa3;text-shadow:0 0 30px rgba(255,84,112,.5)}.result-panel p{margin:0 auto}.result-stats{display:flex;justify-content:center;gap:14px;margin-top:26px}.result-stats div{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 6px;border-radius:12px;background:#080c1ab3;border:1px solid var(--line)}.result-stats b{font-family:var(--display);font-size:28px;color:#fff}.result-stats span{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.12em;text-align:center}