:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero: clamp(3rem, .5rem + 7vw, 8rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-display: "Cabinet Grotesk", "General Sans", sans-serif;--font-body: "General Sans", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--content-narrow: 640px;--content-default: 1060px;--content-wide: 1200px;--color-bg: #0c0c0f;--color-surface: #141418;--color-surface-2: #1a1a1f;--color-surface-3: #222228;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-text: #e8e8ec;--color-text-muted: #8a8a96;--color-text-faint: #52525e;--color-dev: #3dd8c5;--color-dev-dim: rgba(61, 216, 197, .12);--color-dev-glow: rgba(61, 216, 197, .15);--color-dev-hover: #5de8d6;--color-gamer: #ff5c6a;--color-gamer-dim: rgba(255, 92, 106, .12);--color-gamer-glow: rgba(255, 92, 106, .15);--color-gamer-hover: #ff7a85;--color-win: #3dd8a0;--color-loss: #ff5c6a;--color-draw: #f0c040;--color-online: #3dd8a0;--color-idle: #f0c040;--color-dnd: #ff5c6a;--color-offline: #52525e;--color-spotify: #1ED760;--color-twitch: #9146FF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:#3dd8c540;color:var(--color-text)}body.gamer-mode ::selection{background:#ff5c6a40}:focus-visible{outline:2px solid var(--color-dev);outline-offset:3px;border-radius:var(--radius-sm)}body.gamer-mode :focus-visible{outline-color:var(--color-gamer)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-6)}@media (max-width: 640px){.container{padding-inline:var(--space-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--color-dev);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .15s,height .15s,background .3s;mix-blend-mode:screen}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1.5px solid rgba(61,216,197,.3);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .3s}body.gamer-mode .cursor-dot{background:var(--color-gamer)}body.gamer-mode .cursor-ring{border-color:#ff5c6a4d}a,button,[role=button]{cursor:none}@media (max-width: 768px){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}a,button,[role=button]{cursor:pointer}}.card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive)}.card-interactive:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;opacity:.45;margin-bottom:var(--space-4);transition:color .4s}@keyframes blink{50%{opacity:0}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 4px transparent}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mode-ripple{position:fixed;border-radius:50%;pointer-events:none;z-index:9990;transform:scale(0)}.mode-ripple.active{animation:rippleExpand .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes rippleExpand{to{transform:scale(1);opacity:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-faint);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.match-row{transition:all .2s ease}.match-row:hover{background:#ffffff08!important}.bar-fill{transition:width 1s cubic-bezier(.16,1,.3,1)}@media (max-width: 768px){.header-nav-desktop{display:none!important}.header-hamburger{display:flex!important}}