:root{--bg: #F3F4F6;--surface: #FFFFFF;--surface-2: #F6F7F9;--surface-3: #ECEEF1;--line: #E4E7EB;--line-2: #D3D8DE;--text: #1B1E23;--text-strong: #0E1013;--muted: #6C727C;--soft: #3D434C;--acc: #4D8FD9;--acc-ink: #FFFFFF;--acc-soft: color-mix(in srgb, var(--acc) 11%, transparent);--acc-text: color-mix(in srgb, var(--acc) 82%, #000);--gold: #C98A1B;--gold-soft: #FBF1DC;--ok: #1E8E5A;--warn: #C27A12;--danger: #D04A2C;--danger-soft: #FCEBE6;--danger-text: #B23A1F;--g-normal: #C5CBD3;--g-fine: #3F9A86;--g-rare: #D49A2A;--g-heroic: #8B6BD0;--g-legend: #D04A2C;--pos-tank: #3F7FC4;--pos-dealer: #D2602F;--pos-healer: #1F9D72;--pos-support: #B07A12;--q1: #2E8E66;--q2: #6A4FC4;--q3: #B8860B;--cond-good: #E6F4EC;--cond-good-text: #1E7A4E;--cond-great: #FFF2D1;--cond-great-text: #9A6A00;--shadow-1: 0 1px 2px rgba(16, 24, 40, .05);--shadow-2: 0 18px 50px -12px rgba(16, 24, 40, .28), 0 2px 6px rgba(16, 24, 40, .06);--fx-line: rgba(70,100,120,.35);--fx-dot: rgba(150,170,185,.85);--fx-mist: 255,255,255;--fx-glow: 214,170,60;--fx-ash: rgba(95,95,95,.45);--fs: 1;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0E1013;--surface: #16191E;--surface-2: #1C2026;--surface-3: #242931;--line: #262B33;--line-2: #333A44;--text: #E7EAEE;--text-strong: #FFFFFF;--muted: #8C939E;--soft: #BFC5CD;--acc-ink: #0B0D10;--acc-text: color-mix(in srgb, var(--acc) 70%, #fff);--gold: #E2A84A;--gold-soft: rgba(226,168,74,.14);--danger-soft: rgba(208,74,44,.16);--danger-text: #F2A28E;--g-normal: #3A424D;--pos-tank: #9CC3EE;--pos-dealer: #F0A07A;--pos-healer: #6FD3AE;--pos-support: #E8C26A;--q1: #6FD3A6;--q2: #A895F0;--q3: #F0C75E;--cond-good: #1F3A2C;--cond-good-text: #8FD9B0;--cond-great: #3B3115;--cond-great-text: #F0C75E;--shadow-2: 0 24px 60px -12px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.3);--fx-line: rgba(170,200,212,.42);--fx-dot: rgba(232,240,242,.85);--fx-mist: 190,210,220;--fx-glow: 232,214,120;--fx-ash: rgba(170,165,160,.55);color-scheme:dark}}:root[data-theme=dark]{--bg: #0E1013;--surface: #16191E;--surface-2: #1C2026;--surface-3: #242931;--line: #262B33;--line-2: #333A44;--text: #E7EAEE;--text-strong: #FFFFFF;--muted: #8C939E;--soft: #BFC5CD;--acc-ink: #0B0D10;--acc-text: color-mix(in srgb, var(--acc) 70%, #fff);--gold: #E2A84A;--gold-soft: rgba(226,168,74,.14);--danger-soft: rgba(208,74,44,.16);--danger-text: #F2A28E;--g-normal: #3A424D;--pos-tank: #9CC3EE;--pos-dealer: #F0A07A;--pos-healer: #6FD3AE;--pos-support: #E8C26A;--q1: #6FD3A6;--q2: #A895F0;--q3: #F0C75E;--cond-good: #1F3A2C;--cond-good-text: #8FD9B0;--cond-great: #3B3115;--cond-great-text: #F0C75E;--shadow-2: 0 24px 60px -12px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.3);--fx-line: rgba(170,200,212,.42);--fx-dot: rgba(232,240,242,.85);--fx-mist: 190,210,220;--fx-glow: 232,214,120;--fx-ash: rgba(170,165,160,.55);color-scheme:dark}