:root{--violet-700:#4a37c4;--violet-500:#6d5bff;--violet-300:#b388ff;--violet-100:#ece7ff;--pink-500:#ff7acb;--pink-300:#ffb0e0;--pink-100:#ffe6f5;--gold-500:#ffc66d;--gold-600:#c4913a;--gold-100:#fff2db;--sky-500:#6de1ff;--sky-100:#e0f8ff;--mint-500:#7be7c6;--mint-100:#e3f8f1;--offwhite:#f6f2ff;--paper:#fff;--lilac:#f0ebfb;--navy-900:#1a132e;--ink-900:#1a132e;--ink-700:#3a3152;--ink-500:#6f6689;--ink-300:#a9a1c0;--line-200:#ece8f5;--line-300:#ddd6ec;--gradient-brand:linear-gradient(100deg, #6d5bff 0%, #b388ff 24%, #ff7acb 50%, #ffc66d 74%, #6de1ff 100%);--gradient-tcg:linear-gradient(95deg, #ff7acb 0%, #b388ff 45%, #6de1ff 100%);--success:#2fa98a;--success-100:#e3f8f1;--warning:#d99b34;--warning-100:#fff2db;--danger:#e5476b;--danger-100:#ffe0e7;--info:#3aa9d4;--info-100:#e0f8ff;--bg:var(--offwhite);--surface:var(--paper);--surface-alt:#f0ebfb;--surface-tint:var(--violet-100);--surface-dark:var(--navy-900);--text:var(--ink-900);--text-strong:var(--violet-700);--text-muted:var(--ink-500);--text-dim:var(--ink-300);--text-on-dark:var(--offwhite);--border:var(--line-200);--border-strong:var(--line-300);--primary:var(--violet-500);--primary-strong:var(--violet-700);--primary-tint:var(--violet-100);--accent:var(--pink-500);--accent-tint:var(--pink-100);--gold:var(--gold-600);--gold-tint:var(--gold-100);--focus-ring:var(--violet-300);--card-purple:#a78bfa;--card-pink:#f472b6;--card-yellow:#fbbf24;--card-orange:#fb923c;--card-blue:#60a5fa;--card-white:#e2e8f0;--rarity-cr:#6d5bff;--rarity-gr:#c4913a;--rarity-sr:#8b93a7;--rarity-rr:#e5476b;--rarity-er:#2fa98a;--rarity-spr:#3a6bd4;--rarity-u:#7be7c6;--rarity-c:#6f6689;--font-display:"Fredoka", "Anuphan", system-ui, sans-serif;--font-display-th:"Anuphan", "Fredoka", system-ui, sans-serif;--font-body:"Quicksand", "LINE Seed Sans TH", "Anuphan", system-ui, -apple-system, sans-serif;--font-body-th:"LINE Seed Sans TH", "Anuphan", "Quicksand", system-ui, sans-serif;--font-accent:"Oooh Baby", "Fredoka", cursive;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--fs-display:3rem;--fs-h1:2.125rem;--fs-h2:1.625rem;--fs-h3:1.25rem;--fs-title:1.0625rem;--fs-body:.9375rem;--fs-sm:.8125rem;--fs-xs:.6875rem;--lh-tight:1.1;--lh-snug:1.3;--lh-normal:1.55;--lh-relaxed:1.7;--ls-tight:-.01em;--ls-normal:0;--ls-wide:.04em;--ls-caps:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--nav-h:56px;--panel-w:320px;--container:960px;--container-wide:1200px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-xs:0 1px 2px #3a24560f;--shadow-sm:0 2px 6px #3a245612;--shadow-md:0 6px 18px #3a245617;--shadow-lg:0 14px 34px #3a24561f;--shadow-card:0 3px 12px #3a245614;--ring:0 0 0 3px #7c5cbf4d;--border-w:1px;--border-w-strong:1.5px;--ease:cubic-bezier(.33, 0, .2, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.26s;--transition:all var(--dur) var(--ease)}html.dark{--bg:#150f26;--surface:#1f1836;--surface-alt:#262041;--surface-tint:#8f7dff29;--surface-dark:#0d0918;--text:#f3f0ff;--text-strong:#fff;--text-muted:#ab9fcc;--text-dim:#776b98;--text-on-dark:#f3f0ff;--border:#33294d;--border-strong:#46396a;--primary:#8f7dff;--primary-strong:#c9b8ff;--primary-tint:#8f7dff2e;--accent:#ff8fd4;--accent-tint:#ff8fd429;--gold:#ffc66d;--gold-tint:#ffc66d29;--focus-ring:#8f7dff;--success-100:#2fa98a2e;--warning-100:#d99b342e;--danger-100:#e5476b2e;--info-100:#3aa9d433;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 2px 6px #0006;--shadow-md:0 8px 22px #00000073;--shadow-lg:0 16px 38px #00000080;--shadow-card:0 3px 14px #0006;--ring:0 0 0 3px #8f7dff59}body{padding-top:var(--nav-h,56px);padding-bottom:var(--footer-h,0px);transition:background-color var(--dur-slow) var(--ease), color var(--dur-slow) var(--ease)}img,svg,canvas,video,.mlp-nav-icon,.pony-emoji,.star,.sp{transition:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_Th.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_Rg.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_Bd.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_XBd.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/LINESeedSansTH_W_He.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-weight:var(--fw-medium)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--text-strong)}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-xs);outline:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}*{scrollbar-color:var(--border-strong) transparent}.ic{vertical-align:-.15em;flex-shrink:0}.tcg-grad{background:var(--gradient-tcg);color:#0000;-webkit-background-clip:text;background-clip:text}:where(.btn){font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-bold);border:var(--border-w) solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:var(--transition);box-shadow:none;justify-content:center;align-items:center;gap:6px;padding:7px 14px;line-height:1.2;display:inline-flex}:where(.btn:active){transform:translateY(1px)}:where(.btn:disabled){opacity:.5;cursor:not-allowed}:where(.btn-primary){background:var(--primary);color:#fff;border-color:var(--primary)}:where(.btn-primary:hover){background:var(--primary-strong);border-color:var(--primary-strong);opacity:1}:where(.btn-secondary){background:var(--primary-tint);color:var(--primary-strong);border-color:#0000}:where(.btn-secondary:hover){background:var(--surface-tint);color:var(--primary-strong);border-color:var(--violet-300)}:where(.btn-ghost){color:var(--text-muted);border-color:var(--border-strong);background:0 0}:where(.btn-ghost:hover){color:var(--text);border-color:var(--text-dim)}:where(.btn-gold){background:var(--gold);color:#fff;border-color:var(--gold)}:where(.btn-danger){background:var(--danger);color:#fff;border-color:var(--danger)}:where(.btn-danger:hover){background:#c93a5c;border-color:#c93a5c}:where(.btn-lg){font-size:var(--fs-body);padding:13px 26px}:where(.btn-sm){font-size:var(--fs-xs);border-radius:var(--radius-sm);padding:5px 11px}:where(button:not([class]),button[class=""]){min-height:32px;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-muted);background:var(--surface-alt);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:6px;padding:7px 12px;line-height:1.2;display:inline-flex}:where(button:not([class]),button[class=""]):hover:not(:disabled){color:var(--primary-strong);border-color:var(--primary);background:var(--surface-tint)}:where(button:not([class]),button[class=""]):active:not(:disabled){transform:translateY(1px)}:where(button:not([class]),button[class=""]):disabled{opacity:.5;cursor:not-allowed}:where(input:not([type=checkbox]):not([type=radio]):not([class]),input[class=""],textarea:not([class]),textarea[class=""],select:not([class]),select[class=""]){width:100%;min-height:36px;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text);background:var(--surface);border:var(--border-w-strong) solid var(--border-strong);border-radius:var(--radius-md);transition:var(--transition);outline:none;padding:7px 12px;line-height:1.35}:where(textarea:not([class]),textarea[class=""]){resize:vertical;min-height:96px}:where(select:not([class]),select[class=""]){cursor:pointer}:where(input:not([type=checkbox]):not([type=radio]):not([class]),input[class=""],textarea:not([class]),textarea[class=""],select:not([class]),select[class=""]):focus{border-color:var(--primary);box-shadow:var(--ring)}:where(input,textarea)::placeholder{color:var(--text-dim)}:where(input[type=checkbox],input[type=radio]){accent-color:var(--primary)}:where(input[type=file]:not([class]),input[type=file][class=""]){cursor:pointer}.badge{border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-extra);letter-spacing:var(--ls-wide);white-space:nowrap;background:var(--surface-alt);color:var(--text-muted);align-items:center;gap:4px;padding:3px 10px;line-height:1.4;display:inline-flex}.badge-primary{background:var(--primary-tint);color:var(--primary-strong)}.badge-accent{background:var(--accent-tint);color:var(--accent)}.badge-gold{background:var(--gold-tint);color:var(--gold)}.badge-success{background:var(--success-100);color:var(--success)}.badge-danger{background:var(--danger-100);color:var(--danger)}.rarity-badge{border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-extra);letter-spacing:var(--ls-wide);color:#fff;background:var(--rarity-c);white-space:nowrap;align-items:center;gap:3px;padding:2px 9px;line-height:1.4;display:inline-flex}.rarity-badge.r-cr{background:var(--rarity-cr)}.rarity-badge.r-gr{background:var(--rarity-gr)}.rarity-badge.r-sr{background:var(--rarity-sr)}.rarity-badge.r-rr{background:var(--rarity-rr)}.rarity-badge.r-er{background:var(--rarity-er)}.rarity-badge.r-spr{background:var(--rarity-spr)}.rarity-badge.r-u{background:var(--rarity-u);color:var(--ink-900)}.rarity-badge.r-c{background:var(--rarity-c)}.stat-box{background:var(--surface-alt);border:var(--border-w) solid var(--border);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;min-width:56px;padding:8px 12px;display:flex}.stat-box .sb-value{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);color:var(--text);line-height:1}.stat-box .sb-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-dim);margin-top:3px}:where(.card-grid){gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}:where(.card-tile){border-radius:var(--radius-sm);cursor:pointer;border:var(--border-w-strong) solid transparent;background:var(--surface-alt);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}:where(.card-tile:hover){box-shadow:var(--shadow-md);transform:translateY(-3px)}:where(.card-tile.selected){border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring), var(--shadow-md)}:where(.card-tile img,.card-tile-img){aspect-ratio:5/7;object-fit:cover;width:100%;display:block}:where(.lib-badge){background:var(--primary);color:#fff;min-width:20px;height:20px;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-extra);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);z-index:2;justify-content:center;align-items:center;padding:0 5px;display:inline-flex;position:absolute;top:5px;right:5px}:where(.input,.lib-search-input){width:100%;height:36px;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text);background:var(--surface);border:var(--border-w-strong) solid var(--border-strong);border-radius:var(--radius-md);transition:var(--transition);outline:none;padding:0 12px}:where(.input:focus,.lib-search-input:focus){border-color:var(--primary);box-shadow:var(--ring)}:where(.input,.lib-search-input)::placeholder{color:var(--text-dim)}:where(.dd-wrap){position:relative}:where(.dd-btn){width:100%;height:30px;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);background:var(--surface-alt);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:var(--transition);justify-content:space-between;align-items:center;gap:8px;padding:0 9px;display:inline-flex}:where(.dd-btn:hover){border-color:var(--primary);color:var(--primary-strong)}:where(.dd-btn.active,.dd-btn.has-sel){background:var(--primary-tint);color:var(--primary-strong)}:where(.dd-menu){z-index:1000;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);min-width:150px;max-height:300px;box-shadow:var(--shadow-lg);padding:5px;display:none;position:fixed;overflow-y:auto}.dd-menu.open{display:block}:where(.dd-item){border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:6px 9px;display:flex}:where(.dd-item:hover){background:var(--surface-alt)}:where(.dd-item) input[type=checkbox]{accent-color:var(--primary)}.seg-toggle{background:var(--surface-alt);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.seg-toggle button,.seg-item{border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;padding:4px 12px}.seg-toggle button.active,.seg-item.active{background:var(--surface);color:var(--primary-strong);box-shadow:var(--shadow-xs)}#toasts{bottom:calc(var(--footer-h,0px) + 20px);z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}:where(.toast){background:var(--surface);border:var(--border-w) solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-md);max-width:360px;box-shadow:var(--shadow-lg);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);white-space:nowrap;align-items:center;gap:10px;padding:10px 16px;display:inline-flex;transform:translateY(6px)}.toast.show{opacity:1;transform:translateY(0)}:where(.toast.t-ok){border-left-color:var(--success)}:where(.toast.t-warn){border-left-color:var(--warning)}:where(.toast.t-err){border-left-color:var(--danger)}:where(.modal-overlay){padding:var(--space-5);-webkit-backdrop-filter:blur(3px);z-index:1000;background:#2a21406b;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open,.modal-overlay.show{display:flex}:where(.modal-box){background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:380px;max-height:85vh;box-shadow:var(--shadow-lg);padding:var(--space-6);color:var(--text);position:relative;overflow-y:auto}:where(.chip){border-radius:var(--radius-pill);border:var(--border-w) solid var(--border-strong);background:var(--surface);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;align-items:center;gap:5px;padding:4px 12px;display:inline-flex}:where(.chip:hover){border-color:var(--primary);color:var(--primary-strong)}:where(.chip.active,.chip.on){background:var(--primary-tint);border-color:var(--primary);color:var(--primary-strong)}:where(.progress-bar){background:var(--surface-alt);border-radius:var(--radius-pill);width:100%;height:8px;overflow:hidden}:where(.progress-bar>span,.progress-bar-fill){background:var(--primary);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-slow) var(--ease);display:block}.eyebrow{border-radius:var(--radius-pill);background:var(--gold-tint);color:var(--gold);font-size:var(--fs-xs);font-weight:var(--fw-extra);letter-spacing:var(--ls-caps);text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;padding:5px 14px;display:inline-flex}.mlp-sparkles,.mlp-stars{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.mlp-sparkles .sp{bottom:-60px;left:var(--lf);font-size:var(--fs);opacity:0;animation:mlp-float-up var(--dur) linear infinite;animation-delay:var(--dl);position:absolute}@keyframes mlp-float-up{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(-110vh)rotate(360deg)}}.mlp-stars{opacity:0;transition:opacity .4s}html.dark .mlp-stars,.mlp-stars.mlp-stars--on{opacity:1}.mlp-stars .star{opacity:0;animation:mlp-twinkle var(--d) ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes mlp-twinkle{0%{opacity:0;transform:scale(.6)}to{opacity:var(--o);transform:scale(1.2)}}#mlp-nav{z-index:499;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);font-family:var(--font-body);transition:background var(--dur-slow) var(--ease), border-color var(--dur-slow) var(--ease);position:fixed;top:0;left:0;right:0}#mlp-nav *{box-sizing:border-box}.mlp-nav-inner{align-items:center;gap:8px;max-width:1320px;height:56px;margin:0 auto;padding:0 20px;display:flex}.mlp-nav-logo{color:var(--text-strong);border-radius:var(--radius-md);transition:var(--transition);flex-shrink:0;align-items:center;gap:9px;margin-right:2px;padding:6px 10px 6px 4px;text-decoration:none;display:flex}.mlp-nav-logo:hover{background:var(--surface-alt)}.mlp-nav-logo-icon{border-radius:9px;width:34px;height:34px;display:block}.mlp-nav-logo-text{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:var(--text-strong);font-size:1.2rem;line-height:1}.mlp-nav-div{background:var(--border);flex-shrink:0;width:1px;height:26px;margin:0 6px}.mlp-nav-links{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.mlp-nav-link{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:var(--radius-md);transition:var(--transition);white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;padding:7px 12px;text-decoration:none;display:flex;position:relative}.mlp-nav-link:hover{background:var(--surface-alt);color:var(--text)}.mlp-nav-link.active{background:var(--primary-tint);color:var(--primary-strong)}button.mlp-nav-link{cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;width:100%}.mlp-nav-link[hidden]{display:none}.mlp-nav-icon{line-height:1;display:inline-flex}.mlp-nav-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}#mlp-theme-btn,#mlp-lang-btn,#mlp-proxy-btn,#mlp-bgm-btn{border:var(--border-w) solid transparent;border-radius:var(--radius-md);cursor:pointer;width:34px;height:34px;color:var(--text-muted);transition:var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:flex}#mlp-theme-btn:hover,#mlp-lang-btn:hover,#mlp-proxy-btn:hover,#mlp-bgm-btn:hover{background:var(--surface-alt);color:var(--text)}#mlp-theme-btn:active,#mlp-lang-btn:active,#mlp-proxy-btn:active,#mlp-bgm-btn:active{transform:scale(.92)}#mlp-proxy-btn.proxy-on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}#mlp-user-drawer .mlp-feedback-link{background:var(--surface-alt);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-sm);width:30px;height:30px;transition:var(--transition);color:var(--text-muted);cursor:pointer;line-height:1;font:inherit;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}#mlp-user-drawer .mlp-feedback-link:hover{color:var(--primary-strong);border-color:var(--primary)}#mlp-proxy-banner{background:var(--accent-tint);color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-bold);font-family:var(--font-body);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:10px;padding:7px 16px;display:flex}#mlp-proxy-banner-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:1rem;line-height:1}#mlp-proxy-banner-close:hover{opacity:1}.mlp-nav-burger{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:5px 8px;line-height:1;display:none}.mlp-nav-burger:hover{background:var(--surface-alt);color:var(--text)}.mlp-nav-drawer{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 16px 14px;display:none}.mlp-nav-drawer.open{display:flex}.mlp-nav-drawer .mlp-nav-link{font-size:var(--fs-body);padding:10px 14px}.mlp-nav-group{flex-shrink:0;align-items:center;display:flex;position:relative}.mlp-nav-group-btn{cursor:pointer;background:0 0;border:none;font-family:inherit}.mlp-nav-caret{transition:transform var(--dur) var(--ease);margin-left:-3px;line-height:1;display:inline-flex}.mlp-nav-group:hover>.mlp-nav-group-btn .mlp-nav-caret,.mlp-nav-group:focus-within>.mlp-nav-group-btn .mlp-nav-caret,.mlp-nav-group.open>.mlp-nav-group-btn .mlp-nav-caret{transform:rotate(180deg)}.mlp-nav-flyout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:195px;box-shadow:var(--shadow-lg);z-index:500;flex-direction:column;gap:2px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0}.mlp-nav-group:hover>.mlp-nav-flyout,.mlp-nav-group:focus-within>.mlp-nav-flyout,.mlp-nav-group.open>.mlp-nav-flyout{display:flex}.mlp-nav-flyout .mlp-nav-link{width:100%}@media (width<=1320px) and (width>=641px){.mlp-nav-link .mlp-nav-text{display:none}.mlp-nav-link{padding:8px 10px}.mlp-nav-flyout .mlp-nav-text{display:inline}}@media (width<=640px){:root{--nav-h:44px}.mlp-nav-links{display:none}.mlp-nav-burger{display:block}.mlp-nav-inner{gap:2px;height:44px;padding:0 12px}.mlp-nav-logo{gap:6px;margin-right:2px;padding:4px 8px 4px 2px}.mlp-nav-logo-icon{border-radius:7px;width:26px;height:26px}.mlp-nav-logo-text{font-size:1rem}.mlp-nav-div{display:none}#mlp-theme-btn,#mlp-lang-btn,#mlp-proxy-btn,#mlp-bgm-btn{border-radius:var(--radius-sm);width:30px;height:30px}.mlp-nav-drawer .mlp-nav-group{flex-direction:column;align-items:stretch}.mlp-nav-drawer .mlp-nav-group-btn{width:100%;font-size:var(--fs-body);justify-content:flex-start;padding:10px 14px}.mlp-nav-drawer .mlp-nav-caret{margin-left:auto}.mlp-nav-drawer .mlp-nav-group:hover>.mlp-nav-flyout,.mlp-nav-drawer .mlp-nav-group:focus-within>.mlp-nav-flyout{display:none}.mlp-nav-drawer .mlp-nav-group.open>.mlp-nav-flyout{display:flex}.mlp-nav-drawer .mlp-nav-flyout{min-width:0;box-shadow:none;background:0 0;border:none;padding:2px 0 2px 18px;position:static}}#mlp-auth-wrap{align-items:center;display:flex}#mlp-user-drawer{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px}#mlp-user-drawer .mlp-user-name{color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}#mlp-user-drawer .mlp-user-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}#mlp-user-logout{background:var(--danger-100);border:var(--border-w) solid transparent;color:var(--danger);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:var(--transition);padding:5px 14px}#mlp-user-logout:hover{border-color:var(--danger)}#mlp-login-btn{background:var(--primary);border:var(--border-w) solid var(--primary);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:var(--transition);flex-shrink:0;align-items:center;gap:5px;padding:7px 15px;display:flex}#mlp-login-btn:hover{background:var(--primary-strong);border-color:var(--primary-strong)}@media (width<=640px){#mlp-login-btn{font-size:var(--fs-xs);padding:4px 10px}}#mlp-user-btn{border:var(--border-w) solid transparent;color:var(--text-muted);border-radius:var(--radius-md);font-size:var(--fs-xs);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:3px 8px 3px 3px;display:flex}#mlp-user-btn:hover{background:var(--surface-alt)}.mlp-avatar{background:var(--gradient-tcg);width:30px;height:30px;font-family:var(--font-display);font-size:.78rem;font-weight:var(--fw-semibold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.mlp-avatar img{object-fit:cover;width:100%;height:100%}.mlp-sponsor-badge{color:#f5b301;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mlp-sponsor-badge svg{display:block}#mlp-user-btn .mlp-sponsor-badge{margin-left:4px}#mlp-login-modal{z-index:700;-webkit-backdrop-filter:blur(3px);background:#2a21406b;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#mlp-login-modal.open{display:flex}#mlp-login-box{z-index:2;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:340px;box-shadow:var(--shadow-lg);padding:24px;position:relative}.mlp-login-title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);color:var(--text-strong);text-align:center;margin-bottom:6px}.mlp-login-sub{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;line-height:var(--lh-normal);margin-bottom:18px}.mlp-oauth-btn{border-radius:var(--radius-md);border:var(--border-w) solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;display:flex}.mlp-oauth-btn:hover{background:var(--surface-alt);border-color:var(--primary)}.mlp-oauth-icon{flex-shrink:0;line-height:1;display:inline-flex}.mlp-login-cancel{width:100%;color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-family:var(--font-body);cursor:pointer;text-align:center;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;margin-top:4px;padding:8px;display:block}.mlp-login-cancel:hover{background:var(--surface-alt);color:var(--text)}.mlp-tab-row{border-bottom:var(--border-w-strong) solid var(--border);gap:0;margin-bottom:16px;display:flex}.mlp-tab{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;margin-bottom:-1.5px;padding:8px 0}.mlp-tab.active{color:var(--primary-strong);border-bottom-color:var(--primary)}.mlp-login-input{border-radius:var(--radius-md);border:var(--border-w-strong) solid var(--border-strong);background:var(--surface);width:100%;height:38px;color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-family:var(--font-body);box-sizing:border-box;transition:var(--transition);outline:none;margin-bottom:8px;padding:0 12px;display:block}.mlp-login-input:focus{border-color:var(--primary);box-shadow:var(--ring)}.mlp-login-input::placeholder{color:var(--text-dim)}.mlp-login-submit{border-radius:var(--radius-md);background:var(--primary);color:#fff;width:100%;font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;transition:var(--transition);border:none;margin-bottom:6px;padding:10px;display:block}.mlp-login-submit:hover{background:var(--primary-strong)}.mlp-login-submit:disabled{opacity:.5;cursor:default}.mlp-login-error{font-size:var(--fs-xs);color:var(--danger);text-align:center;min-height:1em;margin-bottom:6px}.mlp-login-divider{color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;align-items:center;gap:8px;margin:10px 0;display:flex}.mlp-login-divider:before,.mlp-login-divider:after{content:"";background:var(--border);flex:1;height:1px}#mlp-profile-modal{z-index:700;-webkit-backdrop-filter:blur(3px);background:#2a21406b;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#mlp-profile-modal.open{display:flex}#mlp-profile-box{z-index:2;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:340px;box-shadow:var(--shadow-lg);padding:24px;position:relative}.mlp-profile-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);margin-bottom:6px;display:block}.mlp-user-edit{background:var(--surface-alt);border:var(--border-w) solid var(--border-strong);color:var(--text-muted);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:var(--transition);align-items:center;gap:6px;padding:5px 12px;line-height:1;display:flex}.mlp-user-edit:hover{color:var(--primary-strong);border-color:var(--primary)}#mlp-sync-banner{top:var(--nav-h,56px);z-index:490;background:var(--primary-tint);color:var(--primary-strong);font-size:var(--fs-xs);font-weight:var(--fw-bold);font-family:var(--font-body);border-bottom:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:7px 16px;display:flex;position:fixed;left:0;right:0}#mlp-sync-banner:hover{background:var(--surface-tint)}#mlp-banner-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:1rem;line-height:1}#mlp-banner-close:hover{opacity:1}#mlp-cookie-banner{left:0;right:0;bottom:var(--footer-h,0px);z-index:600;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 24px color-mix(in srgb, var(--text-strong) 12%, transparent);font-family:var(--font-body);position:fixed}.cc-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:12px 20px;display:flex}.cc-text{min-width:240px;font-size:var(--fs-sm);color:var(--text);font-weight:600;line-height:var(--lh-normal);flex:1;margin:0}.cc-learn{color:var(--primary-strong);white-space:nowrap;margin-left:4px;text-decoration:underline}.cc-actions{flex-shrink:0;gap:8px;display:flex}.cc-btn{border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-body);border:var(--border-w) solid var(--border-strong);transition:var(--transition);white-space:nowrap;padding:8px 18px}.cc-decline{background:var(--surface);color:var(--text-muted)}.cc-decline:hover{background:var(--surface-alt);color:var(--text)}.cc-accept{background:var(--primary);border-color:var(--primary);color:#fff}.cc-accept:hover{background:var(--primary-strong);border-color:var(--primary-strong)}@media (width<=560px){.cc-inner{gap:10px;padding:10px 14px}.cc-actions{width:100%}.cc-btn{flex:1}}img[src*="/cards/"]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}