:root{--klk-black: #0d0d10;--klk-charcoal: #1a1a1e;--klk-iron-1: #2a2a30;--klk-iron-2: #333338;--klk-iron-3: #44444f;--klk-vermilion: #d7402b;--klk-vermilion-bright: #ff6b50;--klk-vermilion-deep: #c82020;--klk-indigo: #2b4b8c;--klk-indigo-bright: #5b8fe8;--klk-indigo-mid: #2b5fa8;--klk-gold: #c9a227;--klk-gold-soft: #c8a84b;--klk-gold-bright: #ffd700;--klk-gold-pale: #e5d18a;--klk-flame-1: #ff8a00;--klk-flame-2: #f5a623;--klk-flame-3: #ffd700;--klk-flame-4: #fff0a0;--klk-white: #ffffff;--klk-gray-1: #9999a1;--klk-gray-2: #888888;--klk-gray-3: #555555;--color-bg: var(--klk-charcoal);--color-bg-deep: var(--klk-black);--color-surface: var(--klk-iron-1);--color-surface-hud: var(--klk-iron-2);--color-track: var(--klk-iron-3);--color-border-subtle: rgb(255 255 255 / .08);--color-border-input: rgb(255 255 255 / .2);--color-text: var(--klk-white);--color-text-secondary:var(--klk-gray-1);--color-text-muted: var(--klk-gray-2);--color-text-disabled: var(--klk-gray-3);--color-brand: var(--klk-gold);--color-primary: var(--klk-vermilion);--color-p1: var(--klk-vermilion);--color-p2: var(--klk-indigo);--color-danger: #ff5240;--color-victory: var(--klk-gold-bright);--grad-logo: linear-gradient(180deg, var(--klk-gold-pale), var(--klk-gold));--grad-steel: linear-gradient(160deg, var(--klk-charcoal), var(--klk-iron-1));--grad-meter-p1: linear-gradient(90deg, var(--klk-vermilion), var(--klk-vermilion-bright));--grad-meter-p2: linear-gradient(90deg, var(--klk-indigo-mid), var(--klk-indigo-bright));--grad-power: linear-gradient(0deg, var(--klk-flame-1), var(--klk-flame-2), var(--klk-flame-3));--grad-power-perfect: linear-gradient(0deg, var(--klk-flame-2), var(--klk-flame-3), var(--klk-flame-4));--grad-mosaic: linear-gradient(90deg, var(--klk-vermilion), var(--klk-gold), var(--klk-indigo));--font-display: "Outfit", "Noto Sans TC", sans-serif;--font-ui: "Inter", "Noto Sans TC", sans-serif;--font-serif: "Young Serif", serif;--text-hero: 64px;--text-logo: 48px;--text-room: 56px;--text-h1: 28px;--text-h2: 22px;--text-h3: 18px;--text-body: 16px;--text-sm: 14px;--text-caption: 11px;--text-micro: 9px;--weight-black: 900;--weight-extrabold:800;--weight-bold: 700;--weight-semibold: 600;--weight-regular: 400;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-card: 0 8px 22px rgb(0 0 0 / .4);--shadow-btn: 0 4px 8px rgb(0 0 0 / .5);--inset-steel: inset 0 1px 2px rgb(255 255 255 / .07), inset 0 -1px 2px rgb(0 0 0 / .5);--glow-gold: 0 0 12px var(--klk-gold-soft), 0 0 24px rgb(200 168 75 / .4), 0 0 40px rgb(200 168 75 / .1);--glow-p1: 0 0 12px rgb(215 64 43 / .7);--glow-p2: 0 0 15px rgb(43 75 140 / .7);--glow-flame: 0 0 18px rgb(245 166 35 / .4);--glow-victory: 0 0 20px var(--klk-gold);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-page: 24px}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/noto-sans-tc.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/outfit.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter.woff2) format("woff2")}@font-face{font-family:Gentium Plus;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/gentium.woff2) format("woff2")}:root{--font-serif: "Gentium Plus", serif}