:root{--font-sans: "Clash Grotesk", ui-sans-serif, system-ui, sans-serif;--font-heading: "Clash Grotesk", sans-serif;--color-primary: #A855F7;--color-secondary: #7C3AED;--color-accent: #FACC15;--color-accent-hover: #EAB308;--color-text: #F1F5F9;--color-text-muted: #94A3B8;--color-text-subtle: #64748B;--color-bg: #0F0F14;--color-surface: #1A1A24;--color-surface-elevated: #22222E;--color-surface-sunken: #0A0A10;--color-border: #2D2D3D;--color-border-subtle: #232333;--color-ink: #6D28D9;--color-success: #22C55E;--color-danger: #F87171;--color-info: #38BDF8;--color-role-tank: #3B82F6;--color-role-dps: #EF4444;--color-role-support: #10B981;--color-role-neutral: #64748B;--fluid-from: #0F0F1A;--fluid-via: #150F2E;--fluid-to: #0D0D1F;--fluid-blob-1: #A855F7;--fluid-blob-2: #7C3AED;--fluid-blob-3: #FACC15;--scrollbar-size: 12px;--scrollbar-track: rgba(255, 255, 255, .03);--scrollbar-thumb: linear-gradient(180deg, rgba(248, 204, 21, .95) 0%, rgba(168, 85, 247, .95) 100%);--scrollbar-thumb-hover: linear-gradient(180deg, rgba(250, 204, 21, 1) 0%, rgba(124, 58, 237, 1) 100%);--scrollbar-border: rgba(10, 10, 16, .9)}.blob-blend{mix-blend-mode:screen}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-surface-sunken)}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-surface-sunken)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-button{display:none;width:0;height:0;background:transparent}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:3px solid var(--scrollbar-border);box-shadow:0 0 18px #a855f72e}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);box-shadow:0 0 22px #facc152e}*::-webkit-scrollbar-corner{background:transparent}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading)}input,select,textarea,option{background-color:var(--color-surface-elevated);color:var(--color-text)}.fun-shadow{box-shadow:4px 4px 0 0 var(--color-ink)}.fun-shadow-hover:hover{box-shadow:6px 6px 0 0 var(--color-ink);transform:translate(-2px,-2px)}.fun-shadow-active:active{box-shadow:2px 2px 0 0 var(--color-ink);transform:translate(2px,2px)}