@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./exo-2-cyrillic-ext-600-normal-DbEC4beu.woff2) format("woff2"),url(./exo-2-cyrillic-ext-600-normal-C6DnBGhd.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./exo-2-cyrillic-600-normal-BCC4H_F-.woff2) format("woff2"),url(./exo-2-cyrillic-600-normal-CmwRrtem.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./exo-2-vietnamese-600-normal-CV5T-das.woff2) format("woff2"),url(./exo-2-vietnamese-600-normal-C5M3vrzR.woff) format("woff");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:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./exo-2-latin-ext-600-normal-32gp9_L4.woff2) format("woff2"),url(./exo-2-latin-ext-600-normal-BUX0IFG6.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:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./exo-2-latin-600-normal-pklcsZQD.woff2) format("woff2"),url(./exo-2-latin-600-normal-1r4X5oGf.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:"Exo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./exo-2-cyrillic-ext-800-normal-Drsmmjkv.woff2) format("woff2"),url(./exo-2-cyrillic-ext-800-normal-d79MmVhy.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./exo-2-cyrillic-800-normal-AT-S2F_5.woff2) format("woff2"),url(./exo-2-cyrillic-800-normal-BD1MQsKP.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./exo-2-vietnamese-800-normal-Le56pr33.woff2) format("woff2"),url(./exo-2-vietnamese-800-normal-DApigoFF.woff) format("woff");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:"Exo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./exo-2-latin-ext-800-normal-CHzHv3qX.woff2) format("woff2"),url(./exo-2-latin-ext-800-normal-B2o1Smbw.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:"Exo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./exo-2-latin-800-normal-CrV8qFJT.woff2) format("woff2"),url(./exo-2-latin-800-normal-9BbbDbDy.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:"Exo 2";font-style:normal;font-display:swap;font-weight:900;src:url(./exo-2-cyrillic-ext-900-normal-CQCO1E5-.woff2) format("woff2"),url(./exo-2-cyrillic-ext-900-normal-Cx9iPIWn.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:900;src:url(./exo-2-cyrillic-900-normal-CCHB3iaf.woff2) format("woff2"),url(./exo-2-cyrillic-900-normal-BXGx-DoL.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:900;src:url(./exo-2-vietnamese-900-normal-CSZC-Tcj.woff2) format("woff2"),url(./exo-2-vietnamese-900-normal-CRxzaNms.woff) format("woff");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:"Exo 2";font-style:normal;font-display:swap;font-weight:900;src:url(./exo-2-latin-ext-900-normal-C-dDnhZf.woff2) format("woff2"),url(./exo-2-latin-ext-900-normal-DqPscGcG.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:"Exo 2";font-style:normal;font-display:swap;font-weight:900;src:url(./exo-2-latin-900-normal-DoE8pj_Y.woff2) format("woff2"),url(./exo-2-latin-900-normal-DIc_7uL6.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: #05030c;--bg0: #090616;--bg1: #110b26;--bg2: #1b1238;--panel: rgba(17, 11, 38, .86);--panel-solid: #140d2c;--line: rgba(190, 150, 255, .16);--line-strong: rgba(200, 160, 255, .34);--txt: #efeaff;--dim: #a197c4;--faint: #645a88;--cyan: #45efff;--pink: #ff4fd8;--violet: #9b7bff;--gold: #ffd36a;--red: #ff4f6d;--green: #4ff0a8;--common: #b4adc9;--uncommon: #4fe0a0;--rare: #5aa8ff;--legendary: #ffbe3d;--display: "Exo 2", "Segoe UI", sans-serif;--body: "Inter Variable", "Segoe UI", system-ui, sans-serif;--radius: 12px;--shadow: 0 18px 50px rgba(0, 0, 0, .55)}.f-fortis{--fc: #a77bff;--fc2: #4a2a8f}.f-lumina{--fc: #cfe9ff;--fc2: #5a7a9f}.f-rhythmos{--fc: #ff8a3d;--fc2: #8f3a12}.f-melodia{--fc: #3fe8a8;--fc2: #156a4c}.f-synthara{--fc: #ff4fd8;--fc2: #7a1f6a}.f-academy{--fc: #c9d1e0;--fc2: #4a5266}.f-void{--fc: #8c84a8;--fc2: #2a2440}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%,#1a0d33 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%,#22104a 0%,var(--bg0) 55%,#07040f 100%);box-shadow:0 0 0 1px #ffffff08,0 0 120px #000c}.waves{position:absolute;inset:0;pointer-events:none;transition:opacity .6s}.waves.dim{opacity:.4}.screen{position:absolute;inset:0;overflow:clip}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:.06em}h2{font-size:27px;color:#fff}h3{font-size:17px;color:#fff;margin:14px 0 8px}p{line-height:1.6;color:#cfc6e8}.kicker{font-size:11px;letter-spacing:.3em;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,#30205cf2,#1a1136f2);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 #45efff38,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(120deg,#c2289f,#5a2fc4 55%,#1a8fb0);border-color:#ff8cf0a6;color:#fff;box-shadow:0 0 24px #ff4fd840,inset 0 1px #fff3}.btn.primary small{color:#ffd6f6}.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 36px #ff4fd899,0 0 18px #45efff66,inset 0 1px #ffffff2e}}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;cursor:pointer;background:#180f32cc;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:#1a1134d9;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:#140d2ae6}.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:#ff4fd82e;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:#140d2ae6;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:#45efff4d;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:#04020abd;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,#221546f7,#0d081efa);border:1px solid var(--line-strong);box-shadow:var(--shadow),0 0 80px #ff4fd814}.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:1180px}.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:320px;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:#180f32f5;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:#34245e;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-legendary{--rc: var(--legendary)}.card-inner{position:absolute;inset:0;border-radius:.8em;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--fc) 24%,#150d2c),#0d0820 55%,color-mix(in srgb,var(--fc) 14%,#07040f));border:.13em solid color-mix(in srgb,var(--fc) 55%,#2a1d4d);box-shadow:inset 0 0 0 .07em #ffffff0f,inset 0 0 1.4em #00000080}.card.is-tech .card-inner{background:repeating-linear-gradient(180deg,transparent 0 .9em,rgba(255,255,255,.025) .9em 1em),linear-gradient(160deg,color-mix(in srgb,var(--fc) 16%,#1c1033),#0e0a1f 55%,#08061a);border-color:color-mix(in srgb,var(--fc) 42%,#4a3a8a)}.card.r-legendary .card-inner{border-color:#e0ac3f;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:#05030c;box-shadow:0 0 0 .07em #ffffff1a}.card.is-tech .card-art{clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);border-radius:.5em}.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),#05030c 70%)}.card-beats{position:absolute;top:.25em;left:.25em;display:flex;gap:.05em;padding:.3em .45em;border-radius:1em;background:#080414d9;border:.07em solid color-mix(in srgb,var(--fc) 60%,transparent);color:var(--fc);box-shadow:0 0 .6em color-mix(in srgb,var(--fc) 40%,transparent)}.card-beats svg{width:1em;height:1em}.card-cost{position:absolute;top:.2em;left:.2em;min-width:2.5em;height:2.5em;padding:0 .35em;gap:.1em;display:flex;align-items:center;justify-content:center;border-radius:1.3em;background:radial-gradient(circle at 35% 30%,#ff9cf0,#b0208f 50%,#4a0a40);box-shadow:0 0 .6em #ff4fd88c;color:#fff}.card-cost svg{width:.9em;height:.9em;opacity:.85}.card-cost span{font-family:var(--display);font-weight:800;font-size:1.3em;text-shadow:0 .06em .2em #300028}.card-sigil{position:absolute;top:.5em;right:.55em;color:var(--fc);filter:drop-shadow(0 0 .3em #000)}.card-sigil svg{width:1.15em;height:1.15em}.card-plate{position:absolute;inset:9.75em .5em .5em;border-radius:.3em .3em .5em .5em;padding:.3em .55em .4em;background:linear-gradient(180deg,#0a0618eb,#0c081cf5);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:700;font-size:.86em;line-height:1.2;color:#fff;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-type{display:flex;align-items:center;gap:.35em;font-size:.54em;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--fc) 75%,#aab);font-weight:700;margin:.2em 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:.64em;line-height:1.36;color:#d6cfee;overflow:hidden;flex:1;padding-bottom:1.2em}.card-text b{color:#fff;font-weight:700}.card-kws{color:var(--fc);margin-bottom:.2em}.card-kws b{color:color-mix(in srgb,var(--fc) 80%,#fff)}.card-flavor{font-style:italic;color:#a59cc4}.card-rules+.card-flavor,.card-kws+.card-flavor{margin-top:.35em}.card.is-res .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.6em;height:1.6em;opacity:.28}.card .stat span{position:relative;font-size:1.15em;text-shadow:0 .06em .25em #000}.stat-pow{background:radial-gradient(circle at 35% 30%,#ffe08a,#d0801a 55%,#5a3006);box-shadow:0 0 .5em #ffb43c66}.stat-res{background:radial-gradient(circle at 35% 30%,#9cf6ff,#1a90c4 55%,#062f5a);box-shadow:0 0 .5em #45efff66}.card .stat-pow{left:.2em}.card .stat-res{right:.2em}.stat-limit{position:absolute;bottom:.55em;left:50%;transform:translate(-50%);padding:.1em .55em;border-radius:1em;font-family:var(--display);font-weight:700;font-size:.62em;color:#ffc6ef;background:#3c0a32d9;border:.1em solid rgba(255,79,216,.5)}.stat.up span{color:#c6ffd8}.stat.down span{color:#ffd1d9}.glow-rare .card{filter:drop-shadow(0 0 1em rgba(90,168,255,.6))}.glow-legendary .card{animation:legglow 2.2s ease-in-out infinite}@keyframes legglow{0%,to{filter:drop-shadow(0 0 .8em rgba(255,190,61,.55))}50%{filter:drop-shadow(0 0 2em rgba(255,210,90,.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(255,79,216,.5) 0 6%,transparent 7%),repeating-radial-gradient(circle at 50% 50%,transparent 0 5%,rgba(69,239,255,.16) 5.5% 6%),linear-gradient(150deg,#3a1660,#0d0624 60%,#0a1838);border:calc(var(--cw) * .025) solid #4c2c86;box-shadow:0 6px 16px #0009,inset 0 0 calc(var(--cw) * .15) #0009;position:relative;overflow:hidden}.card-back-rings{position:absolute;inset:18%;border-radius:50%;border:calc(var(--cw) * .018) solid rgba(255,79,216,.45);box-shadow:0 0 calc(var(--cw) * .1) #ff4fd859}.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{position:relative;width:148px;height:196px;border-radius:12px;cursor:pointer;background:#07040f;overflow:visible;border:2px solid color-mix(in srgb,var(--fc) 60%,#2a1d4d);box-shadow:0 8px 18px #0009,0 0 14px color-mix(in srgb,var(--fc) 18%,transparent);transition:box-shadow .2s,border-color .2s,filter .2s,opacity .2s}.unit.r-legendary{border-color:#e0ac3f}.unit-art{position:absolute;inset:0;border-radius:10px;overflow:hidden}.unit-art .card-art-img{object-position:50% 26%}.unit-art .card-art-fallback{font-size:44px}.unit-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 26%,transparent 50%,rgba(5,3,12,.96) 100%)}.unit-name{position:absolute;left:8px;right:8px;bottom:40px;text-align:center;font-family:var(--display);font-weight:700;font-size:10.5px;line-height:1.15;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:4px;width:34px;height:34px;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:20px;height:20px;opacity:.25}.unit .stat span{position:relative;font-size:16px;text-shadow:0 1px 4px #000}.unit .stat-pow{left:-9px}.unit .stat-res{right:-9px}.unit-kws{position:absolute;top:5px;left:5px;display:flex;gap:3px;flex-wrap:wrap;max-width:100px}.kw{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none;background:#0a0618e0;border:1px solid rgba(255,255,255,.22);color:#e8dcff}.kw-Steadfast{color:#c6a8ff}.kw-Breakthrough{color:#ff9a5e}.kw-Harmonist{color:#ff8cec}.kw-Spotlight{color:#ffe066}.kw-Hollow{color:#9a92b8}.kw-Beast{color:#6ff0b8}.unit-badges{position:absolute;top:5px;right:5px;display:flex;flex-direction:column;gap:3px;align-items:flex-end}.badge{display:inline-flex;align-items:center;gap:2px;padding:1px 6px 1px 4px;border-radius:10px;font-size:11px;font-weight:800;background:#0a0618e6}.badge.guard{color:#b9a0ff;border:1px solid rgba(167,123,255,.6)}.badge.reach{color:#6ff0b8;border:1px solid rgba(63,232,168,.6)}.dis-meter{position:absolute;left:26px;right:26px;bottom:12px;height:10px;display:flex;gap:2px}.dis-meter i{flex:1;border-radius:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.dis-meter i.od{border-color:#ff4fd88c}.dis-meter i.on{background:#45efff;border-color:#45efff;box-shadow:0 0 5px #45efff}.dis-meter i.od.on{background:#ff4fd8;border-color:#ff4fd8;box-shadow:0 0 6px #ff4fd8}.dis-meter i.plan{background:repeating-linear-gradient(45deg,rgba(255,211,106,.7) 0 2px,transparent 2px 4px);border-color:var(--gold)}.dis-meter.will-fall i.plan,.dis-meter.will-fall i.on{animation:fallwarn .7s ease-in-out infinite}@keyframes fallwarn{50%{background:var(--red);border-color:var(--red)}}.dis-meter.beast{display:none}.unit.overdriven{animation:odpulse 1.3s ease-in-out infinite}@keyframes odpulse{50%{box-shadow:0 0 0 2px #ff4fd88c,0 0 30px #ff4fd88c}}.unit.resting .unit-art{filter:saturate(.35) brightness(.55)}.unit-rest{position:absolute;top:72px;left:0;right:0;text-align:center;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9c1ff;display:flex;gap:4px;align-items:center;justify-content:center;text-shadow:0 0 6px #000}.unit.fallen .unit-art{filter:grayscale(.85) contrast(1.15) brightness(.8)}.unit.fallen:after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;background:radial-gradient(circle at 50% 30%,transparent 30%,rgba(40,20,70,.55))}.unit.performer{border-color:var(--gold);cursor:pointer;animation:targetpulse 1s ease-in-out infinite}.unit.targetable{border-color:var(--gold);cursor:crosshair;animation:targetpulse 1s ease-in-out infinite}@keyframes targetpulse{0%,to{box-shadow:0 0 0 2px #ffd36a59,0 0 16px #ffd36a4d}50%{box-shadow:0 0 0 4px #ffd36aa6,0 0 34px #ffd36a99}}.unit.acting{border-color:#fff;box-shadow:0 0 0 3px #ffffff80,0 0 34px color-mix(in srgb,var(--fc) 80%,transparent);transform:translateY(-6px) scale(1.04);z-index:5}.unit.hit{animation:shake .38s ease}.unit.hit:before{content:"";position:absolute;inset:0;border-radius:10px;background:#ff3c5a73;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(-60px) scale(1.08)}}@keyframes lungedown{45%{transform:translateY(60px) scale(1.08)}}.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(5,3,12,.85) 75%);pointer-events:none}.menu-inner{position:relative;z-index:1;text-align:center}.logo{font-family:var(--display);font-weight:900;font-size:96px;letter-spacing:.12em;margin:14px 0 6px;background:linear-gradient(110deg,#fff 10%,#ff8cec 40%,#45efff 75%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(255,79,216,.35))}.logo span{font-weight:500;margin-left:.3em}.tagline{font-family:var(--body);font-size:18px;letter-spacing:.14em;color:#c8b9ee;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}.nation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;flex:1;padding-bottom:16px;min-height:0}.nation{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,#170e30,#08051a);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.nation: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)}.nation-art{height:290px;background-size:cover;background-position:50% 25%;position:relative;transition:transform .6s;background-color:color-mix(in srgb,var(--fc) 15%,#0a0618)}.nation:hover .nation-art{transform:scale(1.05)}.nation-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#120b28 100%)}.nation-body{padding:0 18px 18px;margin-top:-36px;position:relative;flex:1;display:flex;flex-direction:column}.nation-icon{color:var(--fc);filter:drop-shadow(0 0 14px var(--fc))}.nation-name{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:.06em;color:#fff;margin-top:6px}.nation-tag{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--fc);font-weight:700;margin:2px 0 10px}.nation p{font-size:13px;line-height:1.5}.nation-sync{font-size:12px;color:var(--dim);margin:8px 0 auto;padding-bottom:10px}.nation-bond{margin-top:10px;padding:11px 12px;border-radius:12px;background:color-mix(in srgb,var(--fc) 9%,transparent);border:1px solid color-mix(in srgb,var(--fc) 32%,transparent)}.nb-head{display:flex;gap:10px;align-items:center;margin-bottom:6px}.nb-art{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--fc);display:grid;place-items:center;color:var(--fc);flex:none}.nb-name{font-family:var(--display);font-weight:700;color:#fff;font-size:15px}.nb-form{font-size:11px;color:var(--dim)}.nb-tech{font-size:13px;color:#fff}.nb-desc{font-size:12.5px;color:var(--dim);margin-top:2px}.crystals-page{justify-content:flex-start}.crystal-row{display:flex;gap:26px;justify-content:center;margin:80px 0 60px}.crystal{--cc: #ff4fd8;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:var(--cc);border:1px solid color-mix(in srgb,var(--cc) 40%,transparent);background:radial-gradient(120% 80% at 50% 10%,color-mix(in srgb,var(--cc) 22%,transparent),transparent 60%),linear-gradient(170deg,#241040,#09051b 75%);box-shadow:var(--shadow),inset 0 0 40px color-mix(in srgb,var(--cc) 10%,transparent);overflow:hidden}.crystal.c1{--cc: #45efff}.crystal.c2{--cc: #a77bff}.crystal.c3{--cc: #3fe8a8}.crystal.c4{--cc: #ff8a3d}.crystal svg{filter:drop-shadow(0 0 18px var(--cc))}.crystal-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 30%,transparent),transparent 65%);animation:vglow 3s ease-in-out infinite}@keyframes vglow{50%{transform:scale(1.25);opacity:.6}}.crystal-n{font-family:var(--display);font-weight:900;font-size:26px;color:#fff;position:relative}.crystal-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);position:relative}.crystal.open{opacity:.3;filter:grayscale(1);cursor:default}.crystal.open .crystal-glow{display:none}.crystals-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(6,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(--pink);border-radius:2px}.pool-count i.on{background:var(--pink);box-shadow:0 0 6px var(--pink)}.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(--pink),var(--cyan));transition:width .25s}.deck-mix{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;font-size:11.5px}.mix-head{font-weight:700;color:var(--txt);margin-bottom:4px;font-size:12px}.mix-row{display:flex;align-items:center;gap:6px;height:17px;color:var(--dim)}.mix-row span{width:54px;display:inline-flex;gap:1px;color:var(--pink)}.mix-col:last-child .mix-row span{color:var(--dim)}.mix-row i{height:7px;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--violet));min-width:2px}.mix-row b{color:var(--txt);font-size:11px}.deck-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;color:var(--dim)}.deck-meta .warn{color:#ffb08a}.deck-meta .ok{color:var(--green)}.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),#180f32b3 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,#180f32b3 60%)}.dr-cost{min-width:34px;height:22px;display:inline-flex;align-items:center;justify-content:center;gap:2px;font-family:var(--display);font-weight:700;font-size:11px;background:#2c1a5a;color:#d7c6ff;border-radius:6px;flex:none}.dr-cost.tech{background:#5a1a4c;color:#ffc6ef}.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}.shard-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:22px;font-weight:700;background:#ff4fd81a;border:1px solid rgba(255,79,216,.4);color:#ffb8f0;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,#170e30,#08051a);border:1px solid var(--line);box-shadow:var(--shadow)}.trial-art{height:360px;background-size:cover;background-position:50% 25%;position:relative;background-color:color-mix(in srgb,var(--fc) 14%,#0a0618)}.trial-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#140c2a 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:#080512cc;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:9px;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:900;font-size:17px;color:#fff;margin:4px 0 8px;white-space:nowrap}.trial-blurb{font-size:12px;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;gap:14px;align-items:center;font-size:13px;max-width:760px}.loadout .muted{line-height:1.45}.lo-beast{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid var(--fc);display:grid;place-items:center;color:var(--fc);flex:none;box-shadow:0 0 18px color-mix(in srgb,var(--fc) 40%,transparent)}.lo-nation{font-family:var(--display);font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--fc);margin-bottom:2px}.evolve{width:1000px}.evolve-compare{display:grid;grid-template-columns:1fr 40px 1fr;gap:10px;align-items:center;margin:18px 0;padding:14px 18px;border-radius:12px;background:color-mix(in srgb,var(--fc) 8%,transparent);border:1px solid color-mix(in srgb,var(--fc) 30%,transparent);font-size:13px}.ec-head{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fc);font-weight:700;margin-bottom:4px}.ec-arrow{font-size:26px;color:var(--fc);text-align:center}.evolve-offers{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-height:420px;overflow:auto;padding:6px}.evolve-offers .pool-card.picked .card{outline:3px solid var(--gold);outline-offset:3px;border-radius:.8em}.evolve-offers .pool-count{text-align:center;font-size:12px}.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(--pink),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.battle{position:absolute;inset:0}.stage-area{position:absolute;left:0;top:0;width:1190px;height:900px}.stage-area:before{content:"";position:absolute;left:110px;right:110px;top:70px;height:470px;border-radius:30px;background:radial-gradient(60% 40% at 50% 50%,rgba(255,79,216,.08),transparent 70%),linear-gradient(180deg,#45efff08,#9b7bff0f 50%,#ff4fd80a);border:1px solid rgba(190,150,255,.08);pointer-events:none}.pbar{position:absolute;left:30px;width:1130px;height:58px;display:flex;align-items:center;gap:16px;padding:0 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.pbar.side-1{top:8px}.pbar.side-0{top:530px}.pbar-portrait{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--fc);display:grid;place-items:center;color:var(--fc);flex:none;box-shadow:0 0 14px color-mix(in srgb,var(--fc) 40%,transparent)}.pbar-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.pbar-id{width:170px}.pbar-name{font-family:var(--display);font-weight:700;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar-sub{font-size:11px;color:var(--fc);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.barrier{position:relative;flex:1;height:26px;border-radius:13px;background:#00000073;border:1px solid rgba(69,239,255,.35);overflow:hidden}.barrier-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1a6fb0,#45efff 70%,#c8fbff);box-shadow:0 0 18px #45efff80;transition:width .35s ease}.barrier.low .barrier-fill{background:linear-gradient(90deg,#8a1a3a,#ff4f6d);box-shadow:0 0 18px #ff4f6d80}.barrier-n{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:14px;color:#fff;text-shadow:0 1px 4px #000}.barrier-n{display:flex;align-items:baseline;justify-content:center;line-height:26px}.barrier-n small{font-size:11px;opacity:.7;margin-left:2px}.barrier-ward{position:absolute;right:10px;top:4px;display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:800;color:#d6c6ff}.barrier.hit{animation:shake .38s ease}.pbar-counts{display:flex;gap:14px;font-size:12px;color:var(--dim);font-weight:600}.pbar-counts span{display:inline-flex;gap:4px;align-items:center}.pbar-bond{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--fc);padding:5px 10px;border-radius:16px;border:1px solid color-mix(in srgb,var(--fc) 40%,transparent)}.bond-pips{display:inline-flex;gap:3px}.bond-pips i{width:8px;height:8px;border-radius:50%;border:1px solid var(--fc)}.bond-pips i.on{background:var(--fc);box-shadow:0 0 6px var(--fc)}.formation{position:absolute;left:145px;width:900px;height:196px;display:flex;gap:40px}.formation.side-1{top:78px}.formation.side-0{top:324px}.slot{position:relative;width:148px;height:196px;flex:none}.slot-empty{width:100%;height:100%;border-radius:12px;border:1px dashed rgba(190,150,255,.2);display:grid;place-items:center;background:#ffffff04}.slot-empty span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-weight:700;text-align:center;padding:0 8px}.slot.entrance .slot-empty{border:2px dashed var(--gold);background:#ffd36a0f;cursor:pointer;animation:targetpulse 1.2s ease-in-out infinite}.slot.entrance .slot-empty span{color:var(--gold)}.aw-lane .formation.side-1 .slot{cursor:crosshair}.aw-lane .formation.side-1 .slot:after{content:"";position:absolute;inset:-4px;border-radius:14px;border:2px solid var(--gold);animation:targetpulse 1s ease-in-out infinite;pointer-events:none}.slot-planned{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;border:2px dashed var(--pink);opacity:.85}.slot-planned .card-art-img,.slot-planned .card-art-fallback{filter:saturate(.6) brightness(.6)}.slot-planned span{position:absolute;left:6px;right:6px;bottom:10px;text-align:center;font-family:var(--display);font-size:10.5px;font-weight:700;color:#fff;display:flex;flex-direction:column;text-shadow:0 1px 4px #000}.slot-planned small{font-family:var(--body);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}.slot-planned.performer{border-color:var(--gold);animation:targetpulse 1s ease-in-out infinite}.sync-link{position:absolute;top:88px;width:28px;height:20px;pointer-events:none;z-index:4;background:radial-gradient(circle,rgba(255,255,255,.95) 0 2px,transparent 3px),linear-gradient(90deg,transparent,var(--pink) 20%,var(--cyan) 80%,transparent);background-size:100% 100%,100% 4px;background-repeat:no-repeat;background-position:center,center;filter:drop-shadow(0 0 6px var(--pink));animation:syncpulse 1.6s ease-in-out infinite}@keyframes syncpulse{50%{filter:drop-shadow(0 0 12px var(--cyan))}}.lanes{position:absolute;left:145px;top:284px;width:900px;height:34px;display:flex;gap:40px}.lane-label{width:148px;text-align:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-weight:700;line-height:34px}.lane-label b{color:var(--dim);margin-right:4px;font-family:var(--display)}.hand{position:absolute;left:0;width:1190px;top:640px;height:260px;display:flex;justify-content:center;align-items:flex-start}.hand-card{margin:0 -14px;cursor:pointer;position:relative;transform-origin:50% 120%}.hand-card:hover{z-index:10}.hand-card:hover .card{transform:translateY(-14px) scale(1.04)}.hand-card.picked{z-index:11}.hand-card.picked .card{filter:drop-shadow(0 0 16px var(--gold)) drop-shadow(0 10px 20px rgba(0,0,0,.6))}.hand-card.picked .card-inner{border-color:var(--gold)}.hand-fallen{position:absolute;top:6px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:10px;background:#281446e6;color:#c9b8ff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hand-card.fallen .card{filter:grayscale(.6) drop-shadow(0 .5em 1em rgba(0,0,0,.55))}.mode-playing .hand{opacity:.12;pointer-events:none}.mode-over .hand{opacity:.4;pointer-events:none}.hint{position:absolute;left:50%;top:596px;transform:translate(-50%);padding:7px 18px;border-radius:18px;background:#180f32eb;border:1px solid var(--line-strong);font-size:13px;color:#e8dcff;white-space:nowrap;z-index:20}.callout{position:absolute;top:612px;left:50%;z-index:40;display:flex;gap:18px;align-items:center;padding:14px 22px 14px 14px;border-radius:18px;background:#0e0820f5;border:1px solid var(--line-strong);box-shadow:var(--shadow),0 0 40px #ff4fd833;pointer-events:none}.callout.side-0{border-color:#45efff8c}.callout.side-1{border-color:#ff4fd88c}.callout.t-cancel{border-color:#ff4f6db3}.callout.t-cancel .card{filter:grayscale(1) brightness(.6)}.callout.t-bond{border-color:var(--gold)}.callout-bond{width:110px;height:140px;display:grid;place-items:center;color:var(--gold);border-radius:12px;background:radial-gradient(circle,rgba(255,211,106,.2),transparent 70%)}.callout-text{width:300px}.callout-title{font-family:var(--display);font-weight:900;font-size:20px;color:#fff;margin:4px 0}.callout.t-cancel .callout-title{color:#ff8ea2}.callout-sub{font-size:13px;color:var(--dim)}.banner{position:absolute;left:0;width:1190px;top:262px;text-align:center;z-index:45;pointer-events:none;font-family:var(--display);font-weight:900;font-size:54px;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(110deg,#fff,#ff8cec 45%,#45efff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(255,79,216,.6))}.floaters{position:absolute;inset:0;pointer-events:none;z-index:50}.floater{position:absolute;transform:translate(-50%);font-family:var(--display);font-weight:900;font-size:18px;white-space:nowrap;text-shadow:0 2px 6px #000,0 0 10px rgba(0,0,0,.8)}.floater.t-dmg,.floater.t-barrier{color:#ff6b85;font-size:22px}.floater.t-heal{color:#5cf0a8}.floater.t-guard{color:#c6a8ff;font-size:15px}.floater.t-amp{color:#ffd36a;font-size:15px}.floater.t-dis{color:#ff8cec;font-size:14px}.floater.t-calm{color:#8ff6ff;font-size:14px}.floater.t-reach{color:#6ff0b8;font-size:15px}.floater.t-od{color:#ff4fd8;font-size:20px}.floater.t-sample{color:#ff8cec;font-size:14px}.setlist{position:absolute;right:10px;top:8px;bottom:8px;width:390px;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.sl-head{display:flex;align-items:center;gap:14px;padding-right:128px;min-height:44px}.sl-head-stack{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.sl-measure{font-family:var(--display);font-weight:900;font-size:34px;color:#fff;line-height:1}.sl-silence{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.06em}.sl-silence.on{color:var(--red)}.sl-cols{display:grid;grid-template-columns:34px 1fr 1fr;gap:8px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:700}.sl-cols span:first-child{grid-column:2}.sl-beat{display:grid;grid-template-columns:34px 1fr 1fr;gap:8px;align-items:stretch;height:92px;padding:4px;border-radius:12px;border:1px solid transparent;transition:background .2s,border-color .2s}.sl-beat.now{background:#ff4fd81a;border-color:#ff4fd880;box-shadow:0 0 20px #ff4fd82e}.sl-beat.chosen{border-color:var(--gold);background:#ffd36a12}.sl-n{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:20px;color:#fff}.sl-n kbd{margin:4px 0 0}.sl-mine{padding:0;border:0;background:none;text-align:left;cursor:pointer}.sl-mine:disabled{cursor:default}.beat-cell{height:100%;border-radius:10px;display:flex;align-items:center;gap:8px;padding:6px;background:#ffffff08;border:1px solid var(--line);overflow:hidden}.beat-cell.empty{justify-content:center;color:var(--faint)}.sl-mine:not(:disabled):hover .beat-cell.empty{border-color:var(--gold);color:var(--gold)}.sl-mine:not(:disabled):hover .beat-cell:not(.empty){border-color:#ff4f6d99}.beat-cell.hidden{justify-content:center;gap:6px;color:var(--faint);font-size:11px}.beat-cell.hidden .card-back{--cw: 34px}.beat-cell.ghost{font-family:var(--display);font-size:20px}.bc-art{width:52px;height:74px;border-radius:6px;overflow:hidden;flex:none;display:grid;place-items:center;color:var(--gold);background:#05030c;border:1px solid color-mix(in srgb,var(--fc, #888) 50%,transparent)}.bc-text{display:flex;flex-direction:column;min-width:0}.bc-text b{font-size:12px;line-height:1.2;color:#fff}.bc-text small{font-size:10.5px;color:var(--dim);margin-top:2px}.bc-hold{font-size:11px;color:var(--faint);display:inline-flex;align-items:center;gap:4px;margin:auto}.beat-cell.k-deploy{border-color:color-mix(in srgb,var(--fc) 45%,transparent)}.beat-cell.k-tech{border-color:color-mix(in srgb,var(--fc) 45%,transparent);background:color-mix(in srgb,var(--fc) 7%,transparent)}.beat-cell.k-bond{border-color:var(--gold);background:#ffd36a12}.beat-cell.canceled{opacity:.45;text-decoration:line-through;border-color:var(--red)}.sl-beat.finale{height:44px}.sl-finale{grid-column:2 / 4;display:flex;align-items:center;font-size:12px;color:var(--dim);padding:0 8px;border-radius:10px;background:#ffffff08;border:1px solid var(--line)}.sl-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.sl-actions .btn.sm kbd{margin-left:4px}.bond-btn.on{border-color:var(--gold);color:var(--gold)}.perform{width:100%}.perform kbd{margin-left:8px}.sl-foot{display:flex;justify-content:space-between}.match-score{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 10px;border-radius:14px;background:#0000004d;border:1px solid var(--line);font-size:11px;color:var(--dim)}.ms-label{letter-spacing:.14em;text-transform:uppercase;font-weight:700}.ms-vs{font-family:var(--display);font-weight:800;color:#fff}.ms-pips{display:inline-flex;gap:3px}.ms-pips i{width:8px;height:8px;border-radius:50%;border:1px solid var(--line-strong)}.ms-pips i.win{background:var(--green);border-color:var(--green)}.ms-pips i.loss{background:var(--red);border-color:var(--red)}.battle-log{position:absolute;left:30px;top:74px;width:360px;max-height:440px;overflow-y:auto;z-index:55;padding:10px 12px;border-radius:12px;background:#0a0618f2;border:1px solid var(--line-strong);font-size:12px;line-height:1.5;user-select:text}.log-line{color:var(--dim)}.log-line.s-0{color:#c6f6ff}.log-line.s-1{color:#ffc6ef}.log-line.s-n{color:#fff;font-weight:700;margin-top:4px}.mulligan,.result{position:absolute;inset:0;z-index:90;display:grid;place-items:center;background:#05030cd1;backdrop-filter:blur(4px)}.mull-inner{text-align:center;max-width:1200px}.mull-inner h2{font-size:36px;margin:6px 0}.mull-intro{max-width:720px;margin:0 auto 10px}.mull-hand{display:flex;gap:16px;justify-content:center;margin:22px 0 26px}.mull-card{position:relative;cursor:pointer;transition:transform .15s}.mull-card:hover{transform:translateY(-8px)}.mull-card.out .card{filter:grayscale(.8) brightness(.45)}.mull-x{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);padding:6px 14px;border-radius:10px;font-family:var(--display);font-weight:900;color:#fff;background:#ff4f6dd9;letter-spacing:.1em}.result-panel{min-width:640px;max-width:900px;padding:36px 44px;border-radius:22px;text-align:center;background:linear-gradient(180deg,#221546f7,#0d081efa);border:1px solid var(--line-strong);box-shadow:var(--shadow),0 0 80px #ff4fd826}.result-title{font-family:var(--display);font-weight:900;font-size:60px;letter-spacing:.1em;margin:6px 0;background:linear-gradient(110deg,#fff,#ff8cec 45%,#45efff);-webkit-background-clip:text;background-clip:text;color:transparent}.result.r-lose .result-title,.result.r-glose .result-title{background:linear-gradient(110deg,#fff,#9a92b8 50%,#5a4a8a);-webkit-background-clip:text;background-clip:text}.result-match{color:var(--dim);font-size:14px}.result-rescued{margin:20px 0 4px;display:flex;flex-direction:column;align-items:center;gap:10px}