:root{--bg: #000;--bg-elevated: #101010;--bg-sunken: #000;--bg-hover: #1a1a1a;--border: #222;--border-strong: #333;--hairline: #222;--hairline-strong: #333;--text: #fff;--text-muted: #9a9a9a;--text-faint: #6b6b6b;--accent: #fff;--accent-soft: rgba(255, 255, 255, 0.1);--accent-grad: #fff;--accent-glow: 0 0 0 transparent;--on-accent: #000;--gold: #fff;--gold-hover: #fff;--gold-soft: rgba(255, 255, 255, 0.08);--gold-line: #333;--gold-grad: linear-gradient(#fff, #fff);--gold-foil: linear-gradient(#fff, #fff);--on-gold: #000;--secondary: var(--gold);--secondary-hover: var(--gold-hover);--success: #3fbf7f;--success-soft: rgba(63, 191, 127, 0.13);--danger: #e5484d;--danger-soft: rgba(229, 72, 77, 0.14);--warning: #f0b429;--warning-soft: rgba(240, 180, 41, 0.13);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-pop: 0 18px 48px rgba(0, 0, 0, 0.7);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--font-display: "Noto Sans Thai", system-ui, sans-serif;--font-body: "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", Consolas, monospace;--fs-xs: 0.78rem;--fs-sm: 0.875rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: 1.3rem;--fs-xl: 1.75rem;--fs-2xl: 2.4rem;--lh-body: 1.65;--lh-heading: 1.25;--container: 1440px;--header-h: 72px;--header-h-lg: 116px;--sidebar-w: 264px;--card-ratio: 63 / 88;--card-ratio-landscape: 4 / 3;--machine-ratio: 789 / 1238;--hero-ratio: 16 / 7;--t-fast: 140ms ease;--t-base: 240ms ease;--t-slow: 420ms cubic-bezier(0.22, 1, 0.36, 1);--z-header: 50;--z-sheet: 80;--z-modal: 100;--z-toast: 120;--rarity-R: #9ca3af;--rarity-SR: #10b981;--rarity-SSR: #3b82f6;--rarity-UP: #c026d3;--rarity-UR: #d946ef;--rarity-UR-parallel: #ec4899;--rarity-HR: #f43f5e;--rarity-PU: #e11d48;--rarity-MR: #dc2626;--rarity-BP: #f97316;--rarity-AR: #f59e0b;--rarity-ASP: #eab308;--rarity-ASP-parallel: #facc15;--rarity-SE: #fde047;--rarity-PTR: #7c3aed;--rarity-QR: #f472b6;--rarity-QR-parallel: #f9a8d4;--rarity-MR-parallel: #fdba74;--rarity-XR: #16a34a;--rarity-XR-parallel: #4ade80;--rarity-SP: #eab308;--rarity-ZR: #6366f1;--rarity-CR: #f43f5e;--rarity-rainbow: linear-gradient(100deg, #f43f5e, #eab308, #22c55e, #3b82f6, #a855f7, #f43f5e);--rarity-rainbow-shadow: -12px 6px 30px -10px #f43f5e, 12px 6px 30px -10px #3b82f6, 0 -10px 30px -12px #eab308, 0 18px 36px -14px #22c55e}:root[data-theme=light]{--bg: #fff;--bg-elevated: #f5f5f5;--bg-sunken: #ededed;--bg-hover: #ececec;--border: #e0e0e0;--border-strong: #c4c4c4;--hairline: rgba(0, 0, 0, 0.08);--hairline-strong: rgba(0, 0, 0, 0.16);--text: #000;--text-muted: #555;--text-faint: #8a8a8a;--accent: #000;--accent-soft: rgba(0, 0, 0, 0.08);--accent-grad: #000;--accent-glow: 0 0 0 transparent;--on-accent: #fff;--gold: #000;--gold-hover: #000;--gold-soft: rgba(0, 0, 0, 0.06);--gold-line: #c4c4c4;--gold-grad: linear-gradient(#000, #000);--gold-foil: linear-gradient(#000, #000);--on-gold: #fff;--success: #17874a;--success-soft: rgba(23, 135, 74, 0.1);--danger: #cc2f34;--danger-soft: rgba(204, 47, 52, 0.1);--warning: #a86b04;--warning-soft: rgba(168, 107, 4, 0.1);--shadow-pop: 0 18px 48px rgba(0, 0, 0, 0.18);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.6);--rarity-R: #6b7280;--rarity-SR: #047857;--rarity-ASP-parallel: #ca8a04;--rarity-SE: #a16207;--rarity-SP: #a16207}[data-rarity]{--rarity-color: var(--rarity-R);--rarity-ink: #fff}[data-rarity=R]{--rarity-color: var(--rarity-R)}[data-rarity=SR]{--rarity-color: var(--rarity-SR)}[data-rarity=SSR]{--rarity-color: var(--rarity-SSR)}[data-rarity=UP]{--rarity-color: var(--rarity-UP)}[data-rarity=UR]{--rarity-color: var(--rarity-UR)}[data-rarity=◇UR]{--rarity-color: var(--rarity-UR-parallel)}[data-rarity=HR]{--rarity-color: var(--rarity-HR)}[data-rarity=PU]{--rarity-color: var(--rarity-PU)}[data-rarity=MR]{--rarity-color: var(--rarity-MR)}[data-rarity=BP]{--rarity-color: var(--rarity-BP)}[data-rarity=AR]{--rarity-color: var(--rarity-AR)}[data-rarity=ASP]{--rarity-color: var(--rarity-ASP)}[data-rarity=◇ASP]{--rarity-color: var(--rarity-ASP-parallel)}[data-rarity=SE]{--rarity-color: var(--rarity-SE)}[data-rarity=PTR]{--rarity-color: var(--rarity-PTR)}[data-rarity=QR]{--rarity-color: var(--rarity-QR)}[data-rarity=◇QR]{--rarity-color: var(--rarity-QR-parallel)}[data-rarity=◇MR]{--rarity-color: var(--rarity-MR-parallel)}[data-rarity=XR]{--rarity-color: var(--rarity-XR)}[data-rarity=◇XR]{--rarity-color: var(--rarity-XR-parallel)}[data-rarity=SP]{--rarity-color: var(--rarity-SP)}[data-rarity=ZR]{--rarity-color: var(--rarity-ZR)}[data-rarity=CR]{--rarity-color: var(--rarity-CR)}[data-rarity=SR],[data-rarity=SP],[data-rarity=AR],[data-rarity=ASP],[data-rarity=◇ASP],[data-rarity=QR],[data-rarity=◇QR],[data-rarity=◇MR],[data-rarity=XR],[data-rarity=◇XR]{--rarity-ink: #1c1917}