:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gray-0:#05070b;--gray-1:#080b11;--gray-2:#0d1118;--gray-3:#121722;--gray-4:#181e2b;--gray-5:#222a3a;--gray-6:#2e3749;--gray-7:#5d6678;--gray-8:#8d95a6;--gray-9:#b9c0cd;--gray-10:#f3f5f8;--bg:var(--gray-1);--surface-1:var(--gray-2);--surface-2:var(--gray-3);--surface-3:var(--gray-4);--surface-inset:var(--gray-0);--border-subtle:#ffffff0f;--border:#ffffff1a;--border-strong:#ffffff2e;--text:var(--gray-10);--text-2:var(--gray-9);--text-3:var(--gray-8);--text-on-light:#0a0d13;--accent:#ff4b36;--accent-strong:#e5321f;--accent-soft:#ff4b3624;--accent-2:#3cc4ff;--accent-2-soft:#3cc4ff24;--focus:#7fd6ff;--type-attack:#ff5a4e;--type-defense:#4d9fff;--type-stamina:#3ddc84;--type-balance:#ffc53d;--c-attack:#ff5a4e;--c-defense:#4d9fff;--c-stamina:#3ddc84;--c-burst:#ffc53d;--c-durability:#b48cff;--c-mobility:#ff8a3d;--success:#3ddc84;--warning:#ffc53d;--danger:#ff6b5e;--font-ui:"Inter", "Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Archivo", "Noto Sans TC", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display-stretch:112%;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:clamp(1.625rem, 1.2rem + 1.6vw, 2.375rem);--fs-3xl:clamp(2rem, 1.3rem + 2.6vw, 3.25rem);--fs-display:clamp(2.75rem, 1.4rem + 5.2vw, 5.75rem);--lh-body:1.6;--lh-tight:1.08;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--gutter:clamp(16px, 4vw, 40px);--maxw:1360px;--header-h:64px;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-1:0 1px 2px #0006, 0 1px 1px #0003;--shadow-2:0 8px 24px -8px #0009, 0 2px 6px #0000004d;--shadow-3:0 24px 60px -16px #000000bf, 0 8px 20px -8px #00000080;--inner-hi:inset 0 1px 0 #ffffff0d;--z-base:1;--z-sticky:20;--z-header:50;--z-drawer:60;--z-pop:70;--z-toast:80;--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.6s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--tile:radial-gradient(120% 95% at 50% 30%, #fff 0%, #eef1f5 55%, #d9dee6 100%);--gen:var(--accent-2)}html[lang=zh-Hant]{--fs-display:clamp(2.375rem, 1.3rem + 3.4vw, 4.25rem);--fs-3xl:clamp(1.875rem, 1.3rem + 2vw, 2.875rem);--lh-body:1.75;--lh-tight:1.2;--display-stretch:100%}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01";margin:0}body{min-height:100vh;overflow-x:hidden}img,svg{max-width:100%}a{color:var(--accent-2);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5em;font-weight:700;line-height:1.2}p{text-wrap:pretty;margin:0 0 1em}input,select,button,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}[hidden]{display:none!important}html[lang=zh-Hant] h1,html[lang=zh-Hant] h2,html[lang=zh-Hant] h3{letter-spacing:.01em}.muted{color:var(--text-3)}.small{font-size:var(--fs-sm)}.center{text-align:center;justify-content:center;display:flex}.pad{padding:var(--s-3)}.full{width:100%}.mono{font-family:var(--font-mono)}.up{color:var(--success)}.down{color:var(--danger)}.accent-text{color:var(--accent)}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;display:inline-block}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:var(--s-3);font-weight:500}html[lang=zh-Hant] .eyebrow{font-family:var(--font-ui);letter-spacing:.12em;font-weight:700}.eyebrow.pill{align-items:center;gap:var(--s-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);background:#ffffff08;padding:6px 12px 6px 10px;display:inline-flex}.display,.page-title,.h2,.section-title{font-family:var(--font-display);font-stretch:var(--display-stretch);letter-spacing:-.025em;font-weight:800;line-height:var(--lh-tight)}html[lang=zh-Hant] .display,html[lang=zh-Hant] .page-title,html[lang=zh-Hant] .h2,html[lang=zh-Hant] .section-title{letter-spacing:.01em;font-weight:900}.page-title{font-size:var(--fs-3xl);margin:0 0 var(--s-3)}.h2,.section-title{font-size:var(--fs-2xl);margin:0 0 var(--s-3)}.section-title{margin-top:var(--s-12);margin-bottom:var(--s-5)}.lead{font-size:var(--fs-lg);color:var(--text-2);max-width:68ch;margin:0 0 var(--s-4)}.body-lg{font-size:var(--fs-lg);color:var(--text-2)}kbd{font-family:var(--font-mono);opacity:.75;border:1px solid;border-bottom-width:2px;border-radius:5px;padding:2px 5px;font-size:11px;line-height:1}.app{flex-direction:column;min-height:100vh;display:flex}main{width:100%;max-width:var(--maxw);padding:var(--s-8) var(--gutter) var(--s-20);outline:none;flex:1;margin:0 auto}.skip-link{left:var(--s-4);z-index:calc(var(--z-header) + 5);background:var(--text);color:var(--text-on-light);padding:var(--s-2) var(--s-4);border-radius:var(--r-sm);transition:top var(--dur-2) var(--ease-out);font-weight:600;position:fixed;top:-60px}.skip-link:focus{top:var(--s-3);text-decoration:none}.topbar{z-index:var(--z-header);-webkit-backdrop-filter:saturate(180%)blur(18px);transition:border-color var(--dur-2), background var(--dur-2);background:#080b11b8;border-bottom:1px solid #0000;position:sticky;top:0}.topbar.scrolled{border-bottom-color:var(--border);background:#080b11d6}.topbar-inner{max-width:var(--maxw);height:var(--header-h);padding:0 var(--gutter);align-items:center;gap:var(--s-6);margin:0 auto;display:flex}.brand{color:var(--text);white-space:nowrap;font-family:var(--font-display);font-stretch:var(--display-stretch);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{color:var(--text);transition:transform var(--dur-4) var(--ease-out);flex-shrink:0}.brand:hover .brand-mark{transform:rotate(90deg)}.nav-desktop{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav-desktop a{color:var(--text-3);border-radius:var(--r-sm);font-size:var(--fs-sm);white-space:nowrap;transition:color var(--dur-1), background var(--dur-1);align-items:center;gap:6px;padding:8px 12px;font-weight:500;display:inline-flex;position:relative}.nav-desktop a:hover{color:var(--text);background:#ffffff0d;text-decoration:none}.nav-desktop a.active{color:var(--text)}.nav-desktop a.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-13px;left:12px;right:12px}.count{background:var(--accent-strong);color:#fff;border-radius:var(--r-pill);place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.topbar-actions{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.lang-toggle{border:1px solid var(--border);border-radius:var(--r-pill);background:#ffffff0a;gap:2px;padding:3px;display:inline-flex}.lang-toggle button{border-radius:var(--r-pill);color:var(--text-3);transition:color var(--dur-1), background var(--dur-2);background:0 0;border:0;padding:4px 11px;font-size:13px;font-weight:600;line-height:1.4}.lang-toggle button:hover{color:var(--text)}.lang-toggle button.on{background:var(--text);color:var(--text-on-light)}.menu-btn{border:1px solid var(--border);border-radius:var(--r-md);width:40px;height:40px;color:var(--text);background:0 0;place-items:center;display:none}.menu-btn:hover{background:#ffffff0f}.drawer-backdrop{inset:var(--header-h) 0 0;z-index:var(--z-drawer);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--dur-3) var(--ease-out);background:#0000008c;position:fixed}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{z-index:calc(var(--z-drawer) + 1);top:var(--header-h);max-height:calc(100dvh - var(--header-h));background:var(--surface-1);border-bottom:1px solid var(--border);box-shadow:var(--shadow-3);padding:var(--s-3) var(--gutter) var(--s-6);opacity:0;visibility:hidden;transition:transform var(--dur-3) var(--ease-out), opacity var(--dur-2), visibility 0s linear var(--dur-3);position:fixed;left:0;right:0;overflow-y:auto;transform:translateY(-8px)}.drawer.open{opacity:1;visibility:visible;transition:transform var(--dur-3) var(--ease-out), opacity var(--dur-2);transform:none}.drawer nav{flex-direction:column;display:flex}.drawer nav a{border-bottom:1px solid var(--border-subtle);color:var(--text-2);font-family:var(--font-display);font-stretch:var(--display-stretch);letter-spacing:-.01em;justify-content:space-between;align-items:center;padding:14px 4px;font-size:22px;font-weight:700;display:flex}.drawer nav a:hover{color:var(--text);text-decoration:none}.drawer nav a.active{color:var(--text)}.drawer nav a.active span:first-child:before{content:"";vertical-align:middle;background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:12px;display:inline-block}.drawer-foot{margin-top:var(--s-5);justify-content:space-between;align-items:center;display:flex}.drawer .lang-toggle{display:inline-flex}.footer{border-top:1px solid var(--border);color:var(--text-3);font-size:var(--fs-sm);background:linear-gradient(#0000,#ffffff04)}.footer-inner{max-width:var(--maxw);padding:var(--s-12) var(--gutter) var(--s-8);gap:var(--s-8);grid-template-columns:2fr 1fr 1fr;margin:0 auto;display:grid}.footer-brand p{margin-top:var(--s-3);max-width:40ch}.footer-col{gap:var(--s-2);flex-direction:column;display:flex}.footer-col h2{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin-bottom:var(--s-2);font-weight:500}.footer-col a{color:var(--text-2);width:fit-content}.footer-col a:hover{color:var(--text)}.footer-legal{max-width:var(--maxw);padding:var(--s-5) var(--gutter) var(--s-10);border-top:1px solid var(--border-subtle);font-size:var(--fs-xs);gap:var(--s-8);justify-content:space-between;margin:0 auto;line-height:1.7;display:flex}.footer-legal p{max-width:90ch;margin:0}.footer-tag{white-space:nowrap}.btn{--btn-h:40px;justify-content:center;align-items:center;gap:var(--s-2);height:var(--btn-h);padding:0 var(--s-4);border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--dur-1), border-color var(--dur-1), color var(--dur-1), transform var(--dur-1) var(--ease-out), box-shadow var(--dur-2);background:#ffffff0a;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff17;border-color:#ffffff47;text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-pill)}.btn:disabled{opacity:.45}.btn.primary{background:var(--text);color:var(--text-on-light);border-color:var(--text)}.btn.primary:hover:not(:disabled){background:#fff;border-color:#fff;box-shadow:0 6px 24px -6px #ffffff59}.btn.accent{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn.accent:hover:not(:disabled){background:#f23b27;border-color:#f23b27;box-shadow:0 8px 28px -8px #ff4b36b3}.btn.secondary{background:#ffffff0a}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--text);background:#ffffff0f;border-color:#0000}.btn.small,.btn.sm{--btn-h:32px;padding:0 var(--s-3);font-size:13px}.btn.lg{--btn-h:48px;padding:0 var(--s-6);font-size:var(--fs-md)}.btn.icon-only{width:var(--btn-h);padding:0}.btn-row{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.link-btn{border-radius:var(--r-xs);color:var(--text-2);font-size:var(--fs-sm);background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;font-weight:500;display:inline-flex}.link-btn:hover{color:var(--text);background:#ffffff0f}.link-btn.danger{color:var(--danger)}.link-btn.danger:hover{background:#ff6b5e1a}.back-btn{margin:0 0 var(--s-4) -6px}.chip-btn{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--r-pill);height:32px;color:var(--text-2);white-space:nowrap;transition:color var(--dur-1), border-color var(--dur-1), background var(--dur-1);background:#080b11a8;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.chip-btn:hover{color:var(--text);border-color:var(--border-strong)}.chip-btn.on{color:var(--text-on-light);background:#f3f5f8eb;border-color:#0000}.search,select,input[type=text],input[type=search]{height:40px;padding:0 var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-sm);transition:border-color var(--dur-1), box-shadow var(--dur-1), background var(--dur-1);min-width:0}.search::placeholder{color:var(--text-3)}.search:hover,select:hover{border-color:var(--border-strong)}.search:focus,select:focus{border-color:var(--accent-2);outline:none;box-shadow:0 0 0 3px #3cc4ff38}.search:disabled{opacity:.5}select{appearance:none;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23b9c0cd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}select option{background:var(--surface-2);color:var(--text)}.search-field{flex:260px;align-items:center;min-width:0;display:flex;position:relative}.search-field .icon{color:var(--text-3);pointer-events:none;position:absolute;left:12px}.search-field .search{width:100%;padding-left:38px}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:18px;height:18px;margin:2px 0 0}.gen-tabs,.view-switch{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-md);margin:0 0 var(--s-4);flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.gen-tabs button,.view-switch button{color:var(--text-3);font-size:var(--fs-sm);white-space:nowrap;transition:color var(--dur-1), background var(--dur-2);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-weight:600}.gen-tabs button:hover,.view-switch button:hover{color:var(--text)}.gen-tabs button.on,.view-switch button.on{background:var(--surface-3);color:var(--text);box-shadow:var(--inner-hi), var(--shadow-1)}.gen-tabs.sub{gap:var(--s-2);background:0 0;border-color:#0000;padding:0}.gen-tabs.sub button{border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 14px}.gen-tabs.sub button.on{background:var(--text);color:var(--text-on-light);border-color:var(--text);box-shadow:none}.tabs-scroll{scrollbar-width:none;max-width:100%;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll>.gen-tabs{flex-wrap:nowrap}.badges{margin:var(--s-2) 0;flex-wrap:wrap;gap:6px;display:flex}.badge{--b:var(--text-2);border-radius:var(--r-xs);white-space:nowrap;height:24px;color:var(--b);background:color-mix(in srgb, var(--b) 12%, transparent);border:1px solid color-mix(in srgb, var(--b) 22%, transparent);align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.badge.type-attack,.badge.type-defense,.badge.type-stamina,.badge.type-balance{padding-left:7px}.badge.type-attack:before,.badge.type-defense:before,.badge.type-stamina:before,.badge.type-balance:before{content:"";background:currentColor;border-radius:2px;width:6px;height:6px;transform:rotate(45deg)}.type-attack{--b:var(--type-attack)}.type-defense{--b:var(--type-defense)}.type-stamina{--b:var(--type-stamina)}.type-balance{--b:var(--type-balance)}.src-official{--b:var(--success)}.src-community{--b:var(--accent-2)}.src-estimated{--b:var(--text-3)}.spin-left{--b:#ff9b8f}.gen-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:500;display:inline-block}html[lang=zh-Hant] .gen-tag{font-family:var(--font-ui);letter-spacing:.04em;font-size:12px}a.gen-tag:hover{color:var(--text)}.code,.code-tag{font-family:var(--font-mono);letter-spacing:.04em;font-size:11px;font-weight:600}.code-tag{border-radius:var(--r-xs);background:var(--text);height:22px;color:var(--text-on-light);align-items:center;padding:0 8px;display:inline-flex}.bit-chips{flex-wrap:wrap;gap:6px;display:flex}.bit-chip{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);transition:border-color var(--dur-1), color var(--dur-1), background var(--dur-1);background:#ffffff08;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.bit-chip b{font-family:var(--font-mono);color:var(--text);font-size:12px}.bit-chip:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff0f;text-decoration:none}.tier-badge{border-radius:var(--r-md);width:44px;height:44px;font-family:var(--font-display);color:var(--text-on-light);background:var(--gray-8);flex-shrink:0;place-items:center;font-size:22px;font-weight:900;font-stretch:125%;display:inline-grid}.tier-badge.tier-S{background:linear-gradient(140deg,#ffd66b,#ff9a3d)}.tier-badge.tier-A{background:linear-gradient(140deg,#9ee2ff,#3cc4ff)}.tier-badge.tier-B{background:linear-gradient(140deg,#d8dde6,#9aa3b3)}.tier-badge.mini{border-radius:7px;width:26px;height:26px;font-size:13px}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--inner-hi);min-width:0;position:relative}.panel.no-pad{padding:0;overflow:hidden}.panel h2{font-size:var(--fs-xl)}.panel h3{font-size:var(--fs-lg)}.panel-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.panel-head h2,.panel-head h3{margin:0}.panel-title{align-items:center;gap:var(--s-3);margin:0 0 var(--s-4);display:flex;font-size:var(--fs-lg)!important}.step-badge{background:var(--surface-3);border:1px solid var(--border);width:26px;height:26px;font-family:var(--font-mono);color:var(--text-2);border-radius:8px;place-items:center;font-size:12px;display:inline-grid}.kv{margin-top:var(--s-5);border-top:1px solid var(--border-subtle);font-size:var(--fs-sm);grid-template-columns:auto 1fr;gap:0;display:grid}.kv>*{border-bottom:1px solid var(--border-subtle);padding:10px 0}.kv span{color:var(--text-3)}.kv b{text-align:right;font-variant-numeric:tabular-nums;justify-content:flex-end;display:flex}.note{margin:var(--s-4) 0 0;font-size:var(--fs-xs);color:var(--text-3);line-height:1.6}.notes{gap:var(--s-2);font-size:var(--fs-sm);color:#ffe0a3;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notes li,p.notes{gap:var(--s-2);border-radius:var(--r-md);background:#ffc53d14;border:1px solid #ffc53d33;align-items:flex-start;padding:10px 12px;display:flex}.notes .icon{color:var(--warning);margin-top:2px}.ok{gap:var(--s-2);border-radius:var(--r-md);color:#b9f5d2;font-size:var(--fs-sm);background:#3ddc8414;border:1px solid #3ddc8433;align-items:center;margin:0;padding:10px 12px;display:flex}.ok .icon{color:var(--success)}.table-wrap{padding:0;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:12px 16px}.compare-table thead th{background:var(--surface-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600;position:sticky;top:0}.compare-table tbody tr{transition:background var(--dur-1)}.compare-table tbody tr:hover{background:#ffffff06}.compare-table tbody tr:last-child td{border-bottom:0}.compare-table td:first-child{color:var(--text-2);font-weight:500}.compare-table td.best{color:var(--success);font-weight:700}.compare-table td.best:after{content:" ▲";vertical-align:2px;font-size:9px}.compare-table tr.total td{color:var(--text);background:#ffffff05;font-weight:700}.photo{background:var(--tile);border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.photo img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:8%;display:block}.photo-lg{border-radius:var(--r-lg);width:260px;height:260px}.photo-xl{aspect-ratio:1;border-radius:var(--r-xl);width:100%;height:auto}.bey-icon{filter:drop-shadow(0 6px 14px #00000073);display:block}.card-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text);box-shadow:var(--inner-hi);transition:transform var(--dur-3) var(--ease-out), border-color var(--dur-2), box-shadow var(--dur-3) var(--ease-out), background var(--dur-2);animation:rise var(--dur-4) var(--ease-out) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-3);text-decoration:none;transform:translateY(-4px)}.card:focus-visible{outline-offset:3px;border-radius:var(--r-lg)}.card-media{aspect-ratio:4/3;background:var(--tile);border-radius:11px;place-items:center;margin:6px 6px 0;display:grid;position:relative;overflow:hidden}.card-media .photo{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0}.card-media .photo img{transition:transform var(--dur-4) var(--ease-out);padding:9%}.card:hover .card-media .photo img,.card:hover .card-media .bey-icon{transform:scale(1.06)rotate(-6deg)}.card-media .bey-icon{transition:transform var(--dur-4) var(--ease-out)}.card-media:not(:has(.photo)){background:radial-gradient(circle at 50% 40%, var(--surface-3), var(--surface-inset))}.card-media .code{border-radius:var(--r-xs);color:#fff;background:#0a0d13e0;padding:3px 7px;position:absolute;top:8px;left:8px}.card-body{padding:var(--s-3) var(--s-4) var(--s-4);flex-direction:column;flex:1;display:flex}.card h3{font-size:var(--fs-md);margin:4px 0 0;font-weight:700;line-height:1.3}.card .badges{margin:var(--s-2) 0 var(--s-3)}.mini-stats{gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr 1fr auto;align-items:end;margin-top:auto;display:grid}.mini{flex-direction:column;gap:4px;min-width:0;display:flex}.mini i{font-style:normal;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-3);font-size:10px}.mini b{background:#ffffff12;border-radius:4px;height:4px;display:block;overflow:hidden}.mini b span{border-radius:4px;height:100%;display:block}.overall{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text);text-align:right;min-width:2.4ch;font-size:18px;font-weight:800;font-stretch:112%;line-height:1}.s-attack{background:var(--c-attack)}.s-defense{background:var(--c-defense)}.s-stamina{background:var(--c-stamina)}.s-burst{background:var(--c-burst)}.s-durability{background:var(--c-durability)}.s-mobility{background:var(--c-mobility)}.radar{margin:0 auto;display:block;overflow:visible}.radar-grid{fill:none;stroke:#ffffff14;stroke-width:1px}.radar-grid:last-of-type{stroke:#ffffff29}.radar-axis{stroke:#ffffff14;stroke-dasharray:2 3}.radar-label{fill:var(--text-3);font-size:12px;font-weight:500;font-family:var(--font-ui)}.radar-shape{transition:all var(--dur-3) var(--ease-out)}.stat-bars{margin-top:var(--s-4);flex-direction:column;gap:10px;display:flex}.stat-row{gap:var(--s-3);grid-template-columns:minmax(84px,108px) 1fr 52px;align-items:center;font-size:13px;display:grid}.stat-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat-track{background:#ffffff12;border-radius:6px;height:6px;position:relative;overflow:hidden}.stat-track:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 1px),#080b11e6 calc(20% - 1px) 20%);position:absolute;inset:0}.stat-fill{height:100%;transition:width var(--dur-4) var(--ease-out);border-radius:6px}.stat-val{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px;font-weight:600}.stat-val em{margin-left:4px;font-size:10.5px;font-style:normal}.stat-val em.up{color:var(--success)}.stat-val em.down{color:var(--danger)}.viewer{background:#070b14;width:100%;position:relative;overflow:hidden}.viewer canvas{touch-action:none;display:block}.viewer-loading{justify-content:center;align-items:center;gap:var(--s-3);color:var(--text-3);font-size:var(--fs-sm);background:radial-gradient(60% 50% at 50% 55%,#3cc4ff14,#0000 70%),#070b14;display:flex}.viewer-loading:before{content:"";border:2px solid var(--border-strong);border-top-color:var(--accent-2);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin}.viewer-ui{left:var(--s-3);top:var(--s-3);right:var(--s-3);flex-wrap:wrap;gap:6px;display:flex;position:absolute}.viewer-hint{right:var(--s-4);bottom:var(--s-3);font-size:var(--fs-xs);color:var(--text-3);pointer-events:none;position:absolute}.model-note{padding:10px var(--s-4);font-size:var(--fs-xs);color:var(--text-3);border-top:1px solid var(--border-subtle);background:var(--surface-1);margin:0}.page{animation:fadeIn var(--dur-3) var(--ease-out) both}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--s-6);margin:var(--s-4) 0 var(--s-8);display:flex}.page-head-text{min-width:0}.page-head .lead{margin-bottom:0}.page-head-actions{gap:var(--s-2);flex-wrap:wrap;flex-shrink:0;display:flex}.section{margin-top:var(--s-24)}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--s-8);margin-bottom:var(--s-8);display:flex}.section-head .h2{margin:0}.section-lead{color:var(--text-2);max-width:46ch;margin:0}.empty-state{text-align:center;align-items:center;gap:var(--s-2);padding:var(--s-16) var(--s-6);border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:#ffffff04;flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--r-md);background:var(--surface-3);width:52px;height:52px;color:var(--text-2);margin-bottom:var(--s-2);place-items:center;display:grid}.empty-state h2{font-size:var(--fs-xl);margin:0}.empty-state p{color:var(--text-3);max-width:44ch;margin:0 0 var(--s-3)}.icon-tile{border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--border);width:40px;height:40px;color:var(--text);place-items:center;display:inline-grid}.home{animation:fadeIn var(--dur-4) var(--ease-out) both}.hero{gap:var(--s-12);padding:var(--s-10) 0 var(--s-8);isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.hero-bg{z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 78% 40%,#3cc4ff1a,#0000 70%),radial-gradient(40% 50% at 12% 30%,#ff4b3617,#0000 70%);width:100vw;position:absolute;top:-140px;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.hero-bg:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000)}.hero-x{aspect-ratio:1;background:linear-gradient(45deg,#0000 46%,#ffffff09 46% 54%,#0000 54%),linear-gradient(-45deg,#0000 46%,#ff4b360f 46% 54%,#0000 54%);width:62%;position:absolute;top:4%;right:-6%}.hero-text{min-width:0;animation:rise var(--dur-4) var(--ease-out) both}.display{font-size:var(--fs-display);margin:var(--s-5) 0 var(--s-5)}.display span{display:block}.hero-lead{color:var(--text-2);max-width:44ch;margin:0 0 var(--s-8);font-size:clamp(1.0625rem,.95rem + .4vw,1.25rem)}.hero-cta{gap:var(--s-3);flex-wrap:wrap;display:flex}.hero-stats{justify-content:start;gap:var(--s-2) var(--s-10);margin:var(--s-12) 0 0;padding-top:var(--s-6);border-top:1px solid var(--border);grid-template-columns:repeat(4,auto);display:grid}.hero-stats div{flex-direction:column-reverse;display:flex}.hero-stats dt{font-size:var(--fs-sm);color:var(--text-3)}.hero-stats dd{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(28px,2.6vw,40px);font-weight:800;font-stretch:112%;line-height:1.1}.hero-stage{min-width:0;animation:rise var(--dur-4) var(--ease-out) .12s both}.stage-frame{border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-3), 0 0 0 1px #0006;background:#070b14;position:relative;overflow:hidden}.stage-frame:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 80px #00000073}.stage-live{right:var(--s-3);top:var(--s-3);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);height:32px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);pointer-events:none;z-index:2;background:#080b11a8;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:inline-flex;position:absolute}.stage-live .dot{animation:pulse 2s var(--ease-in-out) infinite}.stage-frame .viewer-ui{right:140px}.stage-caption{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-1);display:flex}.stage-caption-text{align-items:center;gap:var(--s-3);min-width:0;display:flex}.stage-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.spotlight{gap:var(--s-10);padding:var(--s-8);border:1px solid var(--border);border-radius:var(--r-xl);background:radial-gradient(70% 90% at 0% 0%, #ffffff0a, transparent 60%), var(--surface-1);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;display:grid}.spotlight-media .photo,.spotlight-media .bey-icon{width:100%;height:auto}.spotlight-body .h2 a{color:var(--text)}.spotlight-body .body-lg{margin-top:var(--s-4)}.spotlight-stats{position:relative}.overall-score{padding-bottom:var(--s-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--s-2);justify-content:space-between;align-items:baseline;display:flex}.overall-score span{font-size:var(--fs-sm);color:var(--text-3)}.overall-score b{font-family:var(--font-display);font-size:36px;font-weight:800;font-stretch:112%;line-height:1}.line-grid{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.line-card{--line:var(--accent);padding:var(--s-6);border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface-1);color:var(--text);isolation:isolate;transition:transform var(--dur-3) var(--ease-out), border-color var(--dur-2), box-shadow var(--dur-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.line-UX{--line:var(--accent-2)!important}.line-CX{--line:var(--type-balance)!important}.line-card:before{content:"";z-index:-1;background:radial-gradient(80% 60% at 100% 0%, color-mix(in srgb, var(--line) 16%, transparent), transparent 70%);opacity:.8;transition:opacity var(--dur-3);position:absolute;inset:0}.line-card:hover{border-color:color-mix(in srgb, var(--line) 45%, transparent);box-shadow:var(--shadow-3);text-decoration:none;transform:translateY(-4px)}.line-card:hover:before{opacity:1}.line-card-top{justify-content:space-between;align-items:flex-start;display:flex}.line-code{font-family:var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px var(--line);font-size:clamp(56px,6vw,84px);font-weight:900;font-stretch:125%;line-height:.85}.line-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);border-radius:var(--r-pill);border:1px solid var(--border);padding:4px 10px}.line-photos{margin:var(--s-8) 0 var(--s-6);display:flex}.line-photos>*{border:3px solid var(--surface-1);width:64px;height:64px;box-shadow:var(--shadow-2);transition:transform var(--dur-3) var(--ease-out);border-radius:50%;margin-right:-14px}.line-photos .photo img{padding:4%}.line-card:hover .line-photos>*{transform:translateX(calc(var(--i,0) * 4px))}.line-card:hover .line-photos>:nth-child(2){transform:translate(6px)}.line-card:hover .line-photos>:nth-child(3){transform:translate(12px)}.line-card:hover .line-photos>:nth-child(4){transform:translate(18px)}.line-card h3{font-size:var(--fs-xl);margin:0 0 var(--s-2)}.line-card p{color:var(--text-2);font-size:var(--fs-sm);margin:0 0 var(--s-6)}.card-cta{font-size:var(--fs-sm);color:var(--text);align-items:center;gap:6px;margin-top:auto;font-weight:600;display:inline-flex}.card-cta .icon{transition:transform var(--dur-2) var(--ease-out)}a:hover .card-cta .icon{transform:translate(4px)}.bento{gap:var(--s-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.bento-card{gap:var(--s-4);padding:var(--s-6);border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface-1);min-height:240px;color:var(--text);isolation:isolate;transition:transform var(--dur-3) var(--ease-out), border-color var(--dur-2), box-shadow var(--dur-3);flex-direction:column;grid-column:span 2;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-3);text-decoration:none;transform:translateY(-4px)}.bento-learn,.bento-battle{grid-column:span 3;min-height:320px}.bento-head h3{font-size:var(--fs-xl);margin:var(--s-4) 0 var(--s-2)}.bento-head p{color:var(--text-2);font-size:var(--fs-sm);max-width:48ch;margin:0}.bento-lessons{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bento-lessons li{border-radius:var(--r-pill);border:1px solid var(--border-subtle);color:var(--text-2);background:#ffffff0a;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:13px;display:inline-flex}.bento-lessons .num{font-family:var(--font-mono);color:var(--accent);font-size:11px}.bento-battle{background:linear-gradient(115deg,#3cc4ff24 0%,#0000 38% 62%,#ff4b362e 100%),#0a0d14}.battle-art{z-index:-1;position:absolute;top:-18px;right:-10px}.battle-art .vs{font-family:var(--font-display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px #ffffff1a;font-size:180px;font-style:italic;font-weight:900;font-stretch:125%;line-height:1}.bento-battle .icon-tile{background:var(--accent-strong);color:#fff;border-color:#0000}.bento-workshop{background:radial-gradient(60% 80% at 100% 100%, #3cc4ff24, transparent 70%), var(--surface-1)}.bento-workshop .icon-tile{background:var(--accent-2);color:var(--text-on-light);border-color:#0000}.cta-band{margin-top:var(--s-24);justify-content:space-between;align-items:center;gap:var(--s-8);padding:var(--s-10) var(--s-10);border-radius:var(--r-xl);background:linear-gradient(120deg, #ff4b3633, transparent 50%), linear-gradient(300deg, #3cc4ff29, transparent 50%), var(--surface-2);border:1px solid var(--border);display:flex;overflow:hidden}.cta-band .h2{margin-bottom:var(--s-2)}.cta-band p{color:var(--text-2);margin:0}.cta-band .btn-row{flex-shrink:0;margin:0}.filters{top:var(--header-h);z-index:var(--z-sticky);gap:var(--s-2);margin:0 calc(-1 * var(--gutter)) var(--s-4);padding:var(--s-3) var(--gutter);-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--border-subtle);background:#080b11d1;flex-wrap:wrap;align-items:center;display:flex;position:sticky}.filters>.search{flex:260px}.filters select{flex:0 auto}.filter-row{gap:var(--s-3);margin-bottom:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.filter-row .gen-tabs{margin:0}.result-count{justify-content:space-between;align-items:center;gap:var(--s-3);font-size:var(--fs-sm);color:var(--text-3);margin:0 0 var(--s-4);display:flex}.result-count b{color:var(--text);font-variant-numeric:tabular-nums}.load-more{margin-top:var(--s-10)}.detail-head{justify-content:space-between;align-items:flex-end;gap:var(--s-6);margin:0 0 var(--s-8);display:flex}.detail-head h1{font-family:var(--font-display);font-stretch:var(--display-stretch);letter-spacing:-.025em;font-weight:800;font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:var(--s-2) 0 var(--s-2)}html[lang=zh-Hant] .detail-head h1{letter-spacing:.01em;font-weight:900}.alt-name{color:var(--text-3);font-size:var(--fs-md);margin-top:-4px}.detail-head .badges{margin-top:var(--s-4)}.detail-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.detail-grid{gap:var(--s-4);grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);align-items:start;display:grid}.detail-grid>.panel.no-pad{top:calc(var(--header-h) + 16px);position:sticky}.view-switch{margin:var(--s-3);display:flex}.view-switch button{text-overflow:ellipsis;flex:1;overflow:hidden}.about{gap:var(--s-8);margin-top:var(--s-4);grid-template-columns:260px minmax(0,1fr);align-items:center;display:grid}.about:not(:has(.photo)){grid-template-columns:minmax(0,1fr)}.about p{color:var(--text-2);max-width:70ch}.about a.small{color:var(--text-3);align-items:center;gap:4px;display:inline-flex}.about a.small:hover{color:var(--text)}.official-box{margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-md);background:#3ddc840d;border:1px solid #3ddc8438}.official-box .eyebrow{color:var(--success)}.official-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.official-grid span{font-size:var(--fs-xs);color:var(--text-3);display:block}.official-grid b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;font-stretch:112%}.part-stack{gap:var(--s-2);flex-direction:column;display:flex}.stack-row{gap:var(--s-5);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);color:var(--text);transition:border-color var(--dur-2), background var(--dur-2), transform var(--dur-3) var(--ease-out);grid-template-columns:72px minmax(0,1fr) minmax(0,340px);align-items:center;display:grid}.stack-row:hover{border-color:var(--border-strong);background:var(--surface-2);text-decoration:none;transform:translate(4px)}.stack-row .photo{width:72px!important;height:72px!important}.stack-info{flex-direction:column;gap:2px;min-width:0;display:flex}.stack-info b{font-size:var(--fs-lg)}.slot-name{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:11px}.stack-stats .stat-bars{gap:5px;margin:0}.stack-stats .stat-row{grid-template-columns:84px 1fr 34px;font-size:11.5px}.stack-stats .stat-track{height:4px}.lesson-grid{gap:var(--s-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.lesson-card{min-height:230px;padding:var(--s-6);border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface-1);color:var(--text);transition:transform var(--dur-3) var(--ease-out), border-color var(--dur-2), box-shadow var(--dur-3);animation:rise var(--dur-4) var(--ease-out) both;flex-direction:column;grid-column:span 2;display:flex;position:relative;overflow:hidden}.lesson-card:nth-child(4),.lesson-card:nth-child(5){grid-column:span 3}.lesson-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-3);text-decoration:none;transform:translateY(-4px)}.lesson-num{right:var(--s-5);top:var(--s-3);font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.2px #ffffff24;transition:-webkit-text-stroke-color var(--dur-3);font-size:72px;font-weight:900;font-stretch:125%;line-height:1;position:absolute}.lesson-card:hover .lesson-num{-webkit-text-stroke-color:var(--accent)}.lesson-card h3{font-size:var(--fs-xl);margin:var(--s-6) 0 var(--s-2)}.lesson-card p{color:var(--text-2);font-size:var(--fs-sm);margin:0 0 var(--s-5)}.feature-icon{border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--border);place-items:center;width:44px;height:44px;display:inline-grid}.learn{--gen:var(--accent-2)}.lesson-tabs{margin:0 0 var(--s-8);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-inset);scrollbar-width:none;align-items:center;gap:2px;padding:4px;display:flex;overflow-x:auto}.lesson-tabs::-webkit-scrollbar{display:none}.lesson-tabs a{color:var(--text-3);font-size:var(--fs-sm);white-space:nowrap;transition:color var(--dur-1), background var(--dur-2);border-radius:9px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:inline-flex}.lesson-tabs a .num{font-family:var(--font-mono);color:var(--text-3);font-size:11px}.lesson-tabs a:hover{color:var(--text);text-decoration:none}.lesson-tabs a.on{background:var(--surface-3);color:var(--text);box-shadow:var(--inner-hi), var(--shadow-1)}.lesson-tabs a.on .num{color:var(--accent)}.lesson-tabs .crumb{color:var(--text-2);border-right:1px solid var(--border);border-radius:9px 0 0 9px;margin-right:4px;padding-right:16px}.lesson-hero{gap:var(--s-5);margin-bottom:var(--s-10);align-items:flex-start;max-width:860px;display:flex}.lesson-hero .icon-tile{border-radius:var(--r-lg);flex-shrink:0;width:56px;height:56px;margin-top:6px}.lesson-hero .page-title{margin-bottom:var(--s-2)}.lesson-hero .lead{margin:0}.lesson-section{margin:0 0 var(--s-16);scroll-margin-top:calc(var(--header-h) + 24px)}.lesson-section>h2{font-family:var(--font-display);font-stretch:var(--display-stretch);letter-spacing:-.02em;margin:0 0 var(--s-3);padding-top:var(--s-6);border-top:1px solid var(--border-subtle);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:800}html[lang=zh-Hant] .lesson-section>h2{letter-spacing:.01em;font-weight:900}.lesson-section>h3{font-size:var(--fs-lg);margin:var(--s-6) 0 var(--s-4)}.lesson-section>p.muted{color:var(--text-2);max-width:72ch;margin-bottom:var(--s-6);font-size:17px}html[lang=zh-Hant] .lesson-section>p.muted{font-size:16.5px}.type-grid{gap:var(--s-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.type-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.type-grid .panel p{color:var(--text-2);font-size:var(--fs-sm)}.type-panel{border-top:3px solid var(--b,var(--text-2));background:linear-gradient(180deg, color-mix(in srgb, var(--b,#fff) 9%, transparent), transparent 120px), var(--surface-1)}.type-panel h3{color:var(--b)}.mini-beys{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.mini-beys a{border-radius:var(--r-md);transition:transform var(--dur-2) var(--ease-out);display:block}.mini-beys a:hover{transform:translateY(-3px)}.line-panel{--line:var(--accent);color:var(--text);transition:transform var(--dur-3) var(--ease-out), border-color var(--dur-2);flex-direction:column;display:flex}.line-panel:hover{border-color:var(--border-strong);text-decoration:none;transform:translateY(-3px)}.line-panel .line-code{margin-bottom:var(--s-3);font-size:56px}.line-panel .small{margin-top:var(--s-4);color:var(--text);font-weight:600}.name-anatomy{gap:var(--s-8);align-items:center;display:flex}.name-anatomy .photo{border-radius:var(--r-lg)}.anatomy{font-family:var(--font-display);margin-bottom:var(--s-4);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:clamp(26px,4vw,44px);font-weight:800;font-stretch:112%;display:flex}.seg{border-bottom:3px solid;padding:2px 4px 4px}.seg-dash{color:var(--text-3);border:0;padding:2px 0}.seg-blade{color:var(--accent-2)}.seg-r1{color:var(--type-balance)}.seg-r2{color:var(--c-mobility)}.seg-bit{color:var(--accent)}.anatomy-legend{gap:var(--s-2);font-size:var(--fs-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.anatomy-legend li{color:var(--text-2);padding-left:20px;position:relative}.anatomy-legend li:before{content:"";background:currentColor;border-radius:3px;width:10px;height:10px;position:absolute;top:.55em;left:0}.anatomy-legend li.seg-blade:before{background:var(--accent-2)}.anatomy-legend li.seg-r1:before{background:var(--type-balance)}.anatomy-legend li.seg-r2:before{background:var(--c-mobility)}.anatomy-legend li.seg-bit:before{background:var(--accent)}.anatomy-legend li[class^=seg]{color:var(--text-2)}.assembly-grid{gap:var(--s-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.assembly-viewer{top:calc(var(--header-h) + 16px);position:sticky}.steps{counter-reset:step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.step{gap:var(--s-4);grid-template-columns:40px minmax(0,1fr);display:grid;position:relative;padding:0 0 var(--s-6) 0!important;box-shadow:none!important;background:0 0!important;border:0!important}.step:not(:last-child):before{content:"";background:linear-gradient(var(--border-strong), var(--border-subtle));width:2px;position:absolute;top:44px;bottom:4px;left:19px}.step h3{font-size:var(--fs-lg);margin:8px 0 var(--s-1)}.step p{color:var(--text-2);max-width:64ch;margin:0}.step-num{background:var(--surface-3);border:1px solid var(--border-strong);width:40px;height:40px;font-family:var(--font-mono);color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.build-title{padding:var(--s-3) var(--s-4);border-top:1px solid var(--border-subtle);background:var(--surface-1);flex-direction:column;gap:2px;display:flex}.build-title b{font-family:var(--font-display);font-stretch:112%;font-size:var(--fs-lg);font-weight:800}.tips{margin:var(--s-4) 0 0;gap:var(--s-2);padding:0;list-style:none;display:grid}.tips li{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--accent-2-soft);color:var(--text);font-size:var(--fs-sm);border:1px solid #3cc4ff33;display:flex}.tips .icon{color:var(--accent-2);margin-top:2px}.principles{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.principle{gap:var(--s-4);display:flex}.principle h3{margin-top:8px}.principle p{color:var(--text-2);font-size:var(--fs-sm);margin:0}.experiment{flex-direction:column;display:flex}.experiment .btn{align-self:flex-start;margin-top:auto}.heavy-grid .card-media{aspect-ratio:1}.note-box{gap:var(--s-3);color:#ffe0a3;font-size:var(--fs-sm);margin-bottom:var(--s-6);background:#ffc53d0f;border-color:#ffc53d33;display:flex}.note-box .icon{color:var(--warning);margin-top:2px}.combo-list{gap:var(--s-4);margin-bottom:var(--s-16);flex-direction:column;display:flex}.combo{scroll-margin-top:calc(var(--header-h) + 24px);padding:0;overflow:hidden}.combo-head{gap:var(--s-5);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border-subtle);background:linear-gradient(90deg,#ffffff06,#0000);align-items:center;display:flex}.combo.tier-S .combo-head{background:linear-gradient(90deg,#ffb44614,#0000 60%)}.combo-head h3{font-size:var(--fs-xl);margin:0}.combo-head .badges{margin:6px 0}.combo-parts{flex-wrap:wrap;gap:6px;display:flex}.combo-body{gap:var(--s-8);padding:var(--s-6);grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);display:grid}.combo-body h4{font-size:var(--fs-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin:var(--s-5) 0 var(--s-2);font-weight:500}html[lang=zh-Hant] .combo-body h4{font-family:var(--font-ui);letter-spacing:.06em;font-weight:700}.combo-body h4:first-child{margin-top:0}.combo-body p{color:var(--text-2);margin:0 0 var(--s-2)}.combo-body h4.up{color:var(--success)}.combo-body h4.down{color:var(--danger)}.pros-cons{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.pros-cons>div{padding:var(--s-4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border-subtle);margin-top:var(--s-4)}.pros-cons h4{margin-top:0!important}.combo-stats{padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface-inset);border:1px solid var(--border-subtle);flex-direction:column;align-self:start;display:flex}.combo-stats .btn{margin-top:var(--s-4)}.deck h3{margin-bottom:var(--s-4)}.deck p{color:var(--text-2);font-size:var(--fs-sm);margin:var(--s-4) 0 0}.deck-beys{gap:var(--s-3);display:flex}.deck-bey{text-align:center;min-width:0;color:var(--text-2);font-size:var(--fs-xs);flex-direction:column;flex:1;align-items:center;gap:6px;line-height:1.3;display:flex}.deck-bey:hover{color:var(--text);text-decoration:none}.toc{margin:0 0 var(--s-10);flex-wrap:wrap;gap:6px;display:flex}.toc a{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);font-size:var(--fs-sm);transition:border-color var(--dur-1), color var(--dur-1);padding:6px 14px}.toc a:hover{color:var(--text);border-color:var(--border-strong);text-decoration:none}.finish-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.finish{flex-direction:column;display:flex}.finish p{color:var(--text-2);font-size:var(--fs-sm);margin:0}.finish-pts{font-family:var(--font-display);color:var(--accent);margin-bottom:var(--s-4);letter-spacing:-.02em;font-size:40px;font-weight:900;font-stretch:125%;line-height:1}.rule-items{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.rule-item h3{font-size:var(--fs-md)}.rule-item p{color:var(--text-2);font-size:var(--fs-sm);margin:0}.wbo-box{margin-top:var(--s-4);padding:var(--s-4) var(--s-5);border-left:3px solid var(--accent-2);background:var(--accent-2-soft);border-radius:0 var(--r-md) var(--r-md) 0;font-size:var(--fs-sm);color:var(--text-2)}.wbo-box b{color:var(--text)}.sources{margin-top:var(--s-10)}.sources h3{font-size:var(--fs-md)}.sources ul{gap:var(--s-2);font-size:var(--fs-sm);margin:0;padding:0;list-style:none;display:grid}.sources a{overflow-wrap:anywhere;align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex}.sources li{overflow-wrap:anywhere;min-width:0}.lesson-nav{gap:var(--s-4);margin-top:var(--s-16);padding-top:var(--s-8);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.lesson-nav-link{padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);color:var(--text);transition:border-color var(--dur-2), transform var(--dur-3) var(--ease-out);flex-direction:column;gap:4px;display:flex}.lesson-nav-link:hover{border-color:var(--border-strong);text-decoration:none;transform:translateY(-2px)}.lesson-nav-link span{font-size:var(--fs-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;display:inline-flex}.lesson-nav-link b{font-size:var(--fs-lg)}.lesson-nav-link.next{text-align:right;grid-column:2;align-items:flex-end}.workshop-grid{gap:var(--s-4);grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);align-items:start;display:grid}.viewer-panel{top:calc(var(--header-h) + 16px);position:sticky}.workshop-side{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.workshop-side>.panel>h3{font-size:var(--fs-md);margin:0 0 var(--s-3)}.workshop-side .panel>select.full{margin-bottom:var(--s-4)}.slot-picker{margin-bottom:var(--s-3);position:relative}.slot-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:6px;font-weight:600}html[lang=zh-Hant] .slot-label{letter-spacing:.04em}.picker-btn{align-items:center;gap:var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);text-align:left;width:100%;min-height:60px;transition:border-color var(--dur-1), background var(--dur-1);padding:6px 12px 6px 6px;display:flex}.picker-btn:hover{border-color:var(--border-strong);background:var(--surface-3)}.picker-btn.open{border-color:var(--accent-2);box-shadow:0 0 0 3px #3cc4ff2e}.picker-btn .photo,.picker-list .photo,.suggest .photo,.compare-card .photo,.chooser-list .photo,.entry-card .photo{border-radius:var(--r-sm)}.picker-name{min-width:0;font-weight:600;font-size:var(--fs-sm);text-overflow:ellipsis;flex-direction:column;flex:1;display:flex;overflow:hidden}.picker-name small{font-weight:400;font-family:var(--font-mono);color:var(--text-3);font-size:11px}.picker-btn .overall{font-size:16px}.caret{color:var(--text-3);transition:transform var(--dur-2)}.picker-btn.open .caret{transform:rotate(180deg)}.empty-icon{border-radius:var(--r-sm);border:1px dashed var(--border-strong);width:44px;height:44px;color:var(--text-3);flex-shrink:0;place-items:center;display:grid}.picker-pop{z-index:var(--z-pop);padding:var(--s-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-3);animation:popIn var(--dur-2) var(--ease-out);position:absolute;top:calc(100% + 6px);left:0;right:0}.picker-pop .search{width:100%;margin-bottom:var(--s-2)}.picker-list{overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:340px;display:flex;overflow-y:auto}.picker-list button{align-items:center;gap:var(--s-3);border-radius:var(--r-sm);text-align:left;background:0 0;border:1px solid #0000;padding:6px;display:flex}.picker-list button:hover{background:#ffffff0d}.picker-list button.sel{background:var(--accent-2-soft);border-color:#3cc4ff59}.save-row{gap:var(--s-2);display:flex}.save-row .search{flex:1}.save-row .btn{--btn-h:40px}.workshop-side h3{font-size:var(--fs-md)}.workshop-side .panel h3:not(:first-child){margin-top:var(--s-6)}.saved{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.saved li{justify-content:space-between;align-items:center;gap:var(--s-2);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm);padding:8px 0;display:flex}.saved li>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.saved li>span:last-child{flex-shrink:0;display:flex}.compare-add{margin:0 0 var(--s-6);-webkit-backdrop-filter:none;z-index:var(--z-pop);background:0 0;border:0;padding:0;position:relative;top:auto}.suggest-wrap{flex:320px;max-width:560px;position:relative}.suggest-wrap .search-field{width:100%}.suggest{z-index:var(--z-pop);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-3);animation:popIn var(--dur-2) var(--ease-out);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0}.suggest button{align-items:center;gap:var(--s-3);border-radius:var(--r-sm);text-align:left;background:0 0;border:0;padding:6px;display:flex}.suggest button span{flex:1;font-weight:500}.suggest button small{font-family:var(--font-mono)}.suggest button:hover,.suggest button:focus-visible{background:#ffffff0f}.compare-grid{gap:var(--s-4);margin-bottom:var(--s-4);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.compare-grid>.panel.center{padding:var(--s-8);justify-content:center;align-items:center;display:flex}.compare-cards{gap:var(--s-3);flex-direction:column;display:flex}.compare-card{gap:var(--s-4);padding:var(--s-4);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;display:grid;border-left-width:3px!important}.compare-card a b{font-size:var(--fs-md)}.compare-card .badges{margin:6px 0 0}.compare-table th .swatch{vertical-align:0;border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.battle-page{--you:var(--accent-2);--cpu:var(--accent)}.battle-hero{padding:var(--s-10) var(--s-8);margin:var(--s-2) 0 var(--s-6);border-radius:var(--r-xl);border:1px solid var(--border);isolation:isolate;background:linear-gradient(105deg,#3cc4ff2e 0%,#0000 40% 60%,#ff4b3638 100%),#0a0d14;position:relative;overflow:hidden}.battle-hero:before{content:"";z-index:-1;background-image:repeating-linear-gradient(115deg,#ffffff06 0 2px,#0000 2px 22px);position:absolute;inset:0}.battle-hero:after{content:"VS";z-index:-1;font-family:var(--font-display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px #ffffff17;font-size:clamp(120px,18vw,240px);font-style:italic;font-weight:900;font-stretch:125%;line-height:1;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.battle-hero .page-title{text-transform:uppercase;margin-bottom:var(--s-3);font-style:italic}html[lang=zh-Hant] .battle-hero .page-title{font-style:normal}.battle-hero .lead{margin-bottom:var(--s-2)}.battle-hero .small{max-width:72ch;margin:0}.battle-setup{gap:var(--s-4);grid-template-columns:minmax(260px,.85fr) minmax(0,1.3fr) minmax(280px,1fr);align-items:start;display:grid}.battle-setup h3{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin:var(--s-6) 0 var(--s-2);font-weight:600}html[lang=zh-Hant] .battle-setup h3{letter-spacing:.04em}.battle-setup .gen-tabs{margin-bottom:var(--s-2);display:flex}.battle-setup .gen-tabs button{flex:1}.battle-setup .gen-tabs.sub button{flex:0 auto}.battle-setup .panel>p.muted.small{margin:0}.setup-col.you-col{border-top:3px solid var(--you)}.setup-col.cpu-col{border-top:3px solid var(--cpu)}.rules-mini{margin-top:var(--s-6);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-inset);flex-direction:column;gap:4px;font-size:13px;display:flex}.rules-mini span{color:var(--text-2);font-size:13px}.deck-slots{gap:var(--s-2);margin-bottom:var(--s-4);flex-direction:column;display:flex}.deck-slot{align-items:center;gap:var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);text-align:left;min-height:64px;transition:border-color var(--dur-1), background var(--dur-1);padding:8px 12px;display:flex}.deck-slot:hover{border-color:var(--border-strong)}.deck-slot.on{border-color:var(--you);background:var(--accent-2-soft);box-shadow:0 0 0 3px #3cc4ff1f}.slot-num-mini{background:var(--surface-inset);width:24px;height:24px;font-family:var(--font-mono);color:var(--you);border-radius:6px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.chooser .gen-tabs.sub{margin-bottom:var(--s-3);flex-wrap:wrap}.chooser>.search,.chooser>.search-field{width:100%;margin-bottom:var(--s-2)}.chooser-list{border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-inset);overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:340px;padding:4px;display:flex;overflow-y:auto}.chooser-list button{align-items:center;gap:var(--s-3);border-radius:var(--r-sm);text-align:left;min-height:46px;font-size:var(--fs-sm);background:0 0;border:1px solid #0000;padding:5px 8px 5px 5px;display:flex}.chooser-list button>span:nth-child(2){flex:1;min-width:0}.chooser-list button small{font-family:var(--font-mono);font-size:11px}.chooser-list button:hover{background:#ffffff0d}.chooser-list button.sel{background:var(--accent-2-soft);border-color:#3cc4ff73}.chooser-list .muted.small{padding:var(--s-3);margin:0}.entry-card{gap:var(--s-3);flex:1;align-items:center;min-width:0;display:flex}.entry-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.entry-info b{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);overflow:hidden}.entry-info>.muted.small{align-items:center;gap:6px;font-size:12px;display:flex}.entry-info .badge{height:20px;font-size:11px}.entry-info .stat-bars{gap:4px;margin-top:6px}.entry-info .stat-row{grid-template-columns:72px 1fr 30px;gap:8px;font-size:11px}.entry-info .stat-track{height:4px}.entry-info .stat-val{font-size:11px}.order-row{gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--border-subtle);align-items:center;display:flex}.order-row>b{font-family:var(--font-mono);color:var(--text-3);width:16px}.cpu-col .order-row:first-of-type{padding-top:0}.cpu-col>.btn{margin-top:var(--s-4)}.start-btn{width:100%;margin-top:var(--s-4);--btn-h:56px;font-size:var(--fs-lg);letter-spacing:.02em;border-radius:var(--r-md);font-weight:800}.start-btn:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;box-shadow:0 12px 32px -12px #ff4b36b3}.start-btn:hover:not(:disabled){background:#f23b27;border-color:#f23b27}.match{gap:var(--s-4);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 320px;display:grid}.scoreboard{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-2);background:#0a0d14;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;display:grid;overflow:hidden}.sb-side{gap:var(--s-2) var(--s-4);padding:var(--s-3) var(--s-5);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"card pts""meter meter";align-items:center;min-width:0;display:grid;position:relative}.sb-side.you{box-shadow:inset 4px 0 0 var(--you);background:linear-gradient(90deg,#3cc4ff38,#3cc4ff0a)}.sb-side.cpu{box-shadow:inset -4px 0 0 var(--cpu);text-align:right;background:linear-gradient(270deg,#ff4b363d,#ff4b360a);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pts card""meter meter"}.sb-side .entry-card{grid-area:card}.sb-side.cpu .entry-card{flex-direction:row-reverse}.sb-side.cpu .entry-info{align-items:flex-end}.sb-side.cpu .entry-info>.muted.small{flex-direction:row-reverse}.sb-points{grid-area:pts;gap:4px;display:flex}.sb-points i{width:20px;height:10px;transition:background var(--dur-3);background:#ffffff1a;border-radius:2px;transform:skew(-18deg)}.you .sb-points i.on{background:var(--you)}.cpu .sb-points i.on{background:var(--cpu)}.sb-meter{align-items:center;gap:var(--s-3);grid-area:meter;display:flex}.cpu .sb-meter{flex-direction:row-reverse}.spin-meter{background:#ffffff14;border-radius:6px;flex:1;height:6px;overflow:hidden}.spin-meter span{background:linear-gradient(90deg, var(--you), #9be3ff);border-radius:6px;height:100%;transition:width .12s linear;display:block}.cpu .spin-meter span{background:linear-gradient(270deg, var(--cpu), #ffa496);margin-left:auto}.rpm{font-family:var(--font-mono);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:8ch;font-size:11.5px}.err-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--text-on-light);background:var(--warning);border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700;position:absolute;top:6px}.you .err-badge{right:12px}.cpu .err-badge{left:12px}.sb-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;font-weight:600}.you .sb-tag{color:var(--you)}.cpu .sb-tag{color:var(--cpu)}.sb-mid{padding:var(--s-2) var(--s-6);border-left:1px solid var(--border);border-right:1px solid var(--border);background:#05070b;flex-direction:column;justify-content:center;align-items:center;min-width:150px;display:flex}.sb-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:center;gap:10px;font-size:44px;font-weight:900;font-stretch:125%;line-height:1;display:flex}.sb-score i{color:var(--text-3);font-size:.6em;font-style:normal}.sb-sub{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);white-space:nowrap;margin-top:6px;font-size:10.5px}html[lang=zh-Hant] .sb-sub{font-family:var(--font-ui);letter-spacing:.06em;font-size:12px}.arena{border-radius:var(--r-lg);height:min(70vh,660px);min-height:380px;position:relative}.arena canvas{display:block}.arena-toast{z-index:3;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-on-light);background:var(--type-balance);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);pointer-events:none;white-space:nowrap;animation:toastIn .3s var(--ease-out);padding:8px 18px;font-size:clamp(18px,2.4vw,26px);font-style:italic;font-weight:900;font-stretch:125%;position:absolute;top:22px;left:50%;transform:translate(-50%)}html[lang=zh-Hant] .arena-toast{font-style:normal}.arena-count{z-index:2;justify-content:center;align-items:center;gap:var(--s-8);background:radial-gradient(circle,#05070b26,#05070b99);display:flex;position:absolute;inset:0}.count-text{font-family:var(--font-display);color:#fff;text-align:center;letter-spacing:-.03em;text-shadow:0 6px 40px #0009;min-width:3ch;font-size:clamp(56px,10vw,128px);font-style:italic;font-weight:900;font-stretch:125%;line-height:1}.count-text.shoot{color:var(--accent);animation:popc .25s var(--ease-out)}.power-meter{border:1px solid var(--border-strong);background:#00000080;border-radius:12px;align-items:flex-end;width:22px;height:200px;padding:2px;display:flex;overflow:hidden}.power-meter span{background:linear-gradient(0deg, var(--success), var(--type-balance) 55%, var(--accent));border-radius:9px;width:100%;display:block}.shoot-btn{--btn-h:64px;padding:0 var(--s-8);border-radius:var(--r-md);text-transform:uppercase;letter-spacing:.04em;font-size:22px;font-weight:900;box-shadow:0 12px 40px -10px #ff4b36cc;background:var(--accent-strong)!important;border-color:var(--accent-strong)!important;color:#fff!important}.arena-banner{z-index:3;text-align:center;min-width:min(420px,86%);padding:var(--s-5) var(--s-10);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-top:4px solid var(--type-balance);border-radius:var(--r-md);box-shadow:var(--shadow-3);animation:pop .35s var(--ease-out), bannerAway .6s ease-in 3.2s forwards;background:#080b11e6;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.arena-banner.side-0{border-top-color:var(--you)}.arena-banner.side-1{border-top-color:var(--cpu)}.banner-text{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(24px,4vw,44px);font-style:italic;font-weight:900;font-stretch:125%;line-height:1.1}html[lang=zh-Hant] .banner-text{font-style:normal}.banner-sub{font-family:var(--font-mono);color:var(--text-2);margin-top:6px;font-size:15px;font-weight:600}.side-0 .banner-sub{color:var(--you)}.side-1 .banner-sub{color:var(--cpu)}.arena-speed{right:var(--s-3);bottom:var(--s-3);z-index:2;gap:6px;display:flex;position:absolute}.arena-tools{left:var(--s-3);bottom:var(--s-3);z-index:2;gap:6px;display:flex;position:absolute}.replay-tag{top:var(--s-3);left:var(--s-3);z-index:2;font-family:var(--font-mono);color:#fff;border-radius:var(--r-xs);letter-spacing:.12em;background:#d0021b;align-items:center;gap:8px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute}.replay-tag:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;animation:1s steps(2,end) infinite blink}.match-controls{gap:var(--s-4);flex-direction:column;align-self:start;display:flex}.match-controls>p{margin:0}.match-controls h3{font-size:var(--fs-md);margin:0 0 4px}.match-controls>.btn.primary,.match-controls .match-over .btn,.match-controls>div>.btn.primary{width:100%}.match-controls>.link-btn.danger{align-self:flex-start}.ctl{font-size:var(--fs-sm);flex-direction:column;gap:6px;display:flex}.ctl>span:first-child{font-variant-numeric:tabular-nums;font-weight:600}.ctl.check{padding:var(--s-3);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-2);cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px}.ctl.check span{font-weight:600}.ctl.check small{font-weight:400}.battle-log{border-top:1px solid var(--border-subtle);padding-top:var(--s-4)}.battle-log ol{counter-reset:log;flex-direction:column;gap:2px;max-height:260px;margin:0;padding:0;font-size:13px;list-style:none;display:flex;overflow-y:auto}.battle-log li{counter-increment:log;border-radius:var(--r-sm);background:#ffffff05;flex-direction:column;padding:6px 8px 6px 34px;display:flex;position:relative}.battle-log li:before{content:counter(log);font-family:var(--font-mono);color:var(--text-3);font-size:11px;position:absolute;top:7px;left:10px}.battle-log b.up{color:var(--you)}.battle-log b.down{color:var(--cpu)}.match-over{text-align:center;padding:var(--s-4) 0}.match-over h2{justify-content:center;align-items:center;gap:var(--s-2);font-family:var(--font-display);text-transform:uppercase;font-size:28px;font-style:italic;font-weight:900;font-stretch:125%;display:flex}.match-over h2.up{color:var(--type-balance)}.match-over h2.down{color:var(--cpu)}.match-over .sb-score{margin:var(--s-2) 0 var(--s-5);justify-content:center}@keyframes fadeIn{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.6;box-shadow:0 0 0 6px #0000}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}@keyframes popc{0%{opacity:0;transform:scale(.6)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)scale(.7)}}@keyframes bannerAway{to{opacity:.85;top:12%;transform:translate(-50%,-50%)scale(.6)}}@keyframes blink{50%{opacity:.2}}.card-grid>.card:nth-child(2){animation-delay:30ms}.card-grid>.card:nth-child(3){animation-delay:60ms}.card-grid>.card:nth-child(4){animation-delay:90ms}.card-grid>.card:nth-child(5){animation-delay:.12s}.card-grid>.card:nth-child(n+6){animation-delay:.15s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.card:hover,.line-card:hover,.bento-card:hover,.lesson-card:hover{transform:none}}@media (width<=1240px){.nav-desktop a{padding:8px 9px}.brand-name{font-size:15px}.battle-setup{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.battle-setup>.you-col{grid-area:2/1/auto/-1}.spotlight{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.spotlight-stats{gap:var(--s-8);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.spotlight-stats .overall-score{grid-column:1/-1}}@media (width<=1080px){.nav-desktop{display:none}.menu-btn{display:inline-grid}.topbar-actions>.lang-toggle{display:none}.hero{gap:var(--s-8);padding-top:var(--s-6);grid-template-columns:minmax(0,1fr)}.detail-grid,.workshop-grid,.compare-grid,.assembly-grid,.combo-body{grid-template-columns:minmax(0,1fr)}.detail-grid>.panel.no-pad,.viewer-panel,.assembly-viewer{position:relative;top:auto}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match{grid-template-columns:minmax(0,1fr)}.bento-card,.bento-learn,.bento-battle{grid-column:span 3}.bento-card:last-child{grid-column:1/-1}.lesson-card,.lesson-card:nth-child(4),.lesson-card:nth-child(5){grid-column:span 3}.lesson-card:last-child{grid-column:1/-1}.stack-row{grid-template-columns:64px minmax(0,1fr)}.stack-stats{grid-column:1/-1}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=820px){.line-grid{grid-template-columns:minmax(0,1fr)}.line-card{column-gap:var(--s-6);grid-template-columns:auto minmax(0,1fr);display:grid}.line-card>*{grid-column:2}.line-card .line-card-top{gap:var(--s-3);flex-direction:column;grid-area:1/1/span 4}.line-card .line-photos{margin:0 0 var(--s-4)}.section-head{align-items:flex-start;gap:var(--s-3);flex-direction:column}.cta-band{padding:var(--s-8) var(--s-6);flex-direction:column;align-items:flex-start}.principles,.type-grid.three,.battle-setup{grid-template-columns:minmax(0,1fr)}.battle-setup>.you-col{grid-row:auto}.page-head,.detail-head{flex-direction:column;align-items:flex-start}.footer-legal{gap:var(--s-3);flex-direction:column}}@media (width<=640px){:root{--header-h:58px}main{padding-top:var(--s-5)}.brand-name{font-size:15px}.section{margin-top:var(--s-16)}.hero{padding-top:var(--s-2)}.hero-stats{gap:var(--s-2) var(--s-4);margin-top:var(--s-8);grid-template-columns:repeat(4,minmax(0,1fr))}.hero-stats dd{font-size:26px}.hero-stats dt{font-size:12px}.hero-cta .btn{flex:100%}.stage-frame .viewer-ui{right:var(--s-3);top:auto;bottom:var(--s-3)}.spotlight{padding:var(--s-5);gap:var(--s-6);grid-template-columns:minmax(0,1fr)}.spotlight-media{max-width:240px}.spotlight-stats{grid-template-columns:minmax(0,1fr);gap:0}.line-card{display:flex}.line-card .line-card-top{flex-direction:row}.line-card .line-photos{margin:var(--s-6) 0 var(--s-5)}.bento{grid-template-columns:minmax(0,1fr)}.bento-card,.bento-learn,.bento-battle,.bento-card:last-child{grid-column:auto;min-height:0}.battle-art .vs{font-size:130px}.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-card,.lesson-card:nth-child(4),.lesson-card:nth-child(5),.lesson-card:last-child{grid-column:auto;min-height:0}.card-grid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{padding:var(--s-3)}.card h3{font-size:14.5px}.card .badges .badge.spin-right,.card .badges .badge.spin-left,.card .badges .badge.spin-dual{display:none}.mini-stats{grid-template-columns:1fr 1fr 1fr auto;gap:6px}.overall{font-size:15px}.filters{gap:6px}.filters>.search,.filters>.search-field{flex:100%}.filters select{background-position:right 5px center;flex:1 1 0;min-width:0;height:36px;padding:0 22px 0 9px;font-size:12.5px}.filters .search{height:40px}.panel{padding:var(--s-5)}.type-grid,.about{grid-template-columns:minmax(0,1fr)}.photo-lg{aspect-ratio:1;width:100%;max-width:280px;height:auto}.name-anatomy{align-items:flex-start;gap:var(--s-4);flex-direction:column}.pros-cons{grid-template-columns:minmax(0,1fr);gap:0}.combo-head{padding:var(--s-4);gap:var(--s-3);flex-wrap:wrap}.combo-body{padding:var(--s-4)}.lesson-nav{grid-template-columns:minmax(0,1fr)}.lesson-nav-link.next{grid-column:auto}.lesson-hero{gap:var(--s-3);flex-direction:column}.stack-stats .stat-row{grid-template-columns:76px 1fr 34px}.compare-card{grid-template-columns:52px minmax(0,1fr)}.compare-card .photo{width:52px!important;height:52px!important}.compare-card>.link-btn{grid-column:2;justify-self:start;margin-left:-6px}.battle-hero{padding:var(--s-6) var(--s-5)}.scoreboard{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.sb-side,.sb-side.cpu{padding:var(--s-2) var(--s-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"card""pts""meter"}.sb-side .entry-card .photo,.sb-side .entry-card .bey-icon{display:none}.sb-side.cpu .sb-points{justify-content:flex-end}.sb-side .entry-info>.muted.small{display:none}.sb-points i{width:14px;height:8px}.sb-meter .rpm{display:none}.sb-mid{min-width:0;padding:var(--s-2) var(--s-3)}.sb-score{gap:4px;font-size:30px}.sb-sub,.err-badge{display:none}.arena{height:clamp(280px,46vh,460px);min-height:280px}.arena-count{gap:var(--s-3);flex-direction:column}.match-controls{padding:var(--s-4)}.match-controls .btn.lg{--btn-h:52px}.power-meter{height:110px}.shoot-btn{--btn-h:56px;font-size:18px}.footer-inner{padding-top:var(--s-10);gap:var(--s-6)}}.battle-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-family:JetBrains Mono,ui-monospace,monospace}.card.has-actions{cursor:pointer}.card-hit{z-index:1;border-radius:inherit;position:absolute;inset:0}.card-hit:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.has-actions:has(.card-hit:focus-visible){border-color:var(--accent-2)}.card-actions{z-index:2;opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(6px)}.card-action{pointer-events:none}.has-actions:hover .card-actions,.has-actions:focus-within .card-actions{opacity:1;transform:none}.has-actions:hover .card-action,.has-actions:focus-within .card-action{pointer-events:auto}.card-action{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;min-height:34px;transition:background var(--dur-1), border-color var(--dur-1), transform var(--dur-1);background:#0a0d14d1;border:1px solid #ffffff29;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font:600 12.5px/1 Inter,Noto Sans TC,sans-serif;display:inline-flex;box-shadow:0 6px 16px #00000059}.card-action:hover{border-color:var(--accent-2);background:#0a0d14f2;transform:translateY(-1px)}.card-action:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.card-action.on{background:var(--accent-2);border-color:var(--accent-2);color:#04121a}.card-action.battle{background:var(--accent-strong);border-color:var(--accent-strong)}.card-action.battle:hover{background:var(--accent);border-color:var(--accent)}@media (hover:none){.card-actions{opacity:1;transform:none}.card-action{pointer-events:auto}}@media (prefers-reduced-motion:reduce){.card-actions{transition:none}}.deck-slot.conflict{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.start-hint{color:#ffd27a;align-items:center;gap:6px;margin:14px 0 0;font-size:13.5px;display:flex}.vs-page{gap:var(--s-6);flex-direction:column;display:flex}.vs-header{gap:var(--s-4) var(--s-8);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.vs-header .page-title{margin:2px 0 6px}.vs-header .lead{max-width:54ch;margin:0}.vs-hint{grid-column:1/-1;margin:0}.vs-settings{gap:var(--s-4);flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;display:flex}.vs-setting{flex-direction:column;gap:6px;display:flex}.vs-setting-label{font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.seg{border-radius:var(--r-pill);background:var(--surface-inset);border:1px solid var(--border);padding:3px;display:inline-flex}.seg button{color:var(--text-2);font:600 13px/1 var(--font-ui);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:background var(--dur-1), color var(--dur-1);background:0 0;border:0;padding:9px 14px}.seg button:hover{color:var(--text)}.seg button.on{background:var(--text);color:var(--text-on-light)}.seg button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.score-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.score-chips i{font:600 11.5px/1 var(--font-mono);border-radius:var(--r-sm);background:var(--surface-1);border:1px solid var(--border);color:var(--text-2);padding:8px 9px;font-style:normal}.score-chips .xt{color:#ff6b8b}.score-chips .ov{color:var(--warning)}.vs-stage{gap:var(--s-5);padding:var(--s-5);border-radius:var(--r-xl);border:1px solid var(--border);background:radial-gradient(60% 90% at 0% 50%, #3cc4ff21, transparent 70%), radial-gradient(60% 90% at 100% 50%, #ff4b3621, transparent 70%), linear-gradient(180deg, var(--surface-1), var(--bg));grid-template-columns:minmax(0,1fr) minmax(280px,380px) minmax(0,1fr);align-items:stretch;display:grid;position:relative;overflow:hidden}.vs-stage:before{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#0000 0 22px,#ffffff05 22px 23px);position:absolute;inset:0}.fighter{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:#080b118c;flex-direction:column;min-width:0;display:flex;position:relative}.fighter-you{border-top:3px solid var(--accent-2)}.fighter-cpu{border-top:3px solid var(--accent)}.fighter-top{align-items:center;gap:10px;display:flex}.fighter-tag{font:800 12px/1 var(--font-mono);letter-spacing:.14em;border-radius:var(--r-xs);color:#04121a;background:var(--accent-2);padding:6px 9px}.fighter-cpu .fighter-tag{background:var(--accent-strong);color:#fff}.fighter-title{color:var(--text-3);font-size:var(--fs-sm)}.fighter-photo{aspect-ratio:1;border-radius:var(--r-md);background:var(--tile,radial-gradient(circle at 50% 40%, #fff, #dfe5ee));place-items:center;width:100%;max-height:300px;display:grid;overflow:hidden}.fighter-photo .photo{width:100%;height:100%;box-shadow:none;background:0 0}.fighter-photo .photo img{padding:8%;animation:14s linear infinite fighterSpin}.fighter-cpu .fighter-photo .photo img{animation-direction:reverse}@keyframes fighterSpin{to{transform:rotate(360deg)}}.fighter-empty{width:100%;height:100%;font:inherit;cursor:pointer;color:var(--text-on-light);opacity:.6;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.fighter-info h3{font-family:var(--font-display);font-size:var(--fs-xl);margin:0 0 6px;line-height:1.15}.fighter-info .badges{margin:0 0 8px}.fighter-parts{flex-wrap:wrap;gap:4px;display:flex}.fighter-parts span{font:500 12px/1 var(--font-mono);border-radius:var(--r-xs);background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-2);padding:5px 8px}.fighter-actions{gap:var(--s-3);flex-direction:column;margin-top:auto;display:flex}.fighter-actions>.btn{align-self:flex-start}.deck-strip{gap:8px;display:flex}.deck-chip{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;min-height:60px;transition:border-color var(--dur-1), background var(--dur-1);flex:1;place-items:center;padding:8px 4px 6px;display:grid;position:relative}.deck-chip:hover{border-color:var(--border-strong)}.deck-chip.on{border-color:var(--accent-2);background:var(--accent-2-soft)}.fighter-cpu .deck-chip.on{border-color:var(--accent);background:var(--accent-soft)}.deck-chip.conflict{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.deck-chip-num{font:700 10px/1 var(--font-mono);color:var(--text-3);position:absolute;top:4px;left:6px}.deck-chip .photo{box-shadow:none;border-radius:50%}.deck-chip-empty{border:1px dashed var(--border-strong);width:40px;height:40px;color:var(--text-3);border-radius:50%;place-items:center;display:grid}.vs-center{justify-content:center;align-items:center;gap:var(--s-3);text-align:center;flex-direction:column;min-width:0;display:flex;position:relative}.vs-mark{font:900 italic clamp(56px, 7vw, 96px) / .9 var(--font-display);letter-spacing:-.04em;background:linear-gradient(100deg, var(--accent-2) 0 45%, var(--accent) 55% 100%);color:#0000;filter:drop-shadow(0 6px 24px #00000080);-webkit-background-clip:text;background-clip:text;font-stretch:125%}.vs-pair{font:600 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.h2h{width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid var(--border-subtle);background:#05070b8c;flex-direction:column;gap:7px;display:flex}.h2h-row{grid-template-columns:30px 1fr auto 1fr 30px;align-items:center;gap:8px;display:grid}.h2h-label{color:var(--text-2);min-width:4.5em;font-size:12px}.h2h-val{font:600 12px/1 var(--font-mono);color:var(--text-3);font-variant-numeric:tabular-nums}.h2h-val.you{text-align:right}.h2h-val.cpu{text-align:left}.h2h-val.you.win{color:var(--accent-2)}.h2h-val.cpu.win{color:var(--accent)}.h2h-bar{background:#ffffff12;border-radius:6px;height:6px;display:flex;overflow:hidden}.h2h-bar.you{justify-content:flex-end}.h2h-bar i{border-radius:6px;height:100%;display:block}.h2h-bar.you i{background:linear-gradient(270deg, var(--accent-2), #3cc4ff73)}.h2h-bar.cpu i{background:linear-gradient(90deg, var(--accent), #ff4b3673)}.vs-center .start-hint{justify-content:center;margin:0}.vs-center .notes{margin:0;font-size:12.5px}.start-dock{width:100%}.vs-center .start-btn{width:100%;min-height:56px;margin:0;font-size:1.05rem}.chooser-panel{scroll-margin-top:calc(var(--header-h) + 16px)}.chooser-head{margin-bottom:var(--s-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.chooser-head .panel-title{align-items:center;gap:8px;margin:0;display:flex}.chooser-head p{margin:0}.chooser .search-field{margin:var(--s-3) 0;max-width:420px}.chooser-grid{margin-top:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.pick-tile{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--dur-1), transform var(--dur-2) var(--ease-out), background var(--dur-1);flex-direction:column;align-items:flex-start;gap:6px;padding:6px 6px 10px;display:flex}.pick-tile:hover{border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-2px)}.pick-tile.sel{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-2-soft)}.pick-tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pick-photo{aspect-ratio:1;background:var(--tile,radial-gradient(circle at 50% 40%, #fff, #dfe5ee));border-radius:9px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.pick-photo .photo{width:100%;height:100%;box-shadow:none;background:0 0}.pick-photo .photo img{padding:10%}.pick-code{font:600 10px/1 var(--font-mono);color:#fff;background:#0a0d14d1;border-radius:5px;padding:4px 6px;position:absolute;top:5px;left:5px}.pick-tier{position:absolute;top:5px;left:5px}.pick-check{background:var(--accent-2);color:#04121a;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:5px;right:5px}.pick-name{padding:0 2px;font-size:13px;font-weight:600;line-height:1.3}.pick-tile .badge{margin-left:2px}.show-more{margin:var(--s-4) auto 0;display:flex}.saved-list{max-height:none}@media (width<=1080px){.vs-header{grid-template-columns:1fr}.vs-settings{justify-content:flex-start}.vs-stage{grid-template-columns:1fr 1fr}.vs-center{grid-area:2/1/auto/-1}.vs-mark{font-size:48px}}@media (width<=640px){.vs-stage{padding:var(--s-3);gap:var(--s-3)}.fighter{padding:var(--s-3);gap:var(--s-2)}.fighter-info h3{font-size:15px}.fighter-parts,.fighter-title{display:none}.fighter-actions>.btn{justify-content:center;align-self:stretch;padding-inline:8px;font-size:12px}.vs-mark{font-size:36px}.scoring{display:none}.seg button{padding:8px 11px}.start-dock{z-index:20;position:sticky;bottom:12px}.chooser-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}@media (prefers-reduced-motion:reduce){.fighter-photo .photo img{animation:none}}.vo-credit{color:var(--text-3);margin:0;font-size:11px;line-height:1.5}input[type=email],input[type=password]{height:40px;padding:0 var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-sm);min-width:0;transition:border-color var(--dur-1), box-shadow var(--dur-1)}input[type=email]:hover,input[type=password]:hover,.form input[type=text]:hover{border-color:var(--border-strong)}input[type=email]:focus,input[type=password]:focus,.form input[type=text]:focus,.rename-form input:focus{border-color:var(--accent-2);outline:none;box-shadow:0 0 0 3px #3cc4ff38}.form{gap:var(--s-4);flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.field input{width:100%;height:44px}.field small{font-size:var(--fs-xs)}.auth-card{gap:var(--s-5);flex-direction:column;max-width:440px;margin:0 auto;display:flex}.auth-tabs{align-self:flex-start}.auth-switch{text-align:center;margin:0}.auth-switch .link-btn{font-weight:600}.form .notes,.auth-card .ok{margin:0}.avatar{color:#fff;font-family:var(--font-display);box-shadow:var(--inner-hi), 0 0 0 1px #ffffff14;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid}.account-slot{align-items:center;display:flex}.account-btn{border-radius:var(--r-pill);color:var(--text-2);font-size:var(--fs-sm);max-width:180px;transition:background var(--dur-1), color var(--dur-1);align-items:center;gap:8px;padding:3px 10px 3px 3px;font-weight:600;display:inline-flex}a.account-btn:not(.btn):hover,a.account-btn:not(.btn).active{color:var(--text);background:#ffffff0f;text-decoration:none}.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-account{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--border-subtle)}.drawer-account .account-btn{max-width:none}.account-layout{gap:var(--s-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.profile-head{gap:var(--s-4);margin-bottom:var(--s-4);align-items:center;display:flex}.profile-id{min-width:0}.profile-id h2{font-size:var(--fs-2xl);font-family:var(--font-display);font-stretch:var(--display-stretch);margin:0 0 2px}.profile-id p{overflow-wrap:anywhere;margin:0 0 6px}.rename-form{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.rename-form input{height:36px;padding:0 var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-sm);width:180px}.stat-tiles{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-tile{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border-subtle);flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.stat-tile.hero{background:linear-gradient(135deg,#ff4b362e,#ff4b360a);border-color:#ff4b364d;grid-column:span 2}.stat-tile-label{font:600 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.stat-tile-value{font-family:var(--font-display);font-stretch:var(--display-stretch);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stat-tile.hero .stat-tile-value{font-size:var(--fs-2xl);color:var(--accent)}.stat-tile.wide{grid-column:span 2}.stat-tile.wide .stat-tile-value{white-space:normal;font-size:var(--fs-lg);line-height:1.25}.history{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history li{gap:var(--s-3);border-bottom:1px solid var(--border-subtle);grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;padding:10px 0;display:grid}.history li:last-child{border-bottom:0}.hist-result{border-radius:var(--r-sm);width:32px;height:32px;font:800 13px/1 var(--font-display);background:var(--surface-3);place-items:center;display:grid}.history .won .hist-result{color:var(--success);background:#3ddc8429}.history .lost .hist-result{color:var(--danger);background:#ff6b5e24}.hist-main{flex-direction:column;min-width:0;display:flex}.hist-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hist-bp{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}.hist-date{white-space:nowrap}.lb-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.lb-table th,.lb-table td{text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:11px 12px}.lb-table thead th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.lb-table .num{text-align:right}.lb-table tbody tr:last-child td{border-bottom:0}.lb-table tbody tr:hover{background:#ffffff06}.lb-table tr.me td{background:var(--accent-2-soft)}.lb-table tr.me td:first-child{box-shadow:inset 3px 0 0 var(--accent-2)}.lb-table .lb-rank{width:56px}.rank-badge{border-radius:var(--r-sm);min-width:28px;height:28px;font-family:var(--font-mono);color:var(--text-2);background:var(--surface-3);justify-content:center;align-items:center;gap:4px;padding:0 8px;font-weight:700;display:inline-flex}.top-1 .rank-badge{color:#1a1200;background:linear-gradient(135deg,#ffd766,#d59a00)}.top-2 .rank-badge{color:#10131a;background:linear-gradient(135deg,#e6e9ef,#9aa3b2)}.top-3 .rank-badge{color:#1a0d05;background:linear-gradient(135deg,#e0a070,#9a5a2a)}.lb-player{align-items:center;gap:10px;min-width:0;display:inline-flex}.lb-name{text-overflow:ellipsis;align-items:center;gap:8px;max-width:220px;font-weight:600;display:inline-flex;overflow:hidden}.lb-name em{font-style:normal;font:600 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--accent-2);color:var(--text-on-light);border-radius:4px;padding:3px 6px}.lb-bp{color:var(--text);font-weight:700}.streak{color:var(--warning);align-items:center;gap:3px;font-weight:600;display:inline-flex}.lb-fav{text-overflow:ellipsis;max-width:260px;overflow:hidden}.lb-table.compact th,.lb-table.compact td{padding:8px 10px}.lb-loading{padding:var(--s-6) 0}.lb-empty{padding:var(--s-10) var(--s-6)}.lb-layout{gap:var(--s-6);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.lb-head{margin-bottom:var(--s-4);flex-wrap:wrap}.bp-rules{gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bp-rules li{gap:var(--s-2);align-items:flex-start;line-height:1.5;display:flex}.bp-rules .icon{color:var(--accent-2);margin-top:3px}.rank-panel-head{justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4);flex-wrap:wrap;align-items:flex-start;display:flex}.rank-panel-head .panel-title{margin-bottom:4px}.rank-panel-head p{max-width:52ch;margin:0}.rank-panel-me{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.rank-chip{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;align-items:flex-end;padding:6px 12px;line-height:1.2;display:inline-flex}.rank-chip b{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--accent)}.rank-panel-body{gap:var(--s-6);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.rank-panel-rules h3{margin:0 0 var(--s-3);font-size:var(--fs-md)}.rank-result{margin:var(--s-2) 0 var(--s-4)}.rank-result p{margin:0}.bp-result{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.bp-delta{font-family:var(--font-display);font-stretch:var(--display-stretch);font-size:var(--fs-2xl);animation:popIn var(--dur-4) var(--ease-out) both;font-weight:900}@media (width<=1080px){.lb-layout,.rank-panel-body{grid-template-columns:1fr}}@media (width<=820px){.account-layout{grid-template-columns:1fr}.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.account-name{display:none}.topbar .account-btn{padding:3px}.lb-name{max-width:140px}}@media (width<=640px){.history li{grid-template-columns:32px minmax(0,1fr) auto}.hist-date{grid-column:2/-1;margin-top:-6px}}@media (prefers-reduced-motion:reduce){.bp-delta{animation:none}}.spinner{border:2px solid #ffffff2e;border-top-color:var(--accent-2);vertical-align:-2px;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.spinner.lg{border-width:3px;width:28px;height:28px}.searching{padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);border:1px dashed var(--border-strong);text-align:center;background:#3cc4ff0d;flex-direction:column;align-items:center;gap:6px;min-width:220px;display:flex}.searching b{font-family:var(--font-display);font-stretch:var(--display-stretch)}.searching.found{color:var(--success);animation:popIn var(--dur-4) var(--ease-out) both;background:#3ddc8414;border-style:solid;border-color:#3ddc8466}.searching.found .muted{color:var(--text-2)}.online-count{margin-top:var(--s-2);text-align:center;display:block}.opp-chip{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:10px;max-width:100%;padding:8px 12px 8px 8px;display:flex}.opp-chip-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.opp-chip-text b,.opp-chip-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-tag{align-items:center;gap:6px;display:inline-flex}.online-tag .dot{background:var(--text-3);border-radius:50%;width:8px;height:8px}.online-tag .dot.on{background:var(--success);box-shadow:0 0 0 3px #3ddc8440}.online-wait{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);align-items:center;gap:10px;margin:0;padding:12px 14px;font-weight:600;display:flex}.count-text.wait{font-size:var(--fs-xl);letter-spacing:0;text-transform:none;align-items:center;gap:12px;display:flex}.count-text.wait .spinner{border-width:3px;width:22px;height:22px}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.guest-note{margin:var(--s-3) 0 0;text-align:center;max-width:40ch}.guest-note.notes{align-items:center;gap:var(--s-2);text-align:center;flex-direction:column;display:flex}@media (hover:none) and (pointer:coarse){.seg button,.gen-tabs button,.lang-toggle button,.chip-btn,.link-btn{min-height:40px}.lb-table th,.lb-table td{padding:12px 10px}.history li{padding:12px 0}}@media (width>=641px) and (width<=1080px){.arena{height:min(58vh,620px)}}