@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,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(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,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(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-ext-wght-normal-okcGN4Nq.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-ext-wght-normal-DQgQPNk4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-wght-normal-sS1B39LI.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-vietnamese-wght-normal-TKKdAiBA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night-975:#04081a;--night-950:#070d22;--night-900:#0b1226;--night-850:#0f1830;--night-800:#141f42;--night-700:#17224a;--night-600:#1f2c5c;--night-500:#2b3a72;--night-400:#46568c;--brand-rgb:253, 203, 0;--brand-hi-rgb:255, 220, 61;--brand-100:#fff4b8;--brand-200:#ffe98a;--brand-300:#ffdc3d;--brand-400:#fdcb00;--brand-500:#e2b300;--brand-600:#a88500;--brand-700:#6b5500;--brand-800:#3a2e00;--glow-rgb:92, 200, 255;--glow:#5cc8ff;--text:#f1f5ff;--text-soft:#cdd6ee;--text-muted:#9eabcf;--text-dim:#66739b;--text-on-brand:#0b1226;--blood:#b8412f;--blood-soft:#e07a66;--moss:#6fae7a;--moss-soft:#9fd3a6;--frost:#5cc8ff;--ember:#e0873c;--r-common:#9aa1a8;--r-uncommon:#6fae7a;--r-rare:#4fa8ff;--r-epic:#a66bd6;--r-legendary:#fdcb00;--r-mythic:#e0604a;--el-fire:#d0573a;--el-water:#3f8fb0;--el-wind:#6fbf9d;--el-earth:#a88a4a;--el-dark:#7a55a6;--el-holy:#e3c77a;--el-ghost:#9fb4d6;--el-poison:#86a84a;--el-undead:#8a9a86;--el-neutral:#9a8f80;--line:#bed2ff1f;--line-strong:#bed2ff38;--line-soft:#ffffff0f;--line-brand:rgba(var(--brand-rgb), .45);--font-display:"Inter Tight Variable", "Inter Tight", "Inter Variable", system-ui, sans-serif;--font-deco:var(--font-display);--font-body:"Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--tracking-tight:-.03em;--tracking-caps:.14em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 12px 28px -14px #000000b3;--shadow-lg:0 20px 40px -20px #0009, 0 40px 80px -40px #000000e6;--bevel:inset 0 1px 0 #ffffff0d;--engrave:inset 0 1px 3px #00000073;--glow-sm:0 0 14px -2px rgba(var(--brand-rgb), .55);--glow-md:0 8px 28px -8px rgba(var(--brand-rgb), .6);--glow-lg:0 0 0 8px rgba(var(--brand-rgb), .12), 0 10px 40px -6px rgba(var(--brand-rgb), .7);--glow-hover:0 24px 50px -24px rgba(var(--brand-rgb), .35);--text-glow:0 0 40px rgba(var(--brand-rgb), .35);--text-shadow-night:0 2px 30px #050a1e99;--grad-brand:linear-gradient(180deg, var(--brand-300) 0%, var(--brand-400) 100%);--grad-brand-text:linear-gradient(180deg, var(--brand-100) 0%, var(--brand-300) 40%, var(--brand-400) 100%);--grad-night:linear-gradient(180deg, var(--night-800) 0%, var(--night-850) 50%, var(--night-800) 100%);--grad-panel:linear-gradient(180deg, #17224ab8 0%, #0f1830c7 100%);--grad-hairline:linear-gradient(90deg, transparent, rgba(var(--glow-rgb), .4), transparent);--grad-hairline-brand:linear-gradient(90deg, transparent, rgba(var(--brand-rgb), .55), transparent);--tex-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .7 0 0 0 0 .78 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--tex-stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23f1f5ff'%3E%3Ccircle cx='23' cy='41' r='.8' opacity='.7'/%3E%3Ccircle cx='91' cy='12' r='.6' opacity='.5'/%3E%3Ccircle cx='150' cy='77' r='1' opacity='.8'/%3E%3Ccircle cx='211' cy='33' r='.5' opacity='.45'/%3E%3Ccircle cx='276' cy='102' r='.7' opacity='.6'/%3E%3Ccircle cx='349' cy='21' r='.9' opacity='.75'/%3E%3Ccircle cx='384' cy='143' r='.5' opacity='.4'/%3E%3Ccircle cx='57' cy='168' r='.6' opacity='.5'/%3E%3Ccircle cx='121' cy='219' r='.5' opacity='.35'/%3E%3Ccircle cx='190' cy='176' r='.8' opacity='.6'/%3E%3Ccircle cx='247' cy='240' r='1.1' opacity='.85'/%3E%3Ccircle cx='318' cy='205' r='.6' opacity='.5'/%3E%3Ccircle cx='14' cy='277' r='.9' opacity='.6'/%3E%3Ccircle cx='86' cy='322' r='.6' opacity='.45'/%3E%3Ccircle cx='160' cy='296' r='.5' opacity='.4'/%3E%3Ccircle cx='223' cy='361' r='.7' opacity='.55'/%3E%3Ccircle cx='297' cy='318' r='.5' opacity='.4'/%3E%3Ccircle cx='366' cy='281' r='.8' opacity='.65'/%3E%3Ccircle cx='340' cy='377' r='.6' opacity='.5'/%3E%3Ccircle cx='44' cy='388' r='.5' opacity='.35'/%3E%3C/g%3E%3Cg fill='%23ffe98a'%3E%3Ccircle cx='132' cy='128' r='.9' opacity='.6'/%3E%3Ccircle cx='302' cy='58' r='.7' opacity='.5'/%3E%3Ccircle cx='262' cy='390' r='.8' opacity='.5'/%3E%3C/g%3E%3C/svg%3E");--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-med:.3s;--dur-slow:.52s;--topbar-h:64px;--tabbar-h:68px;--sidebar-w:240px;--content-max:1200px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--night-950)}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-md);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 50% -8%, rgba(var(--brand-rgb), .14), transparent 62%), radial-gradient(closest-side at 92% 18%, rgba(var(--glow-rgb), .12), transparent), radial-gradient(closest-side at 6% 85%, rgba(var(--glow-rgb), .07), transparent), radial-gradient(120% 90% at 50% 35%, transparent 55%, #04081ab3), var(--tex-stars), var(--tex-grain), linear-gradient(180deg, var(--night-800) 0%, var(--night-900) 45%, var(--night-950) 100%);background-position:50%,100% 0,0 100%,50%,0 0,0 0,50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;background-size:auto,900px 900px,700px 700px,auto,400px 400px,220px 220px,auto;position:fixed;inset:0}#root{min-height:100dvh}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--text);margin:0;font-weight:800;line-height:1.08}h1{font-size:var(--fs-2xl);text-shadow:var(--text-shadow-night)}h1 em,h2 em,.hl{color:var(--brand-400);text-shadow:var(--text-glow);font-style:normal}h2{font-size:var(--fs-lg);font-weight:700}h3{font-size:var(--fs-md);font-weight:700}p{margin:0}a{color:var(--brand-300);text-underline-offset:4px}img,svg{display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--brand-300);outline-offset:2px}::selection{background:rgba(var(--brand-rgb), .35);color:var(--brand-100)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}.accent{color:var(--brand-300)}.loading{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-10) 0;color:var(--text-muted);font-weight:600;display:flex}.loading:before{content:"";border:2px solid var(--brand-700);border-top-color:var(--brand-300);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brand-400);align-items:center;gap:12px;font-weight:700;display:inline-flex}.eyebrow:before,.eyebrow.center:after{content:"";background:currentColor;flex:none;width:28px;height:1px}.eyebrow.cold{color:var(--glow)}.eyebrow.bare:before{display:none}.brand-logo{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:auto;display:block}.brand-symbol{filter:drop-shadow(0 10px 30px rgba(var(--brand-rgb), .25))}.pulse-dot{background:var(--brand-400);border-radius:50%;flex:none;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 rgba(var(--brand-rgb), .55)}50%{box-shadow:0 0 0 6px rgba(var(--brand-rgb), 0)}}.frame,.panel{background:var(--grad-panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--bevel), var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative}.frame:before,.panel:before{content:"";pointer-events:none;background:var(--grad-hairline);height:1px;position:absolute;top:-1px;left:12%;right:12%}.frame.lit:before,.panel.lit:before{background:var(--grad-hairline-brand)}.panel{padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);color:var(--brand-400);display:flex}.panel-head h1,.panel-head h2{font-size:var(--fs-lg);letter-spacing:-.02em;color:var(--text);font-weight:800}.panel-head h1{text-shadow:none}.primary,.secondary,.danger{justify-content:center;align-items:center;gap:var(--sp-2);min-height:46px;padding:0 var(--sp-5);border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:0;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), background-color var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), color var(--dur-med) var(--ease-out);font-size:.95rem;font-weight:600;display:inline-flex;position:relative}.primary{color:var(--text-on-brand);background:var(--brand-400);box-shadow:var(--glow-md);border:0}.primary:hover:not(:disabled){background:var(--brand-300);box-shadow:var(--glow-lg);transform:translateY(-1px)}.secondary{color:var(--text);background:#ffffff0f;border:1px solid #ffffff40}.secondary:hover:not(:disabled){border-color:rgba(var(--brand-rgb), .7);color:var(--brand-300);background:#ffffff14}.danger{color:#fff1ee;background:#c2412f;border:0;box-shadow:0 8px 28px -10px #c2412fb3}.danger:hover:not(:disabled){background:#d4503c}.primary:active:not(:disabled),.secondary:active:not(:disabled),.danger:active:not(:disabled){transform:translateY(1px)scale(.99)}.primary:disabled,.secondary:disabled,.danger:disabled{color:var(--text-dim);border:1px solid var(--line);box-shadow:none;background:#ffffff14}.primary.big{min-height:56px;padding:0 var(--sp-8);font-size:1.0625rem}.narrow{align-self:center;min-width:220px}.link{align-items:center;gap:var(--sp-2);padding:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm);text-underline-offset:4px;background:0 0;border:0;font-weight:600;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;display:inline-flex}.link:hover{color:var(--brand-300);-webkit-text-decoration-color:rgba(var(--brand-rgb), .7);text-decoration-color:rgba(var(--brand-rgb), .7)}.icon-btn{align-items:center;gap:var(--sp-2);height:38px;padding:0 var(--sp-3);border-radius:var(--radius-sm);color:var(--text-soft);transition:color var(--dur-fast), border-color var(--dur-fast);background:#ffffff0f;border:1px solid #fff3;display:inline-flex}.icon-btn:hover{color:var(--brand-300);border-color:rgba(var(--brand-rgb), .7)}.ghost-danger{border-radius:var(--radius-sm);width:46px;min-height:46px;color:var(--blood-soft);transition:background var(--dur-fast);background:0 0;border:1px solid #b8412f59;place-items:center;display:inline-grid}.ghost-danger:hover{background:#b8412f26}.button-row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.button-row>*{flex:180px}.tabs,.segmented{border:1px solid var(--line);border-radius:var(--radius-md);background:#070d2299;gap:4px;padding:4px;display:flex}.tabs button,.segmented button{min-height:40px;padding:0 var(--sp-3);border-radius:var(--radius-sm);color:var(--text-soft);font-family:var(--font-body);font-size:var(--fs-sm);transition:color var(--dur-fast), background var(--dur-med);background:0 0;border:0;flex:1;font-weight:600}.tabs button:hover,.segmented button:hover{color:var(--brand-300);background:#ffffff0f}.tabs button[aria-selected=true],.segmented button[aria-pressed=true]{color:var(--text-on-brand);background:var(--brand-400);box-shadow:0 6px 20px -8px rgba(var(--brand-rgb), .7)}@media (width<=480px){.tabs button,.segmented button{padding:0 var(--sp-2);letter-spacing:.02em;white-space:nowrap}.select select{font-size:var(--fs-sm);padding-left:var(--sp-3);padding-right:32px}.select:after{right:13px}}.badge{border-radius:var(--radius-pill);border:1px solid rgba(var(--brand-rgb), .5);background:rgba(var(--brand-rgb), .1);color:var(--brand-300);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.badge.ghost{border-color:var(--line-strong);color:var(--text-muted);background:#ffffff0a}.badge.gold{background:var(--brand-400);color:var(--text-on-brand);box-shadow:var(--glow-sm);border-color:#0000}.chip-nav{gap:var(--sp-2);scrollbar-width:none;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.chip-nav::-webkit-scrollbar{display:none}.chip{min-height:34px;padding:0 var(--sp-3);border-radius:var(--radius-pill);color:var(--text-soft);font-size:var(--fs-sm);transition:border-color var(--dur-fast), color var(--dur-fast);background:#ffffff0f;border:1px solid #fff3;flex:none;align-items:center;gap:6px;font-weight:500;display:inline-flex}.chip:hover{border-color:rgba(var(--brand-rgb), .7);color:var(--brand-300)}.chip .icon{color:var(--brand-400)}label{font-size:var(--fs-sm);color:var(--text-soft);flex-direction:column;gap:6px;display:flex}.field-label,form label{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:700}input:not([type=checkbox]),select{width:100%;min-height:46px;padding:0 var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);text-transform:none;letter-spacing:normal;box-shadow:var(--engrave);transition:border-color var(--dur-fast), box-shadow var(--dur-med);background:#070d22b3}input::placeholder{color:var(--text-dim)}input:not([type=checkbox]):focus,select:focus{border-color:var(--brand-400);box-shadow:var(--engrave), 0 0 0 4px rgba(var(--brand-rgb), .15);outline:none}.select{flex:1;position:relative}.select select{appearance:none;cursor:pointer;padding-right:40px}.select:after{content:"";border-right:2px solid var(--brand-400);border-bottom:2px solid var(--brand-400);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-70%)rotate(45deg)}select option{background:var(--night-850);color:var(--text)}.check{align-items:center;gap:var(--sp-3);cursor:pointer;color:var(--text-soft);flex-direction:row}.check input{opacity:0;width:1px;height:1px;position:absolute}.check-box{border:1px solid var(--line-strong);width:22px;height:22px;box-shadow:var(--engrave);transition:background var(--dur-fast);background:#070d22b3;border-radius:6px;flex:none;place-items:center;display:grid}.check input:checked+.check-box{background:var(--grad-brand);box-shadow:var(--glow-sm)}.check input:checked+.check-box:after{content:"";border:solid var(--text-on-brand);border-width:0 2.5px 2.5px 0;width:6px;height:11px;transform:translateY(-1px)rotate(45deg)}.check input:focus-visible+.check-box{outline:2px solid var(--brand-300);outline-offset:2px}.error,.info{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);align-items:flex-start;display:flex}.error{color:#ffd9d0;background:linear-gradient(90deg,#b8412f47,#b8412f1a);border:1px solid #e07a6673}.info{color:var(--brand-100);background:rgba(var(--brand-rgb), .08);border:1px solid rgba(var(--brand-rgb), .4)}.empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-muted);border:2px dashed rgba(var(--glow-rgb), .3);border-radius:var(--radius-lg);background:#070d2266}.bar{border-radius:var(--radius-pill);background:#ffffff14;border:0;height:8px;overflow:hidden}.bar span{border-radius:inherit;background:var(--grad-brand);height:100%;box-shadow:var(--glow-sm);transition:width var(--dur-slow) var(--ease-out);display:block}.rune{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:.7em;height:1.1em}.rune-divider{width:100%;color:rgba(var(--brand-rgb), .75);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.rune-divider .rd-line{background:linear-gradient(90deg, transparent, rgba(var(--brand-rgb), .6));flex:1;max-width:120px;height:1px}.rune-divider .rd-line:last-child{background:linear-gradient(270deg, transparent, rgba(var(--brand-rgb), .6))}.modal-backdrop{z-index:100;padding:var(--sp-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur-med) var(--ease-out);background:radial-gradient(60% 55% at 50% 55%,#0f1830d9,#04081aeb);place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(420px,100%);padding:var(--sp-6);gap:var(--sp-4);text-align:center;background:linear-gradient(180deg, var(--night-700), var(--night-850));box-shadow:var(--shadow-lg), 0 0 0 1px rgba(var(--brand-rgb), .15);animation:modal-in var(--dur-med) var(--ease-spring);flex-direction:column;display:flex}.modal h2{font-size:var(--fs-xl)}.modal.tone-danger h2{color:var(--blood-soft)}.modal-body{color:var(--text-soft)}.modal-actions{gap:var(--sp-3);display:flex}.modal-actions>*{flex:1}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}.coin{filter:drop-shadow(0 1px 1px #0009);flex:none}.with-coin,.zeny-inline,.pack-cost{align-items:center;gap:6px;display:inline-flex}.zeny-inline{font-family:var(--font-display);color:var(--brand-300);font-weight:800}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;align-items:center;gap:var(--sp-3);height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--sp-4) 0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#070c1cd1;display:flex;position:sticky;top:0}.topbar:after{content:"";background:var(--grad-hairline-brand);opacity:.8;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{align-items:center;gap:var(--sp-2);background:0 0;border:0;margin-right:auto;padding:0;display:inline-flex}.brand .brand-logo{width:auto;height:36px}.zeny{height:34px;padding:0 var(--sp-3) 0 6px;border-radius:var(--radius-pill);border:1px solid rgba(var(--brand-rgb), .35);font-family:var(--font-display);color:var(--brand-300);font-variant-numeric:tabular-nums;background:#ffffff0f;align-items:center;gap:6px;font-weight:800;display:inline-flex}.icon-btn-label{display:none}.content{width:100%;min-width:0;max-width:var(--content-max);padding:var(--sp-5) var(--sp-4) calc(var(--tabbar-h) + var(--sp-8) + env(safe-area-inset-bottom));flex:1;margin:0 auto;overflow-x:clip}.tabbar{z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 var(--sp-1) env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#070c1ceb;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000073}.tabbar:before{content:"";background:var(--grad-hairline);height:1px;position:absolute;top:-1px;left:0;right:0}.tabbar button{color:var(--text-muted);font-family:var(--font-body);transition:color var(--dur-fast);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10.5px;font-weight:600;display:flex;position:relative}.tabbar button:hover{color:var(--text-soft)}.tabbar button[aria-current=page]{color:var(--brand-400)}.tabbar button[aria-current=page] .icon{filter:drop-shadow(0 0 6px rgba(var(--brand-rgb), .7))}.tabbar button[aria-current=page]:before{content:"";background:var(--brand-400);height:2px;box-shadow:0 0 14px rgba(var(--brand-rgb), .9);border-radius:0 0 2px 2px;position:absolute;top:0;left:26%;right:26%}.tabbar button[aria-current=page]:after{content:"";background:radial-gradient(closest-side, rgba(var(--brand-rgb), .16), transparent);pointer-events:none;width:44px;height:36px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.page{gap:var(--sp-5);animation:page-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}.page.center{text-align:center;align-items:center}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.page-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-4);flex-wrap:wrap;display:flex;position:relative}.page-head:after{content:"";background:linear-gradient(90deg, rgba(var(--brand-rgb), .7), rgba(var(--brand-rgb), .2) 30%, var(--line) 60%, transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.page-head.center{text-align:center;flex-direction:column}.page-head.center:after{background:var(--grad-hairline-brand)}.page-meta{gap:var(--sp-2);flex-wrap:wrap;display:flex}.screen{min-height:100dvh;padding:var(--sp-6) var(--sp-4);place-items:center;display:grid}@media (width>=1024px){.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:var(--topbar-h) 1fr;display:grid}.topbar{padding:0 var(--sp-6);height:var(--topbar-h);grid-column:1/-1}.brand .brand-logo{height:42px}.icon-btn-label{font-size:var(--fs-sm);display:inline}.tabbar{top:var(--topbar-h);align-self:start;gap:var(--sp-1);height:calc(100dvh - var(--topbar-h));padding:var(--sp-6) var(--sp-3);border-top:0;border-right:1px solid var(--line);box-shadow:none;background:#070c1c8c;flex-direction:column;grid-area:2/1;display:flex;position:sticky}.tabbar:before{background:linear-gradient(180deg, transparent, rgba(var(--glow-rgb), .35) 30%, transparent);width:1px;height:auto;inset:0 -1px 0 auto}.tabbar button{justify-content:flex-start;gap:var(--sp-3);height:48px;padding:0 var(--sp-4);border-radius:var(--radius-sm);color:var(--text-soft);border:1px solid #0000;flex-direction:row;font-size:.95rem;font-weight:500}.tabbar button:hover{color:var(--brand-300);background:#ffffff0f}.tabbar button[aria-current=page]{background:rgba(var(--brand-rgb), .1);border-color:rgba(var(--brand-rgb), .3);color:var(--brand-300);font-weight:600}.tabbar button[aria-current=page]:before{border-radius:0 2px 2px 0;width:3px;height:auto;inset:10px auto 10px 0}.tabbar button[aria-current=page]:after{display:none}.content{padding:var(--sp-8) var(--sp-10) var(--sp-12);grid-area:2/2}h1{font-size:2.5rem}}.game-card{--rc:var(--r-common);--frame:linear-gradient(155deg, #7a8088 0%, #454a52 28%, #1a2650 55%, #3a3f46 78%, #6b7178 100%);--frame-edge:#0f1830;--el:var(--el-neutral);width:100%;color:var(--text);text-align:left;transition:transform var(--dur-med) var(--ease-out), filter var(--dur-med) var(--ease-out);position:relative;container-type:inline-size}.game-card.rarity-uncommon{--rc:var(--r-uncommon);--frame:linear-gradient(155deg, #9cc49e 0%, #4f7a5a 28%, #1f3226 55%, #3f6a4b 78%, #86b48c 100%)}.game-card.rarity-rare{--rc:var(--r-rare);--frame:linear-gradient(155deg, #d3e3f3 0%, #6f95bd 26%, #213852 55%, #4f76a0 78%, #a9c6e6 100%)}.game-card.rarity-epic{--rc:var(--r-epic);--frame:linear-gradient(155deg, #e6c9fa 0%, #8d5cbf 26%, #2c1745 55%, #6f45a0 78%, #c8a2ec 100%)}.game-card.rarity-legendary{--rc:var(--r-legendary);--frame:linear-gradient(155deg, #fff2c4 0%, #e2bd67 22%, #8a6428 48%, #4a3310 60%, #b98a3a 80%, #fbe3a0 100%)}.el-fire{--el:var(--el-fire)}.el-water{--el:var(--el-water)}.el-wind{--el:var(--el-wind)}.el-earth{--el:var(--el-earth)}.el-dark{--el:var(--el-dark)}.el-holy{--el:var(--el-holy)}.el-ghost{--el:var(--el-ghost)}.el-poison{--el:var(--el-poison)}.el-undead{--el:var(--el-undead)}.el-neutral{--el:var(--el-neutral)}.gc-frame{background:var(--frame);box-shadow:0 0 0 1px var(--frame-edge), inset 0 1px 0 #ffffff59, inset 0 -1px 0 #00000080, 0 8px 18px #0000008c;border-radius:5cqw;padding:3cqw;position:relative}.gc-frame:before{content:"";background:var(--tex-grain), linear-gradient(180deg, #121c3a, #0b1226);background-size:160px 160px,auto;border-radius:4cqw;position:absolute;inset:1.6cqw;box-shadow:inset 0 0 0 1px #000000b3}.gc-frame>*{position:relative}.gc-art{aspect-ratio:3/4;box-shadow:0 0 0 1px #000c, 0 0 0 2px color-mix(in srgb, var(--rc) 55%, transparent);isolation:isolate;background:#070d22;border-radius:3cqw 3cqw 2cqw 2cqw;overflow:hidden}.gc-art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-med) var(--ease-out);position:relative}.gc-art img.is-loaded{opacity:1}.gc-art:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000073 0%,#0000 22% 55%,#070c1ce0 84%,#070c1cf5 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 18cqw #00000059}.gc-placeholder{background:var(--tex-grain), radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--el) 45%, transparent) 0%, transparent 58%), radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--rc) 25%, transparent), transparent 60%), linear-gradient(180deg, #141f42, #060a18);background-size:160px 160px,auto,auto,auto;place-items:center;display:grid;position:absolute;inset:0}.gc-ph-ring{fill:none;width:78%;stroke:color-mix(in srgb, var(--rc) 60%, var(--brand-400));stroke-width:.8px;opacity:.55;position:absolute;top:12%}.gc-ph-rune{width:22cqw;height:35cqw;stroke:var(--brand-300);stroke-width:1.6px;filter:drop-shadow(0 0 4cqw rgba(var(--brand-rgb), .55));opacity:.9;position:absolute;top:25%}.gc-level{z-index:2;border:.8cqw solid var(--rc);width:16cqw;height:16cqw;font-family:var(--font-display);color:var(--brand-100);background:radial-gradient(circle at 35% 30%,#26336a,#060a18 70%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:6.6cqw;font-weight:800;line-height:1;display:flex;position:absolute;top:2.5cqw;left:2.5cqw;box-shadow:0 0 0 .6cqw #000000b3,0 1cqw 2cqw #0009}.gc-level small{color:var(--text-muted);letter-spacing:.05em;font-size:3.8cqw;font-weight:600}.gc-element{z-index:2;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--el) 70%, #000), #060a18 80%);border:.5cqw solid color-mix(in srgb, var(--el) 70%, #fff 10%);width:13cqw;height:13cqw;color:color-mix(in srgb, var(--el) 40%, #fff);box-shadow:0 0 0 .6cqw #0009, 0 0 4cqw color-mix(in srgb, var(--el) 50%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:2.5cqw;right:2.5cqw}.gc-element svg{width:8cqw;height:8cqw}.card-qty{z-index:2;background:var(--grad-brand);border:1px solid var(--brand-700);color:var(--text-on-brand);font-family:var(--font-display);border-radius:99px;padding:.6cqw 2.4cqw;font-size:5.2cqw;font-weight:800;position:absolute;top:18cqw;right:2.5cqw;box-shadow:0 1cqw 2cqw #0009}.gc-plate{z-index:2;text-align:center;padding:0 4cqw 3.6cqw;position:absolute;bottom:0;left:0;right:0}.gc-plate h3{color:#f8f1df;letter-spacing:.02em;text-shadow:0 .5cqw 1.5cqw #000,0 0 3cqw #000000e6;white-space:nowrap;text-overflow:ellipsis;font-size:9cqw;font-weight:700;overflow:hidden}.card-rarity{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--rc) 75%, #fff);text-shadow:0 0 2cqw #000;justify-content:center;align-items:center;gap:1.8cqw;margin-top:1cqw;font-size:4.8cqw;font-weight:700;display:flex}.gc-gems{gap:1cqw;display:inline-flex}.gc-gems i{background:var(--rc);width:2.4cqw;height:2.4cqw;box-shadow:0 0 1.5cqw var(--rc);transform:rotate(45deg)}.card-stats{grid-template-columns:repeat(3,1fr);gap:1.6cqw;margin:2.4cqw 0 0;display:grid}.card-stats div{background:#00000073;border-radius:2cqw;flex-direction:column;align-items:center;padding:1.4cqw 0 1.2cqw;display:flex;box-shadow:inset 0 .5cqw 1.5cqw #0009,0 0 0 1px #ffffff0a}.card-stats dt{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:.8cqw;font-size:4.8cqw;font-weight:700;display:flex}.card-stats dt .icon{width:4.8cqw;height:4.8cqw}.card-stats dd{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:7.6cqw;font-weight:800;line-height:1.1}.card-stats .pow dt{color:var(--brand-500)}.card-stats .pow dd{color:var(--brand-200);text-shadow:0 0 3cqw rgba(var(--brand-rgb), .45)}.game-card footer{letter-spacing:.04em;color:var(--text-dim);justify-content:space-between;padding:1.6cqw 1.4cqw 0;font-size:5cqw;display:flex}.game-card.rarity-legendary .gc-frame{box-shadow:0 0 0 1px #2a1d08, inset 0 1px 0 #fffadc99, 0 8px 18px #0000008c, 0 0 18px rgba(var(--brand-rgb), .35)}.game-card.rarity-legendary .gc-frame:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#fff5d259 48%,#0000 60%) 0 0/250% 100%;animation:4.5s ease-in-out infinite sheen;position:absolute;inset:0}.game-card.rarity-epic .gc-frame{box-shadow:0 0 0 1px #1a0e28,inset 0 1px #ffffff59,0 8px 18px #0000008c,0 0 14px #a66bd64d}@keyframes sheen{0%,55%{background-position:120% 0}to{background-position:-120% 0}}@media (hover:hover){.card-grid>.game-card:hover,.card-pick:hover:not(:disabled) .game-card,.disenchant:hover .game-card{filter:drop-shadow(0 10px 16px color-mix(in srgb, var(--rc) 30%, transparent));transform:translateY(-4px)}.card-grid>.game-card:hover .gc-art img,.card-pick:hover:not(:disabled) .gc-art img{transform:scale(1.04)}}.card-pick{width:100%;text-align:inherit;transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-med);background:0 0;border:0;border-radius:5cqw;padding:0;display:block;position:relative}.card-pick:disabled{opacity:.38;filter:grayscale(.6)}.card-pick.selected .game-card{transform:translateY(-6px)}.card-pick.selected .gc-frame{box-shadow:0 0 0 2px var(--brand-200), 0 0 0 4px #000000b3, 0 0 26px rgba(var(--brand-hi-rgb), .55), 0 10px 20px #0009}.card-pick.selected:after{content:"";z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320160a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E") center / 15px no-repeat, var(--grad-brand);border:1px solid var(--brand-800);width:26px;height:26px;box-shadow:var(--glow-md);animation:pop-in var(--dur-med) var(--ease-spring);border-radius:50%;margin-left:-13px;position:absolute;top:-12px;left:50%}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.card-back{aspect-ratio:100/157;background:linear-gradient(155deg, var(--brand-400), var(--brand-700) 42%, #3a2e00 58%, var(--brand-500));width:100%;box-shadow:0 0 0 1px #04081a, inset 0 1px 0 #fff4b880, 0 10px 24px -8px #000000b3, 0 0 24px -6px rgba(var(--brand-rgb), .45);border-radius:5cqw;padding:2.2cqw;container-type:inline-size}.card-back-inner{border:1px solid rgba(var(--brand-rgb), .4);background:radial-gradient(circle at 50% 50%, rgba(var(--brand-rgb), .18), transparent 55%), repeating-linear-gradient(45deg, rgba(var(--brand-rgb), .07) 0 1px, transparent 1px 9px), repeating-linear-gradient(-45deg, rgba(var(--brand-rgb), .07) 0 1px, transparent 1px 9px), linear-gradient(180deg, var(--night-700), var(--night-950));border-radius:3.5cqw;flex-direction:column;justify-content:center;align-items:center;gap:6cqw;height:100%;display:flex;box-shadow:inset 0 0 0 4cqw #00000040,inset 0 0 20cqw #0009}.card-back .card-back-inner img.brand-symbol{width:60cqw;height:60cqw;filter:drop-shadow(0 0 6cqw rgba(var(--brand-rgb), .35))}.card-back-inner span{font-family:var(--font-deco);color:var(--brand-400);font-size:12cqw}.reveal{animation:card-reveal .62s var(--ease-out) both}@keyframes card-reveal{0%{opacity:0;filter:brightness(2.2);transform:perspective(700px)rotateY(80deg)translateY(12px)scale(.92)}60%{opacity:1;filter:brightness(1.3)}to{filter:none;transform:none}}.reveal.rarity-epic,.reveal.rarity-legendary{animation:card-reveal .7s var(--ease-out) both, aura 1.6s ease-out .7s both}@keyframes aura{0%{filter:drop-shadow(0 0 #0000)}40%{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--rc) 80%, transparent))}to{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--rc) 35%, transparent))}}.card-grid{gap:var(--sp-4) var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}@media (width>=1024px){.card-grid{gap:var(--sp-6) var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}}.screen.auth{gap:var(--sp-8)}.auth-hero{display:none}.auth-panel{width:min(420px,100%);padding:var(--sp-8) var(--sp-6) var(--sp-6);align-items:center;gap:var(--sp-4);text-align:center;flex-direction:column;display:flex}.auth-logo{margin:0 0 var(--sp-1);filter:drop-shadow(0 8px 30px rgba(var(--brand-rgb), .22));justify-content:center;display:flex}.auth-logo .brand-logo{width:min(280px,78vw);height:auto}.auth-sub{margin-top:calc(-1 * var(--sp-2));font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-weight:700}.auth-panel .tabs{width:100%;margin-top:var(--sp-2)}.auth-panel form{gap:var(--sp-4);text-align:left;flex-direction:column;width:100%;display:flex}.auth-panel form .primary{margin-top:var(--sp-2);min-height:52px;font-size:1rem}@media (width>=1024px){.screen.auth{gap:var(--sp-12);max-width:1180px;padding:var(--sp-10);grid-template-columns:minmax(0,1.15fr) minmax(380px,440px);margin:0 auto}.auth-hero{display:block;position:relative}.auth-hero:before{content:"";background:radial-gradient(closest-side, rgba(var(--brand-rgb), .16), transparent);pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;left:-80px}.auth-hero-inner{align-items:flex-start;gap:var(--sp-5);flex-direction:column;max-width:560px;display:flex;position:relative}.auth-emblem{margin:0 0 var(--sp-2) -18px;animation:6s ease-in-out infinite float}.auth-headline{letter-spacing:-.035em;text-shadow:var(--text-shadow-night);font-size:4rem;font-weight:800;line-height:1}.auth-tagline{font-size:var(--fs-lg);color:var(--text-soft);max-width:440px;line-height:1.6}.auth-hero .rune-divider{justify-content:flex-start}.auth-hero .rune-divider .rd-line:first-child{display:none}}@keyframes float{50%{transform:translateY(-8px)}}.home{gap:var(--sp-5)}.home-hero{align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5) var(--sp-6);text-align:center;background:radial-gradient(closest-side at 50% 18%, rgba(var(--brand-rgb), .18), transparent), radial-gradient(closest-side at 100% 0%, rgba(var(--glow-rgb), .14), transparent), var(--grad-panel);flex-direction:column;display:flex;overflow:hidden}.home-emblem{width:150px;height:150px;animation:6s ease-in-out infinite float}.home-name{letter-spacing:-.035em;word-break:break-word;font-size:2.75rem;line-height:1}.home-sub{color:var(--text-soft);font-size:var(--fs-lg);max-width:34ch;line-height:1.5}.stats{gap:var(--sp-3);width:100%;margin:var(--sp-2) 0 0;grid-template-columns:repeat(3,1fr);display:grid}.stats div{padding:var(--sp-3) var(--sp-2);border-radius:var(--radius-md);border:1px solid var(--line);background:#070d228c;flex-direction:column-reverse;align-items:center;gap:4px;display:flex}.stats dt{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:700}.stats dd{font-family:var(--font-display);letter-spacing:-.03em;color:var(--brand-400);text-shadow:var(--text-glow);font-variant-numeric:tabular-nums;margin:0;font-size:1.75rem;font-weight:800;line-height:1}.stats dd .coin{width:20px;height:20px}.home-actions{gap:var(--sp-3);display:grid}.action-tile{align-items:center;gap:var(--sp-4);width:100%;padding:var(--sp-4);text-align:left;color:var(--text);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--grad-panel);box-shadow:var(--bevel), var(--shadow-lg);transition:transform var(--dur-med) var(--ease-out), border-color var(--dur-med), box-shadow var(--dur-med);display:flex;position:relative;overflow:hidden}.action-tile:hover{border-color:rgba(var(--brand-rgb), .4);box-shadow:var(--bevel), var(--glow-hover);transform:translateY(-4px)}.action-icon{width:52px;height:52px;color:var(--brand-400);background:rgba(var(--brand-rgb), .08);border:1px solid rgba(var(--brand-rgb), .4);border-radius:50%;flex:none;place-items:center;display:grid}.action-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.action-text strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.2rem;font-weight:700}.action-text span{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.action-arrow{color:var(--brand-400);transition:transform var(--dur-med) var(--ease-out);font-size:28px;line-height:1}.action-tile:hover .action-arrow{transform:translate(3px)}.action-tile.featured{border-color:rgba(var(--brand-rgb), .35);background:radial-gradient(closest-side at 0% 50%, rgba(var(--brand-rgb), .22), transparent), radial-gradient(closest-side at 100% 0%, rgba(var(--glow-rgb), .12), transparent), linear-gradient(180deg, #1d2a58, #0e1733)}.action-tile.featured .action-icon{background:var(--brand-400);color:var(--text-on-brand);box-shadow:0 0 0 6px var(--night-850), 0 0 30px -2px rgba(var(--brand-rgb), .55);border-color:#0000}@media (width>=1024px){.home{align-items:start;gap:var(--sp-8);grid-template-columns:minmax(320px,400px) 1fr;display:grid}.home-hero{top:calc(var(--topbar-h) + var(--sp-8));padding:var(--sp-8) var(--sp-6);position:sticky}.home-actions{gap:var(--sp-4);grid-template-columns:repeat(2,1fr)}.action-tile{min-height:180px;padding:var(--sp-6);flex-direction:column;align-items:flex-start}.action-tile.featured{flex-direction:row;grid-column:1/-1;align-items:center;min-height:160px}.action-tile.featured .action-icon{width:76px;height:76px}.action-tile .action-arrow{right:var(--sp-5);top:var(--sp-5);position:absolute}.action-tile.featured .action-arrow{position:static}.action-tile.featured .action-text strong{letter-spacing:-.03em;font-size:2.25rem}}.filters{gap:var(--sp-3);display:flex}@media (width>=1024px){.filters{max-width:560px}}.deck-list{gap:var(--sp-4);display:grid}.deck{gap:var(--sp-4);padding:var(--sp-4);align-items:center;display:flex;overflow:hidden}.deck.active{border-color:var(--line-strong);box-shadow:var(--shadow-md), var(--bevel), inset 0 0 0 1px #0009, var(--glow-sm);background:radial-gradient(ellipse at 0% 0%, rgba(var(--brand-rgb), .16), transparent 55%), var(--tex-grain), var(--grad-panel);background-size:auto,220px 220px,auto}.deck-fan{flex:none;width:104px;height:104px;position:relative}.fan-card{aspect-ratio:3/4;border:2px solid var(--rc,var(--r-common));transform-origin:50% 120%;width:52px;transform:rotate(calc(var(--i) * 11deg)) translateY(calc(var(--i) * var(--i) * 1px));transition:transform var(--dur-med) var(--ease-out);background:linear-gradient(#1a2550,#0c1328);border-radius:4px;place-items:center;margin-left:-26px;display:grid;position:absolute;bottom:4px;left:50%;overflow:hidden;box-shadow:0 4px 10px #0009}.fan-card.rarity-common{--rc:var(--r-common)}.fan-card.rarity-uncommon{--rc:var(--r-uncommon)}.fan-card.rarity-rare{--rc:var(--r-rare)}.fan-card.rarity-epic{--rc:var(--r-epic)}.fan-card.rarity-legendary{--rc:var(--r-legendary)}.fan-card img{object-fit:cover;width:100%;height:100%}.fan-card b{font-family:var(--font-display);color:var(--brand-300)}.deck:hover .fan-card{transform:rotate(calc(var(--i) * 15deg)) translateY(calc(var(--i) * var(--i) * 1.5px - 3px))}.deck-body{gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex}.deck-head{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.deck-head h2{font-size:var(--fs-xl)}.deck-meta{gap:var(--sp-1) var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.deck-meta span{align-items:center;gap:4px;display:inline-flex}.deck-meta .icon{color:var(--brand-500)}.deck-actions{gap:var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.deck-actions .secondary{min-height:40px;padding:0 var(--sp-4)}.deck-actions .ghost-danger{width:40px;min-height:40px}@media (width<=520px){.deck{align-items:flex-start}.deck-fan{width:78px;height:92px}.fan-card{width:44px;margin-left:-22px}}@media (width>=1024px){.deck-list{gap:var(--sp-5);grid-template-columns:repeat(2,1fr)}.deck{padding:var(--sp-5)}.deck-fan{width:130px;height:120px}.fan-card{width:62px;margin-left:-31px}}.deck-new{display:none}@media (width>=1024px){.deck-new{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);border:1px dashed var(--line-strong);min-height:150px;color:var(--brand-400);font-family:var(--font-display);letter-spacing:.08em;transition:background var(--dur-med), color var(--dur-med), box-shadow var(--dur-med);background:#0003;flex-direction:column;display:flex}.deck-new:hover{background:rgba(var(--brand-rgb), .08);color:var(--brand-100);box-shadow:var(--glow-sm)}}.editor-layout{gap:var(--sp-5);flex-direction:column;display:flex}.editor-side,.editor-main{gap:var(--sp-4);flex-direction:column;display:flex}.deck-summary{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.deck-slots{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.slot{aspect-ratio:3/4;border:1px dashed rgba(var(--brand-rgb), .3);box-shadow:var(--engrave);font-family:var(--font-display);font-size:var(--fs-sm);color:var(--brand-300);background:#00000059;border-radius:4px;place-items:center;display:grid;overflow:hidden}.slot.filled{border:2px solid var(--rc,var(--r-common));animation:pop-in var(--dur-med) var(--ease-spring)}.slot.rarity-common{--rc:var(--r-common)}.slot.rarity-uncommon{--rc:var(--r-uncommon)}.slot.rarity-rare{--rc:var(--r-rare)}.slot.rarity-epic{--rc:var(--r-epic)}.slot.rarity-legendary{--rc:var(--r-legendary)}.slot img{object-fit:cover;width:100%;height:100%}.deck-summary-row{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.deck-count{font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);color:var(--text-soft)}.deck-count.ok{color:var(--moss-soft);text-shadow:0 0 10px #6fae7a80}.deck-power{align-items:center;gap:4px;display:inline-flex}.deck-power strong{color:var(--brand-200);font-family:var(--font-display)}.editor-actions{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--sp-3));z-index:5;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);background:#070c1ceb;display:flex;position:sticky}.editor-actions>*{flex:1}@media (width>=1024px){.editor-layout{align-items:start;gap:var(--sp-8);grid-template-columns:340px minmax(0,1fr);display:grid}.editor-side{top:calc(var(--topbar-h) + var(--sp-6));position:sticky}.deck-slots{grid-template-columns:repeat(4,1fr)}.editor-actions{bottom:var(--sp-5);max-width:480px;margin-left:auto}}.tool-list{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.tool-chip{--rc:var(--r-common);padding:var(--sp-3);text-align:left;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--rc) 40%, transparent);border-left:3px solid var(--rc);color:var(--text-soft);transition:background var(--dur-fast), box-shadow var(--dur-med), border-color var(--dur-fast);background:#00000059;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.tool-chip strong{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text)}.tool-chip .small{color:var(--text-muted)}.tool-chip:hover:not(:disabled){background:color-mix(in srgb, var(--rc) 10%, #00000059)}.tool-chip.selected{border-color:var(--brand-300);background:linear-gradient(180deg, rgba(var(--brand-rgb), .2), rgba(var(--brand-rgb), .05));box-shadow:var(--glow-sm)}.tool-chip:disabled{opacity:.4}.rarity-uncommon{--rc:var(--r-uncommon)}.rarity-rare{--rc:var(--r-rare)}.rarity-epic{--rc:var(--r-epic)}.rarity-legendary{--rc:var(--r-legendary)}.shop-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr);display:grid}.shop .page-head .chip-nav{flex:100%}@media (width>=1024px){.shop .page-head .chip-nav{flex:0 auto}}.shop-grid>.pack-reveal,.shop-grid>.packs,.shop-grid>.disenchant-panel{grid-column:1/-1}.shop .panel,.shop .page{scroll-margin-top:calc(var(--topbar-h) + var(--sp-4))}@media (width>=1024px){.shop-grid{gap:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"daily roulette""packs packs""tools ledger";align-items:stretch}.shop-grid>.daily{grid-area:daily}.shop-grid>.roulette{grid-area:roulette}.shop-grid>.packs,.shop-grid>.pack-reveal{grid-area:packs}.shop-grid>.disenchant-panel{grid-column:1/-1}.shop-grid>.tools{grid-area:tools;align-self:start}.shop-grid>.ledger{grid-area:ledger;align-self:start}.daily .primary{margin-top:auto}}.daily-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.daily-day{padding:var(--sp-2) 2px;background:var(--tex-grain), linear-gradient(180deg, #1a2550, #0e1630);border:1px solid var(--night-500);box-shadow:var(--bevel), 0 3px 6px #0006;color:var(--text-muted);background-size:160px 160px,auto;border-radius:6px 6px 14px 14px;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.daily-day span{font-size:10px;font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap}.daily-day .rune{color:var(--night-400);font-size:18px}.daily-day strong{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text-soft)}.daily-day.done{border-color:var(--brand-700);background:linear-gradient(#3a3020,#1a150c)}.daily-day.done .rune{color:var(--brand-400)}.daily-day.done:after{content:"";background:var(--brand-300);width:6px;height:6px;position:absolute;top:4px;right:4px;transform:rotate(45deg)}.daily-day.current{border-color:var(--brand-300);color:var(--brand-100);box-shadow:var(--glow-md);background:linear-gradient(#5e4a24,#2a2010);animation:2.4s ease-in-out infinite glow-pulse}.daily-day.current .rune,.daily-day.current strong{color:var(--brand-100)}.daily-day.final:not(.done){border-color:var(--r-epic)}@keyframes glow-pulse{50%{box-shadow:0 0 26px rgba(var(--brand-rgb), .55), 0 0 4px rgba(var(--brand-hi-rgb), .8)}}.pack-list{gap:var(--sp-3);grid-template-columns:minmax(0,1fr);display:grid}.pack{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--line-soft);box-shadow:var(--engrave);transition:border-color var(--dur-med), transform var(--dur-med) var(--ease-out);background:#0000004d;display:flex}.pack:hover{border-color:var(--line-strong)}.pack-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pack-info h2{font-size:var(--fs-lg)}.pack-cost{font-family:var(--font-display);color:var(--brand-200);font-weight:700}.pack .primary{min-width:96px;padding:0 var(--sp-4)}.pack-art{width:56px;filter:drop-shadow(0 6px 10px #0009) drop-shadow(0 0 10px color-mix(in srgb, var(--pack-a) 35%, transparent));transition:transform var(--dur-med) var(--ease-spring);flex:none;position:relative}.pack-art>svg:first-child{width:100%;height:auto}.pack-art .pack-seal{width:16%;height:20%;stroke:var(--brand-200);stroke-width:2.6px;filter:drop-shadow(0 0 4px rgba(var(--brand-hi-rgb), .8));position:absolute;top:51.6%;left:50%;transform:translate(-50%,-50%)}.pack:hover .pack-art{transform:translateY(-3px)rotate(-3deg)}.pack.starter{background:linear-gradient(90deg,#4f8f782e,#0000004d);border-color:#6fae7a80}@media (width>=1024px){.pack-list{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pack{text-align:center;padding:var(--sp-6) var(--sp-4) var(--sp-5);flex-direction:column}.pack-info{align-items:center}.pack-art{width:96px}.pack .primary{width:100%}.pack:hover{transform:translateY(-3px)}}.pack-reveal .card-grid{perspective:900px}.pack-reveal .page-head{border:0}.roulette-body{gap:var(--sp-5);align-items:center;display:flex}.roulette-side{gap:var(--sp-3);flex-direction:column;flex:1;min-width:0;display:flex}.wheel{width:118px;height:118px;filter:drop-shadow(0 8px 16px #0009) drop-shadow(0 0 14px rgba(var(--brand-rgb), .2));flex:none;position:relative}.wheel-disc{width:100%;height:100%}.wheel-disc.spun{animation:2.4s cubic-bezier(.15,.7,.1,1) wheel-spin}@keyframes wheel-spin{0%{transform:rotate(-1440deg)}}.wheel-pointer{filter:drop-shadow(0 2px 2px #000c);width:18px;margin-left:-9px;position:absolute;top:-8px;left:50%}.roulette-stats{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.roulette-stats div{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);box-shadow:var(--engrave);background:#0006;flex-direction:column;display:flex}.roulette-stats .muted{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}.roulette-stats strong{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--brand-100)}.spin-result{padding:var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:rgba(var(--brand-rgb), .08);flex-direction:column;gap:4px;display:flex}.tier{border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-brand);background:var(--r-common);align-self:flex-start;padding:2px 10px}.tier-uncommon{background:var(--r-uncommon)}.tier-rare{background:var(--r-rare)}.tier-epic{background:var(--r-epic)}.tier-legendary{background:var(--grad-brand);box-shadow:var(--glow-md)}.tier-mythic{background:var(--r-mythic);color:#fff;box-shadow:0 0 16px #e0604a99}.roulette .button-row>*{flex-basis:100%}@media (width<=420px){.roulette-body{flex-direction:column}.roulette-side{width:100%}.wheel{width:140px;height:140px}}.disenchant{gap:var(--sp-2);flex-direction:column;display:flex}.disenchant .secondary{min-height:38px}.tool-inventory{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tool-inventory li{--rc:var(--r-common);align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border-left:3px solid var(--rc);background:#0000004d;display:flex}.tool-inventory li>div{flex-direction:column;flex:1;min-width:0;display:flex}.tool-inventory strong{font-family:var(--font-display);font-size:var(--fs-sm)}.tool-icon{width:32px;height:32px;color:var(--rc);border:1px solid color-mix(in srgb, var(--rc) 50%, transparent);background:#00000059;border-radius:50%;flex:none;place-items:center;display:grid}.tx-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tx-list li{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-1);border-bottom:1px solid var(--line-soft);display:flex}.tx-list li:last-child{border-bottom:0}.tx-list li>div{flex-direction:column;min-width:0;display:flex}.tx-list strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.plus{color:var(--moss-soft)}.minus{color:var(--blood-soft)}.ranking .page-head{align-items:flex-end}.ranking .segmented{min-width:260px}.tabs.three button{flex:1}.my-rank{align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);background:radial-gradient(ellipse at 0% 50%, rgba(var(--brand-rgb), .22), transparent 60%), var(--tex-grain), var(--grad-panel);border-color:var(--line-strong);background-size:auto,220px 220px,auto;display:flex}.my-rank-pos{flex-direction:column;align-items:center;line-height:1.1;display:flex}.my-rank-pos strong{font-family:var(--font-display);font-size:var(--fs-3xl);text-shadow:var(--text-glow)}.my-rank-info{gap:var(--sp-2);flex-direction:column;align-items:flex-start;display:flex}.my-rank-info strong{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--brand-100)}.tier-badge{border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border:1px solid;padding:3px 12px;font-weight:700}.tier-bronze{color:#d08a52}.tier-prata{color:#c8d0d8}.tier-ouro{color:var(--brand-300)}.tier-diamante{color:#9fd8ef}.lb-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lb-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);background:var(--tex-grain), linear-gradient(90deg, #17224ad9, #0b1226d9);border:1px solid var(--line-soft);box-shadow:var(--bevel);background-size:220px 220px,auto;display:flex}.lb-rank{min-width:52px;font-family:var(--font-display);color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:800;display:inline-flex}.lb-player{flex-direction:column;flex:1;min-width:0;display:flex}.player-name{font-weight:700;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb-points{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.lb-points strong{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--brand-200);font-variant-numeric:tabular-nums}.lb-row.podium.p1{border-color:rgba(var(--brand-rgb), .6);background:linear-gradient(90deg, rgba(var(--brand-rgb), .2), #0b1226d9 60%)}.lb-row.podium.p1 .lb-rank{color:var(--brand-300)}.lb-row.podium.p2{border-color:#c8d0d866}.lb-row.podium.p2 .lb-rank{color:#c8d0d8}.lb-row.podium.p3{border-color:#d08a5266}.lb-row.podium.p3 .lb-rank{color:#d08a52}.lb-row.me{border-color:var(--brand-300);box-shadow:var(--bevel), var(--glow-md);background:linear-gradient(90deg, rgba(var(--brand-rgb), .28), rgba(var(--brand-rgb), .06))}.lb-row.me .player-name{color:var(--brand-100)}.hand-title{font-size:var(--fs-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--brand-500);align-items:center;gap:var(--sp-3);display:flex}.hand-title:after{content:"";background:linear-gradient(90deg, var(--line-strong), transparent);flex:1;height:1px}@media (width>=1024px){.lb-list{column-gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.ach-summary{gap:var(--sp-2);flex-direction:column;display:flex}.ach-summary strong{font-family:var(--font-display);font-size:var(--fs-xl)}.ach-list{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.ach{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-md);background:var(--tex-grain), var(--grad-panel);border:1px solid var(--line-soft);box-shadow:var(--bevel), var(--shadow-sm);background-size:220px 220px,auto;align-items:flex-start;display:flex}.ach-medal{width:46px;height:46px;color:var(--night-400);border:1px solid var(--night-500);box-shadow:0 0 0 3px #0006, var(--engrave);background:radial-gradient(circle at 35% 30%,#223066,#0b1226 75%);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.ach-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ach-head{justify-content:space-between;gap:var(--sp-2);align-items:baseline;display:flex}.ach-head strong{font-family:var(--font-display);font-size:var(--fs-md)}.ach .bar{height:6px;margin-top:4px}.ach.done{border-color:var(--line-strong);background:radial-gradient(ellipse at 0% 0%, rgba(var(--brand-rgb), .18), transparent 60%), var(--tex-grain), var(--grad-panel);background-size:auto,220px 220px,auto}.ach.done .ach-medal{color:var(--text-on-brand);background:var(--grad-brand);border-color:var(--brand-700);box-shadow:0 0 0 3px #0006, var(--glow-md)}.ach.done .ach-head strong{color:var(--brand-100)}.ach.done .ach-head .muted{color:var(--brand-400)}@media (width>=720px){.ach-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.ach-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.battle-start{justify-content:center;min-height:60vh}.battle-hero{width:min(560px,100%);padding:var(--sp-8) var(--sp-6);align-items:center;gap:var(--sp-4);background:radial-gradient(circle at 50% 22%, #b8412f2e, transparent 50%), radial-gradient(circle at 50% 22%, rgba(var(--brand-rgb), .18), transparent 40%), var(--tex-grain), var(--grad-panel);background-size:auto,auto,220px 220px,auto;flex-direction:column;display:flex}.battle-crest{width:120px;height:120px;color:var(--brand-200);border:2px solid var(--brand-500);box-shadow:0 0 0 5px #0000008c, 0 0 0 6px var(--brand-700), var(--glow-lg);background:radial-gradient(circle at 35% 30%,#26336a,#060a18 72%);border-radius:50%;place-items:center;display:grid}.battle-crest .icon{filter:drop-shadow(0 0 8px rgba(var(--brand-hi-rgb), .5))}.battle-hero h1{font-size:var(--fs-3xl)}.lead{font-size:var(--fs-lg);color:var(--text-soft)}.battle-rules{gap:var(--sp-2);text-align:left;color:var(--text-muted);font-size:var(--fs-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.battle-rules li{align-items:center;gap:var(--sp-3);display:flex}.battle-rules .rune{color:var(--brand-400);flex:none;font-size:16px}body.battle-live .content{max-width:none;padding:0}@media (width<=1023.98px){body.battle-live .topbar,body.battle-live .tabbar{display:none}}@media (width>=1024px) and (height<=900px){body.battle-live .topbar{display:none}body.battle-live .app{grid-template-rows:0 1fr}body.battle-live .tabbar{height:100dvh;top:0}}.battle-v2{--chrome-h:0px;--gold:var(--brand-400);--dur-flip:calc(.62s / var(--speed,1));height:calc(100dvh - var(--chrome-h));isolation:isolate;background:radial-gradient(120% 70% at 50% 45%, #122050 0%, var(--night-950) 70%);grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:clip}@media (width>=1024px) and (height>=900.02px){.battle-v2{--chrome-h:var(--topbar-h)}}.bt-stage{--hand-h:clamp(118px, 23dvh, 212px);--actions-h:58px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.bt-aside{display:none}.bt-board{min-height:0;padding:6px 8px calc(var(--hand-h) + var(--actions-h) + 2px);isolation:isolate;grid-area:1/1/-1;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto 36px;grid-template-areas:"aiplate""ai""mid""player""plate""hint";display:grid;position:relative;overflow:clip;container:board/size}.bt-table{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.bt-art{opacity:.55;background-position:50%;background-size:cover;position:absolute;inset:0}.bt-floor{transform-origin:50% 60%;background:radial-gradient(closest-side at 50% 50%, rgba(var(--brand-rgb), .16), transparent 70%), repeating-radial-gradient(circle at 50% 50%, transparent 0 58px, rgba(var(--brand-rgb), .07) 58px 60px), repeating-linear-gradient(90deg, #bed2ff0d 0 1px, transparent 1px 72px), repeating-linear-gradient(0deg, #bed2ff0d 0 1px, transparent 1px 72px), var(--tex-grain), linear-gradient(180deg, #0c1638 0%, #142252 55%, #0b1433 100%);box-shadow:inset 0 0 0 2px rgba(var(--brand-rgb), .28), inset 0 0 0 10px #04081a80, inset 0 0 0 12px rgba(var(--brand-rgb), .14), inset 0 0 120px 30px #030614d9;border-radius:50%/22%;position:absolute;inset:4% -30% -18%;transform:perspective(900px)rotateX(46deg)}.bt-ring{aspect-ratio:1;fill:none;width:min(118cqw,150cqh);stroke:rgba(var(--brand-rgb), .22);stroke-width:1.4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)perspective(900px)rotateX(58deg)}.bt-vignette{background:radial-gradient(90% 75%,#0000 52%,#02040ec7 100%),linear-gradient(#02040e8c,#0000 16% 84%,#02040e99);position:absolute;inset:0}.bt-embers{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.bt-embers i{left:var(--x);background:var(--brand-200);width:3px;height:3px;box-shadow:0 0 6px 1px rgba(var(--brand-rgb), .8);opacity:0;animation:ember-rise var(--d) linear var(--delay) infinite;will-change:transform, opacity;border-radius:50%;position:absolute;bottom:-6px}.bt-embers i:nth-child(3n){background:#ffb35c}@keyframes ember-rise{0%{transform:translate3d(0, 0, 0) scale(var(--s));opacity:0}12%{opacity:.85}70%{opacity:.5}to{transform:translate3d(var(--drift), -92cqh, 0) scale(calc(var(--s) * .4));opacity:0}}.bt-zone{place-items:center;min-height:0;display:grid;position:relative;container:zone/size}.bt-zone.ai{grid-area:ai}.bt-zone.player{grid-area:player}.bt-slot{--cw:min(calc(92cqh * .637), 34cqw, 280px);width:var(--cw);aspect-ratio:100/157;border-radius:calc(var(--cw) * .06);place-items:center;display:grid;position:relative}.bt-zone.ai .bt-slot{--cw:min(calc(88cqh * .637), 31cqw, 256px)}.bt-slot:before,.bt-slot:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-4px}.bt-slot:before{border:1.5px dashed rgba(var(--brand-rgb), .35);background:radial-gradient(circle at 50% 50%, rgba(var(--brand-rgb), .1), transparent 70%), #04081a59;box-shadow:inset 0 0 18px #0009}.bt-slot:after{border:2px solid rgba(var(--brand-rgb), .85);box-shadow:0 0 22px rgba(var(--brand-rgb), .55), inset 0 0 22px rgba(var(--brand-rgb), .3);opacity:0;transition:opacity .3s}.bt-slot.is-active:after{animation:1.6s ease-in-out infinite slot-pulse}.bt-zone.ai .bt-slot.is-active:after{border-color:rgba(var(--glow-rgb), .85);box-shadow:0 0 22px rgba(var(--glow-rgb), .5), inset 0 0 22px rgba(var(--glow-rgb), .25)}.bt-slot.is-filled:before{opacity:.35}.bt-slot.is-filled:after{opacity:0;animation:none}@keyframes slot-pulse{0%,to{opacity:.35}50%{opacity:1}}.bt-slot-mark{fill:none;width:42%;stroke:rgba(var(--brand-rgb), .35);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.bt-slot.is-filled .bt-slot-mark{display:none}.bt-thinking{gap:6px;display:flex;position:absolute}.bt-thinking i{background:var(--glow);border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite think}.bt-thinking i:nth-child(2){animation-delay:.15s}.bt-thinking i:nth-child(3){animation-delay:.3s}@keyframes think{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.bt-flip{perspective:900px;z-index:1;position:absolute;inset:0}.bt-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--dur-flip) cubic-bezier(.3, .7, .2, 1);position:relative}.bt-flip.is-hidden .bt-flip-inner{transform:rotateY(180deg)}.bt-face{backface-visibility:hidden;position:absolute;inset:0}.bt-back{transform:rotateY(180deg)}.bt-face .game-card,.bt-face .card-back{width:100%}.bt-flip.is-entering{animation:ai-enter calc(.42s / var(--speed,1)) cubic-bezier(.2, .8, .2, 1) both}@keyframes ai-enter{0%{opacity:0;transform:translate(-40%,-70%)rotate(-12deg)scale(.6)}}.bt-facedown-tag,.bt-tool-token{z-index:2;border-radius:var(--radius-pill);letter-spacing:.04em;white-space:nowrap;pointer-events:none;padding:2px 8px;font-size:10.5px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.bt-facedown-tag{background:var(--night-800);color:var(--glow);border:1px solid rgba(var(--glow-rgb), .5);top:-9px}.bt-tool-token{color:var(--brand-200);border:1px solid rgba(var(--brand-rgb), .55);box-shadow:var(--glow-sm);animation:pop-in .32s var(--ease-spring) both;background:#070d22eb;bottom:-10px}.bt-tool-token span{color:var(--text-muted);font-weight:600}.bt-mid{grid-area:mid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:40px;padding:2px 0;display:grid;position:relative}.bt-line{background:linear-gradient(90deg, transparent, rgba(var(--brand-rgb), .5));transform-origin:100%;opacity:.55;width:calc(50% - 34px);height:2px;transition:opacity .3s;position:absolute;top:50%}.bt-line.left{left:0}.bt-line.right{right:0;transform:scaleX(-1)}.bt-sigil{fill:none;width:52px;height:52px;stroke:rgba(var(--brand-rgb), .45);stroke-width:2.5px;transition:transform calc(.3s / var(--speed,1)) var(--ease-out), opacity .3s;grid-column:2}.bt-sigil path{fill:rgba(var(--brand-rgb), .12)}.bt-mid-info{display:contents}.bt-round{z-index:1;border-radius:var(--radius-pill);border:1px solid var(--line-strong);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);background:#04081abf;grid-area:1/1;justify-self:start;padding:3px 10px;font-size:12px;font-weight:800}.bt-track{z-index:1;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:#04081abf;grid-area:1/3;justify-self:end;gap:5px;margin:0;padding:4px 6px;list-style:none;display:flex}.bt-mark{border:1.5px solid var(--line-strong);width:18px;height:18px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:10px;font-weight:800;transition:background-color .3s,border-color .3s;display:grid;position:relative}.bt-mark i{font-style:normal}.bt-mark.player{background:var(--brand-400);border-color:var(--brand-200);color:var(--text-on-brand);box-shadow:0 0 10px rgba(var(--brand-rgb), .6);animation:pop-in .4s var(--ease-spring)}.bt-mark.ai{background:var(--blood);border-color:var(--blood-soft);color:#fff1ee;animation:pop-in .4s var(--ease-spring)}.bt-mark.draw{background:linear-gradient(135deg, var(--brand-500) 50%, var(--blood) 50%);border-color:var(--text-muted);color:#fff;animation:pop-in .4s var(--ease-spring)}.bt-mark.current{border-color:var(--brand-300);color:var(--brand-200)}.bt-mark.current:after{content:"";border:1.5px solid rgba(var(--brand-rgb), .7);border-radius:50%;animation:1.4s ease-out infinite ring-pulse;position:absolute;inset:-4px}@keyframes ring-pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.bt-hint{z-index:3;border-radius:var(--radius-pill);border:1px solid var(--line);text-align:center;max-width:min(100%,520px);color:var(--text-soft);pointer-events:none;-webkit-line-clamp:2;background:#04081ad1;-webkit-box-orient:vertical;grid-area:hint;place-self:center;margin:0;padding:3px 12px;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.bt-hint:empty{visibility:hidden}.bt-plate{border-radius:var(--radius-pill);border:1px solid rgba(var(--brand-rgb), .28);min-width:0;box-shadow:var(--shadow-md), var(--bevel);z-index:2;background:linear-gradient(90deg,#141f42eb,#070d22cc);align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.bt-plate.ai{border-color:rgba(var(--glow-rgb), .3);grid-area:aiplate}.bt-plate.player{grid-area:plate}.bt-portrait{background:radial-gradient(circle at 35% 30%, var(--night-500), var(--night-950));width:34px;height:34px;box-shadow:0 0 0 2px var(--brand-400), 0 0 0 3px #04081a;color:var(--brand-200);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.bt-plate.ai .bt-portrait{box-shadow:0 0 0 2px var(--glow), 0 0 0 3px #04081a;color:var(--glow)}.bt-plate.is-turn .bt-portrait:after{content:"";border:2px solid;border-radius:50%;animation:1.4s ease-out infinite ring-pulse;position:absolute;inset:-5px}.bt-initial{font-family:var(--font-display);font-size:16px;font-weight:900}.bt-portrait svg{width:24px;height:24px}.bt-id{flex-direction:column;min-width:0;line-height:1.15;display:flex}.bt-id strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.bt-id small{color:var(--text-muted);white-space:nowrap;font-size:11px}.bt-score{align-items:center;gap:6px;margin-left:auto;padding-left:4px;display:flex}.bt-score b{min-width:1.4ch;font-family:var(--font-display);text-align:right;font-variant-numeric:tabular-nums;background:var(--grad-brand-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900;line-height:1}.bt-plate.ai .bt-score b{background:linear-gradient(180deg, #e6f6ff, var(--glow));-webkit-background-clip:text;background-clip:text}.bt-crowns{gap:3px;display:flex}.bt-crowns i{border:1.5px solid rgba(var(--brand-rgb), .45);border-radius:2px;width:9px;height:9px;transition:background .3s;transform:rotate(45deg)}.bt-crowns i.on{background:var(--brand-400);box-shadow:0 0 8px rgba(var(--brand-rgb), .7)}.bt-crowns i.half{background:linear-gradient(90deg, var(--brand-400) 50%, transparent 50%)}.bt-plate.ai .bt-crowns i{border-color:rgba(var(--glow-rgb), .45)}.bt-plate.ai .bt-crowns i.on{background:var(--glow);box-shadow:0 0 8px rgba(var(--glow-rgb), .7)}.bt-plate.ai .bt-crowns i.half{background:linear-gradient(90deg, var(--glow) 50%, transparent 50%)}.bt-piles{border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:8px;display:flex}.bt-pile,.bt-aihand,.bt-tools-left{color:var(--text-muted);align-items:center;font-size:11px;display:inline-flex;position:relative}.bt-pile{width:26px;height:30px}.bt-pile i{background:linear-gradient(160deg, var(--night-600), var(--night-950));border:1px solid rgba(var(--brand-rgb), .6);border-radius:3px;width:18px;height:26px;position:absolute;top:0;left:0}.bt-pile i:nth-child(2){transform:translate(2px,2px)}.bt-pile i:nth-child(3){transform:translate(4px,4px)}.bt-pile em,.bt-aihand em,.bt-tools-left em{color:var(--text);font-variant-numeric:tabular-nums;font-style:normal;font-weight:800}.bt-pile em{background:var(--night-950);border:1px solid var(--line-strong);text-align:center;border-radius:8px;min-width:16px;padding:0 3px;font-size:10px;line-height:14px;position:absolute;bottom:-2px;right:-4px}.bt-aihand{gap:0}.bt-aihand i{background:linear-gradient(160deg, var(--night-500), var(--night-900));border:1px solid rgba(var(--glow-rgb), .55);width:10px;height:15px;transform:rotate(calc((var(--n,0) - 1) * 8deg));border-radius:2px;margin-right:-4px}.bt-aihand i:first-child{transform:rotate(-12deg)}.bt-aihand i:nth-child(3){transform:rotate(12deg)}.bt-aihand em{margin-left:8px}.bt-tools-left{color:var(--brand-300);gap:2px}.bt-fx{--cw:min(calc(92cqh * .637), 34cqw, 280px);z-index:3;pointer-events:none;position:absolute;inset:0}.bt-fx.ai{--cw:min(calc(88cqh * .637), 31cqw, 256px)}.bt-toolfx,.bt-readout{max-width:calc(50% - var(--cw) / 2 - 10px);position:absolute;top:50%;transform:translateY(-50%)}.bt-toolfx{right:calc(50% + var(--cw) / 2 + 8px);border-radius:var(--radius-sm);border:1px solid rgba(var(--brand-rgb), .6);box-shadow:var(--glow-sm);color:var(--text-soft);text-align:right;background:#070d22eb;flex-direction:column;gap:2px;padding:6px 9px;font-size:11px;display:flex}.bt-toolfx strong{font-family:var(--font-display);color:var(--brand-200);font-size:12.5px}.bt-toolfx.pop{animation:tool-pop calc(.5s / var(--speed,1)) var(--ease-spring) both}.bt-toolfx.canceled{box-shadow:none;border-color:#b8412fb3}.bt-toolfx.canceled strong{color:var(--blood-soft);text-decoration:line-through}@keyframes tool-pop{0%{opacity:0;transform:translateY(-50%)scale(.6)}}.bt-readout{left:calc(50% + var(--cw) / 2 + 8px);animation:pop-in calc(.36s / var(--speed,1)) var(--ease-spring) both;flex-direction:column;align-items:flex-start;gap:3px;display:flex}.bt-power-label{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:700}.bt-power{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-soft);font-size:clamp(26px,9cqh,44px);font-weight:900;line-height:1}.bt-readout.win .bt-power{background:var(--grad-brand-text);color:#0000;filter:drop-shadow(0 0 10px rgba(var(--brand-rgb), .6));-webkit-background-clip:text;background-clip:text}.bt-readout.lose .bt-power{color:var(--text-dim)}.bt-chips{flex-wrap:wrap;gap:3px;display:flex}.bt-chips i{border-radius:var(--radius-pill);border:1px solid var(--line-strong);color:var(--text-soft);white-space:nowrap;background:#04081ad9;padding:1px 6px;font-size:10.5px;font-style:normal;font-weight:600}.bt-chips i.up{color:var(--moss-soft);border-color:#6fae7a80}.bt-chips i.down{color:var(--blood-soft);border-color:#b8412f80}.bt-impact{aspect-ratio:1;background:radial-gradient(closest-side, #fff4b8f2, rgba(var(--brand-rgb), .45) 35%, transparent 70%);opacity:0;pointer-events:none;z-index:4;border-radius:50%;grid-area:ai-start/1/player-end;width:70cqmin;margin:-35cqmin 0 0 -35cqmin;position:absolute;top:50%;left:50%;transform:scale(.2)}.bt-banner{z-index:5;text-align:center;border-radius:var(--radius-md);border:1px solid rgba(var(--brand-rgb), .6);width:min(86%,440px);box-shadow:var(--shadow-lg), 0 0 40px -10px rgba(var(--brand-rgb), .6);animation:banner-in calc(.42s / var(--speed,1)) var(--ease-spring) both;pointer-events:none;background:linear-gradient(#141f42f5,#070d22f5);flex-direction:column;grid-area:ai-start/1/player-end;align-items:center;gap:2px;padding:10px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bt-banner strong{font-family:var(--font-display);letter-spacing:-.02em;background:var(--grad-brand-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(18px,5.5cqmin,28px);font-weight:900}.bt-banner span{color:var(--text-soft);font-size:12px;line-height:1.35}.bt-banner.ai{box-shadow:var(--shadow-lg), 0 0 40px -10px #b8412f99;border-color:#b8412fb3}.bt-banner.ai strong{background:linear-gradient(180deg, #ffd9d1, var(--blood-soft));-webkit-background-clip:text;background-clip:text}.bt-banner.draw{border-color:rgba(var(--glow-rgb), .6)}.bt-banner.draw strong{background:linear-gradient(180deg, #e6f6ff, var(--glow));-webkit-background-clip:text;background-clip:text}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.bt-board[data-phase=clash] .bt-zone.player .bt-flip{animation:clash-up calc(.56s / var(--speed,1)) cubic-bezier(.5, 0, .3, 1) both}.bt-board[data-phase=clash] .bt-zone.ai .bt-flip{animation:clash-down calc(.56s / var(--speed,1)) cubic-bezier(.5, 0, .3, 1) both}.bt-board[data-phase=clash] .bt-impact{animation:impact calc(.56s / var(--speed,1)) ease-out both}.bt-board[data-phase=clash]{animation:board-shake calc(.26s / var(--speed,1)) linear calc(.23s / var(--speed,1)) both}.bt-board:is([data-phase=clash],[data-phase=verdict],[data-phase=tools]) .bt-sigil{stroke:var(--brand-200);filter:drop-shadow(0 0 10px rgba(var(--brand-rgb), .9));transform:scale(1.18)rotate(45deg)}.bt-board:is([data-phase=clash],[data-phase=verdict]) .bt-line{opacity:1}@keyframes clash-up{45%{transform:translateY(-24%)scale(1.06)}55%{transform:translateY(-19%)scale(1.02)}}@keyframes clash-down{45%{transform:translateY(24%)scale(1.06)}55%{transform:translateY(19%)scale(1.02)}}@keyframes impact{0%,38%{opacity:0;transform:scale(.2)}50%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes board-shake{25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px)}}.bt-flip:after{content:"";opacity:0;pointer-events:none;border-radius:7%;transition:opacity .3s;position:absolute;inset:-3px}.bt-board[data-phase=verdict][data-winner=player] .bt-zone.player .bt-flip,.bt-board[data-phase=verdict][data-winner=ai] .bt-zone.ai .bt-flip{animation:win-rise calc(.5s / var(--speed,1)) var(--ease-spring) both}.bt-board[data-phase=verdict][data-winner=player] .bt-zone.player .bt-flip:after,.bt-board[data-phase=verdict][data-winner=ai] .bt-zone.ai .bt-flip:after{opacity:1;box-shadow:0 0 0 2px var(--brand-300), 0 0 36px 6px rgba(var(--brand-rgb), .65)}.bt-board[data-phase=verdict][data-winner=player] .bt-zone.ai .bt-flip,.bt-board[data-phase=verdict][data-winner=ai] .bt-zone.player .bt-flip{animation:lose-hit calc(.42s / var(--speed,1)) linear both;opacity:.72}.bt-board[data-phase=verdict][data-winner=player] .bt-zone.ai .bt-flip:after,.bt-board[data-phase=verdict][data-winner=ai] .bt-zone.player .bt-flip:after{opacity:1;background:#28060459;box-shadow:0 0 0 2px #b8412fcc}.bt-board[data-phase=verdict][data-winner=draw] .bt-flip:after{opacity:1;box-shadow:0 0 0 2px rgba(var(--glow-rgb), .8), 0 0 26px rgba(var(--glow-rgb), .45)}@keyframes win-rise{to{transform:translateY(-3%)scale(1.05)}}@keyframes lose-hit{15%{transform:translate(-6%)rotate(-3deg)}35%{transform:translate(5%)rotate(2deg)}55%{transform:translate(-3%)rotate(-1deg)}75%{transform:translate(2%)}}.bt-board[data-phase=exit][data-winner=player] .bt-zone.player .bt-flip{animation:retreat-down calc(.62s / var(--speed,1)) ease-in both}.bt-board[data-phase=exit][data-winner=ai] .bt-zone.ai .bt-flip{animation:retreat-up calc(.62s / var(--speed,1)) ease-in both}.bt-board[data-phase=exit][data-winner=player] .bt-zone.ai .bt-flip,.bt-board[data-phase=exit][data-winner=ai] .bt-zone.player .bt-flip{animation:fall-away calc(.62s / var(--speed,1)) cubic-bezier(.5, 0, .8, .4) both}.bt-board[data-phase=exit][data-winner=draw] .bt-flip{animation:fade-shrink calc(.62s / var(--speed,1)) ease-in both}.bt-board[data-phase=exit] .bt-fx{opacity:0;transition:opacity calc(.25s / var(--speed,1))}@keyframes retreat-down{0%{transform:translateY(-3%)scale(1.05)}to{opacity:0;transform:translateY(60%)scale(.55)}}@keyframes retreat-up{0%{transform:translateY(-3%)scale(1.05)}to{opacity:0;transform:translate(-30%,-60%)scale(.55)}}@keyframes fall-away{0%{opacity:.72}35%{opacity:.8;transform:translateY(-4%)rotate(-4deg)scale(1.02)}to{opacity:0;transform:translateY(35%)rotate(14deg)scale(.7)}}@keyframes fade-shrink{to{opacity:0;transform:scale(.6)}}.battle-v2.is-skipping *,.bt-board.is-skipping *{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}.bt-dock{grid-area:2/1;grid-template-rows:var(--hand-h) auto;z-index:2;pointer-events:none;background:linear-gradient(#0000 40%,#04081ab3 85%);min-width:0;display:grid}.bt-dock>*{pointer-events:auto}.bt-hand{transition:transform calc(.36s / var(--speed,1)) var(--ease-out), opacity calc(.36s / var(--speed,1));justify-content:center;align-items:flex-end;padding:22px 8px 0;display:flex;position:relative;container:hand/size}.bt-hand.is-retracted{opacity:.45;pointer-events:none;transform:translateY(34%)}.bt-hand-card{--hw:min(calc((100cqh - 26px) * .637), 31cqw);width:var(--hw);margin:0 calc(var(--hw) * -.06);cursor:pointer;transform:translateY(calc(max(var(--off), -1 * var(--off)) * 7%)) rotate(calc(var(--off) * 6deg));transform-origin:50% 120%;transition:transform .26s var(--ease-spring);z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;position:relative}.bt-hand-inner{transition:transform .26s var(--ease-spring), box-shadow .26s;border-radius:6%;display:block;position:relative}.bt-hand-card:hover:not(:disabled) .bt-hand-inner{transform:translateY(-5%)}.bt-hand-card.is-selected{z-index:2;transform:translateY(-9%)rotate(0)scale(1.05)}.bt-hand-card.is-selected .bt-hand-inner{box-shadow:0 0 0 2px var(--brand-300), 0 0 30px rgba(var(--brand-rgb), .6)}.bt-hand-card.is-facedown .bt-hand-inner:after{content:"Virada";border-radius:inherit;color:var(--glow);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#5cc8ff1f 0 6px,#04081a8c 6px 12px);place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.bt-hand-card:disabled{cursor:default}.bt-hand.is-disabled:not(.is-retracted) .bt-hand-card{filter:saturate(.6)brightness(.8)}.bt-hand-card:focus-visible{outline:none}.bt-hand-card:focus-visible .bt-hand-inner{box-shadow:0 0 0 3px var(--glow)}.bt-hand-card.is-new{animation:deal-in calc(.52s / var(--speed,1)) cubic-bezier(.2, .8, .2, 1) calc(var(--i) * 90ms / var(--speed,1)) both}@keyframes deal-in{0%{opacity:0;transform:translate(70%,60%)rotate(24deg)scale(.7)}}.bt-preview{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:-8px;right:-6px}.bt-preview b{border-radius:var(--radius-pill);background:var(--night-950);border:1px solid rgba(var(--brand-rgb), .6);min-width:30px;font-family:var(--font-display);color:var(--brand-200);text-align:center;font-variant-numeric:tabular-nums;padding:2px 7px;font-size:13px;font-weight:900}.bt-preview i{border-radius:var(--radius-pill);background:var(--night-950);padding:1px 6px;font-size:10.5px;font-style:normal;font-weight:800}.bt-preview i.up{color:var(--moss-soft);border:1px solid #6fae7a99}.bt-preview i.down{color:var(--blood-soft);border:1px solid #b8412f99}.bt-hand-empty{color:var(--text-dim);font-size:var(--fs-sm);align-self:center}.bt-actions{z-index:3;min-height:58px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#070c1cf0;align-items:center;gap:8px;display:flex;position:relative}.bt-actions-meta{gap:4px;display:flex}.bt-actions-main{flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.bt-icon-btn,.bt-speed{border-radius:var(--radius-sm);border:1px solid var(--line-strong);width:34px;height:34px;color:var(--text-soft);background:#ffffff0d;flex:none;place-items:center;padding:0;display:grid}.bt-speed{font-family:var(--font-display);color:var(--brand-300);font-size:13px;font-weight:900}.bt-actions.is-choose .bt-speed{display:none}.bt-icon-btn:hover,.bt-speed:hover{border-color:rgba(var(--brand-rgb), .6);color:var(--brand-300)}.bt-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.bt-switch input{opacity:0;width:1px;height:1px;position:absolute}.bt-switch-track{border:1px solid var(--line-strong);background:#ffffff1a;border-radius:10px;flex:none;width:36px;height:20px;transition:background .2s;position:relative}.bt-switch-track span{background:var(--text-muted);width:14px;height:14px;transition:transform .2s var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px}.bt-switch.on .bt-switch-track{background:rgba(var(--glow-rgb), .3);border-color:var(--glow)}.bt-switch.on .bt-switch-track span{background:var(--glow);transform:translate(16px)}.bt-switch input:focus-visible+.bt-switch-track{box-shadow:0 0 0 3px rgba(var(--glow-rgb), .5)}.bt-switch-text{flex-direction:column;font-size:13px;font-weight:700;line-height:1.1;display:flex}.bt-switch-text small{color:var(--text-muted);font-size:10px;font-weight:500}.bt-tool-btn{border-radius:var(--radius-sm);border:1px solid rgba(var(--brand-rgb), .4);min-width:38px;height:38px;color:var(--brand-200);background:#ffffff0d;align-items:center;gap:5px;max-width:34vw;padding:0 10px;font-size:12.5px;font-weight:700;display:inline-flex}.bt-tool-btn.on{background:rgba(var(--brand-rgb), .16);border-color:var(--brand-300);box-shadow:var(--glow-sm)}.bt-tool-btn-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bt-play{min-height:44px;padding:0 18px}.bt-status{min-width:0;font-family:var(--font-display);color:var(--brand-200);text-overflow:ellipsis;white-space:nowrap;flex:auto;margin-right:auto;font-size:14px;font-weight:800;overflow:hidden}.bt-skip{min-height:40px;padding:0 16px}@media (width<=419.98px){.bt-switch-text small,.bt-tool-btn-text{display:none}.bt-play{padding:0 12px;font-size:.9rem}}.bt-tooltray ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bt-tool{border-radius:var(--radius-sm);border:1px solid var(--line-strong);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#ffffff0a;flex-direction:column;gap:2px;padding:8px 10px;transition:border-color .2s,background .2s;display:flex}.bt-tool:hover:not(:disabled){border-color:rgba(var(--brand-rgb), .5)}.bt-tool.on{background:rgba(var(--brand-rgb), .12);border-color:var(--brand-300);box-shadow:var(--glow-sm)}.bt-tool:disabled{opacity:.6;cursor:default}.bt-tool-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bt-tool-head strong{font-size:13.5px}.bt-tool-state{color:var(--brand-300);white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.bt-tool-desc{color:var(--text-soft);font-size:12.5px}.bt-tool-when{color:var(--glow);font-size:11px}.bt-tool-caveat{color:var(--ember);font-size:11px}.bt-tool-foot{color:var(--text-muted);margin:8px 0 0;font-size:11.5px}.bt-history{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bt-history li{border-radius:var(--radius-sm);border-left:3px solid var(--text-dim);animation:pop-in .3s var(--ease-out);background:#ffffff0a;gap:8px;padding:7px 9px;display:flex}.bt-history li.player{border-left-color:var(--brand-400)}.bt-history li.ai{border-left-color:var(--blood)}.bt-history li.draw{border-left-color:var(--glow)}.bt-h-round{font-family:var(--font-display);color:var(--text-muted);flex:none;font-size:13px;font-weight:900}.bt-h-body{min-width:0;color:var(--text-soft);flex-direction:column;gap:1px;font-size:12px;display:flex}.bt-h-body strong{color:var(--text);font-size:13px}.bt-h-body b{color:var(--brand-200)}.bt-h-body small{color:var(--text-muted);font-size:11px}.bt-history-empty{margin:0}.bt-sheet-backdrop{z-index:60;background:#02040e99;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.bt-sheet{width:min(100%,520px);max-height:78dvh;padding:14px 14px calc(14px + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheet-up .26s var(--ease-out);overflow:auto}.bt-sheet header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bt-sheet h2{font-size:var(--fs-lg);margin:0}@keyframes sheet-up{0%{opacity:0;transform:translateY(40%)}}.bt-toast{z-index:50;border-radius:var(--radius-md);width:min(94%,480px);animation:pop-in .24s var(--ease-out);background:#280a08f2;border:1px solid #b8412fb3;align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:13px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.bt-toast span{flex:1}.bt-toast .secondary{min-height:34px;padding:0 10px;font-size:12.5px}@container board (aspect-ratio>1.05){.bt-board{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"ai""mid""player"}.bt-plate{border-radius:var(--radius-lg);flex-wrap:wrap;row-gap:4px;max-width:max(150px,50cqw - 110px)}.bt-plate.ai{grid-area:ai;place-self:start}.bt-plate.player{grid-area:player;place-self:end start}.bt-hint{text-align:right;grid-area:ai-start/1/player-end;max-width:min(40%,360px);position:absolute;top:8px;right:8px}}@container board (width>=700px){.bt-plate{gap:10px;padding:6px 12px 6px 6px}.bt-portrait{width:46px;height:46px}.bt-initial{font-size:21px}.bt-portrait svg{width:30px;height:30px}.bt-id strong{font-size:16px}.bt-score b{font-size:28px}.bt-sigil{width:72px;height:72px}.bt-mark{width:24px;height:24px;font-size:11px}.bt-round{font-size:13px}.bt-toolfx{padding:8px 12px;font-size:12.5px}.bt-toolfx strong{font-size:14px}.bt-chips i{font-size:12px}.bt-banner span{font-size:13.5px}}@media (orientation:landscape) and (height<=520px){.bt-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(260px,38%)}.bt-board{grid-row:1;padding-bottom:6px}.bt-dock{border-left:1px solid var(--line);background:linear-gradient(90deg,#04081a66,#04081ad9 18%);grid-area:1/2;grid-template-rows:minmax(0,1fr) auto}.bt-actions{flex-wrap:wrap;row-gap:6px}.bt-actions.is-choose .bt-actions-main{flex-basis:100%;order:-1}.bt-hand{align-items:center;padding-top:14px}.bt-hand-card{--hw:min(calc((100cqh - 30px) * .637), 31cqw)}.bt-hand.is-retracted{transform:translateY(12%)}.bt-actions{padding-bottom:calc(6px + env(safe-area-inset-bottom))}}@media (width>=1024px){.battle-v2{grid-template-columns:minmax(0,1fr) clamp(280px,22vw,340px)}.bt-stage{--hand-h:clamp(180px, 30dvh, 290px);--hand-peek:.64}.bt-board{padding-bottom:calc(var(--hand-h) * var(--hand-peek) + var(--actions-h) + 2px)}.bt-dock{grid-template-rows:calc(var(--hand-h) * var(--hand-peek)) auto}.bt-hand{align-items:flex-start;padding-top:10px}.bt-hand-card{--hw:calc((var(--hand-h) - 16px) * .637)}.bt-actions{z-index:3;position:relative}.bt-hand-card:hover:not(:disabled) .bt-hand-inner,.bt-hand-card.is-selected .bt-hand-inner,.bt-hand-card:focus-visible .bt-hand-inner{transform:translateY(calc((var(--hand-peek) - 1) * 100% - 6px))}.bt-hand-card.is-selected{transform:rotate(0)scale(1.04)}.bt-aside{border-left:1px solid var(--line);background:#070c1cb3;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden}.bt-panel{border-radius:var(--radius-md);background:var(--grad-panel);border:1px solid var(--line);flex-direction:column;min-height:0;padding:12px;display:flex;overflow:auto}.bt-panel.grow{flex:1}.bt-panel h2{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:12px;font-weight:800}.only-compact{display:none!important}.bt-actions{justify-content:center}.bt-actions-main{flex:0 640px}}@media (width>=1600px){.battle-v2{grid-template-columns:minmax(0,1fr) 360px}}.bt-result{justify-content:center;align-items:center;gap:var(--sp-5);max-width:880px;min-height:calc(100dvh - var(--result-chrome,0px));padding:var(--sp-4) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));text-align:center;flex-direction:column;margin:0 auto;display:flex;overflow-x:clip}@media (width>=1024px) and (height>=900.02px){.bt-result{--result-chrome:var(--topbar-h)}}.bt-result-hero{width:100%;padding:var(--sp-6) var(--sp-4) var(--sp-5);isolation:isolate;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.bt-result-rays{z-index:-1;background:repeating-conic-gradient(from 0deg, rgba(var(--brand-rgb), .16) 0 6deg, transparent 6deg 18deg);pointer-events:none;width:520px;height:520px;margin:-260px 0 0 -260px;animation:24s linear infinite rays-spin;position:absolute;top:90px;left:50%;-webkit-mask:radial-gradient(closest-side,#000 20%,#0000 75%);mask:radial-gradient(closest-side,#000 20%,#0000 75%)}.bt-result-ring{border:2px solid rgba(var(--brand-rgb), .8);z-index:-1;pointer-events:none;border-radius:50%;width:160px;height:160px;margin:-80px 0 0 -80px;animation:.9s ease-out both result-ring;position:absolute;top:90px;left:50%}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes result-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}.bt-result-emblem{width:128px;height:128px;filter:drop-shadow(0 0 24px rgba(var(--brand-rgb), .6));animation:emblem-slam .7s var(--ease-spring) both}@keyframes emblem-slam{0%{opacity:0;transform:scale(2.2)}60%{opacity:1}}.bt-result h1{font-family:var(--font-display);letter-spacing:-.03em;background:var(--grad-brand-text);color:#0000;filter:drop-shadow(0 0 30px rgba(var(--brand-rgb), .4));animation:title-in .6s var(--ease-spring) .2s both;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:clamp(2.4rem,9vw,3.6rem);font-weight:900;line-height:1}.bt-result.outcome-lose h1{background:linear-gradient(180deg, #ffd9d1, var(--blood-soft));filter:none;-webkit-background-clip:text;background-clip:text}.bt-result.outcome-lose .bt-result-rays,.bt-result.outcome-lose .bt-result-emblem{filter:grayscale(.7)brightness(.8)}.bt-result.outcome-draw h1{background:linear-gradient(180deg, #e6f6ff, var(--glow));-webkit-background-clip:text;background-clip:text}@keyframes title-in{0%{opacity:0;transform:translateY(12px)scale(.9)}}.bt-result-sub{color:var(--text-soft);margin:0}.bt-result-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:center;gap:18px;margin:10px 0 6px;font-size:2.6rem;font-weight:900;line-height:1;display:flex}.bt-result-score span{flex-direction:column;align-items:center;gap:4px;display:flex}.bt-result-score small{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.bt-result-score i{color:var(--text-dim);font-size:1.4rem;font-style:normal}.bt-result-body{align-items:stretch;gap:var(--sp-4);flex-direction:column;width:min(100%,560px);display:flex}.bt-rewards{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.bt-rewards div{border-radius:var(--radius-md);background:var(--grad-panel);border:1px solid rgba(var(--brand-rgb), .3);animation:pop-in .42s var(--ease-spring) both;padding:12px 8px}.bt-rewards dt{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.bt-rewards dd{font-family:var(--font-display);color:var(--brand-200);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:5px;margin:4px 0 0;font-size:1.5rem;font-weight:900;display:flex}.bt-rewards dd.neg{color:var(--blood-soft)}.bt-bonus{border-radius:var(--radius-sm);background:rgba(var(--brand-rgb), .1);border:1px solid rgba(var(--brand-rgb), .4);color:var(--brand-200);font-size:var(--fs-sm);animation:pop-in .4s var(--ease-spring) .7s both;margin:0;padding:8px 12px;font-weight:600}.bt-recap{text-align:left;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bt-recap li{border-radius:var(--radius-sm);border-left:3px solid var(--text-dim);color:var(--text-soft);background:#ffffff0a;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:grid}.bt-recap li.player{border-left-color:var(--brand-400)}.bt-recap li.ai{border-left-color:var(--blood)}.bt-recap li.draw{border-left-color:var(--glow)}.bt-recap i{color:var(--text-dim);font-style:normal}.bt-recap b{color:var(--text);font-variant-numeric:tabular-nums}.bt-recap-p,.bt-recap-a{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bt-recap-a{text-align:right}.bt-recap li.player .bt-recap-p b,.bt-recap li.ai .bt-recap-a b{color:var(--brand-300)}.bt-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bt-result-actions .primary{flex:220px}.bt-result-actions .secondary{flex:160px}.bt-board.is-reduced .bt-flip,.bt-board.is-reduced .bt-flip-inner{transition:none!important;animation:none!important}.bt-board.is-reduced[data-phase=exit] .bt-flip{opacity:0}.bt-board.is-reduced,.bt-board.is-reduced .bt-impact{animation:none!important}@media (prefers-reduced-motion:reduce){.bt-embers,.bt-result-rays{display:none}.bt-hand.is-retracted{transform:none}}@media (height<=760px),(width<=400px){.bt-result{gap:var(--sp-3)}.bt-result-hero{padding:var(--sp-3) var(--sp-3) var(--sp-2)}.bt-result-emblem{width:84px;height:84px}.bt-result-rays,.bt-result-ring{top:56px}.bt-result-score{margin:4px 0 2px;font-size:2rem}.bt-rewards div{padding:8px 6px}.bt-rewards dd{font-size:1.25rem}}@media (orientation:landscape) and (height<=520px){.bt-result{align-items:center;gap:var(--sp-4);max-width:none;padding:var(--sp-3) var(--sp-5);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.bt-result-hero{padding:0}.bt-result-emblem{width:64px;height:64px}.bt-result-rays,.bt-result-ring{top:40px}.bt-result h1{font-size:2.2rem}.bt-result-score{font-size:1.8rem}.bt-result-body{gap:var(--sp-2);width:100%}.bt-recap li{padding:4px 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.game-card.rarity-legendary .gc-frame:after,.bt-result-rays{display:none}}