:root{--canvas:#F4F1ED;--canvas-2:#EDE8E1;--canvas-3:#E4DED5;--ink:#1A1612;--ink-2:#4A453E;--ink-3:#847C70;--hairline:rgba(26,22,18,0.12);--hairline-strong:rgba(26,22,18,0.22);--accent:#D6336C;--accent-press:#B82A5C;--accent-ink:#FFFFFF;--syn-violet:#7C5CFF;--syn-pink:#D6336C;--syn-gold:#D78A2B;--syn-mint:#2BD4A3;--syn-cyan:#0FA3B1;--syn-crimson:#E0345A;--ok:#2BD4A3;--warn:#FFC93A;--err:#E0345A;--card-ink-bg:#1A1612;--card-ink-fg:#F4F1ED;--card-darkgrey-bg:#4D4D4D;--card-darkgrey-fg:#F4F1ED;--card-lightgrey-bg:#DEDEDE;--card-lightgrey-fg:#1A1612;--card-cream-bg:#ECE6DA;--card-cream-fg:#1A1612;--pengu-bg:244 241 237;--pengu-bg-2:237 232 225;--pengu-card:244 241 237;--pengu-card-2:237 232 225;--pengu-blue:255 61 138;--pengu-blue-2:232 50 120;--pengu-soft:228 222 213;--pengu-text:26 14 20;--pengu-dim:132 124 112;--pengu-dark:26 22 18;--pengu-grid:124 77 255;--pengu-grid-strength:0.08;--pengu-card-shadow:0 10px 30px rgba(70,45,150,0.08);--pengu-card-shadow-soft:0 8px 24px rgba(70,45,150,0.06);--pengu-card-shadow-hero:0 18px 50px rgba(70,45,150,0.10);--color-bg:#0A0E1A;--color-surface:#1A1F2E;--color-surface-2:#222838;--color-border:#1F2937;--color-border-strong:#2A3445;--color-accent-pink:#FF4081;--color-accent-pink-dim:#C2185B;--color-accent-cyan:#00E5FF;--color-accent-cyan-dim:#0097A7;--color-win:#FFD54F;--color-win-2:#C0C0C0;--color-win-3:#CD7F32;--color-loss:#FF5252;--color-rank-leader:#10B981;--color-rank-leader-bg:rgba(16,185,129,0.12);--color-rank-contender-bg:rgba(255,64,129,0.10);--color-rank-back-bg:rgba(255,64,129,0.04);--color-text:#F5F5F5;--color-text-muted:#9CA3AF;--color-text-dim:#4B5563;--color-text-on-accent:#0A0E1A;--color-syndicate-crimson:#DC2626;--color-syndicate-cyan:#06B6D4;--color-syndicate-gold:#F59E0B;--color-syndicate-violet:#8B5CF6;--font-display:var(--font-geist-sans),"Geist","Inter",system-ui,sans-serif;--font-body:var(--font-geist-sans),"Geist","Inter",system-ui,sans-serif;--font-mono:var(--font-jetbrains-mono),"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;--text-display:clamp(64px,9vw,128px);--text-h1:clamp(40px,5vw,64px);--text-h2:32px;--text-h3:20px;--text-body:16px;--text-small:14px;--text-label:12px;--text-mono-xl:48px;--text-mono-lg:32px;--text-mono-md:24px;--text-mono-sm:14px;--tracking-display:-0.03em;--tracking-tight:-0.02em;--tracking-label:0.08em;--leading-tight:1.05;--leading-snug:1.2;--leading-body:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--border-hairline:1px solid var(--color-border);--border-strong:1px solid var(--color-border-strong);--border-accent-cyan:2px solid var(--color-accent-cyan);--border-accent-pink:2px solid var(--color-accent-pink);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:120ms;--duration-base:240ms;--duration-slow:600ms;--duration-reveal:400ms;--z-base:0;--z-sticky:10;--z-ribbon:20;--z-dropdown:30;--z-modal:40;--z-toast:50}body,html{background-color:var(--canvas);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><path d='M0 12 L0 0 L12 0' stroke='rgba(26,22,18,0.14)' stroke-width='1' fill='none'/><rect x='232' y='232' width='5' height='5' fill='rgba(26,22,18,0.22)'/></svg>"),linear-gradient(90deg,rgba(26,22,18,.035) 1px,transparent 0),linear-gradient(180deg,rgba(26,22,18,.035) 1px,transparent 0),linear-gradient(90deg,rgba(26,22,18,.015) 1px,transparent 0),linear-gradient(180deg,rgba(26,22,18,.015) 1px,transparent 0),linear-gradient(180deg,rgba(228,222,213,.55),rgba(244,241,237,0) 360px,rgba(244,241,237,0) calc(100% - 360px),rgba(228,222,213,.4));background-size:240px 240px,240px 240px,240px 240px,60px 60px,60px 60px,100% 100%;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed;background-position:0 0,0 0,0 0,0 0,0 0,0 0}body:before{position:absolute;top:88px;left:24px;width:6px;height:6px;background:var(--accent)}body:after,body:before{content:"";pointer-events:none;z-index:0}body:after{position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.09  0 0 0 0 0.07  0 0 0 0.85 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px;opacity:.045;mix-blend-mode:multiply}html.dark{--canvas:#0E0C0A;--canvas-2:#181410;--canvas-3:#221C16;--ink:#F4F1ED;--ink-2:#B8AC9C;--ink-3:#7A7064;--hairline:rgba(244,241,237,0.12);--hairline-strong:rgba(244,241,237,0.22);--accent:#FF4D8A;--accent-press:#FF2D72;--accent-ink:#0E0C0A;--ok:#3DDDB0;--warn:#FFCC4D;--err:#FF5C7B;--card-ink-bg:#2A241E;--card-ink-fg:#F4F1ED;--card-darkgrey-bg:#3A332C;--card-darkgrey-fg:#F4F1ED;--card-lightgrey-bg:#2A241E;--card-lightgrey-fg:#F4F1ED;--card-cream-bg:#221C16;--card-cream-fg:#F4F1ED;--pengu-bg:14 12 10;--pengu-bg-2:24 20 16;--pengu-card:24 20 16;--pengu-card-2:34 28 22;--pengu-soft:34 28 22;--pengu-text:244 241 237;--pengu-dim:184 172 156;--pengu-dark:244 241 237;color-scheme:dark}html.dark body{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><path d='M0 12 L0 0 L12 0' stroke='rgba(244,241,237,0.16)' stroke-width='1' fill='none'/><rect x='232' y='232' width='5' height='5' fill='rgba(244,241,237,0.22)'/></svg>"),linear-gradient(90deg,rgba(244,241,237,.04) 1px,transparent 0),linear-gradient(180deg,rgba(244,241,237,.04) 1px,transparent 0),linear-gradient(90deg,rgba(244,241,237,.02) 1px,transparent 0),linear-gradient(180deg,rgba(244,241,237,.02) 1px,transparent 0),linear-gradient(180deg,rgba(34,28,22,.55),rgba(14,12,10,0) 360px,rgba(14,12,10,0) calc(100% - 360px),rgba(34,28,22,.4))}html.dark body:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.92  0 0 0 0 0.87  0 0 0 0.85 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.05;mix-blend-mode:screen}.pill-label{display:inline-block;padding:6px 14px;font-family:var(--font-body);font-size:var(--text-label);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent-cyan);background:var(--color-surface);border:var(--border-hairline);border-radius:var(--radius-pill)}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.live-dot{display:inline-block;width:8px;height:8px;background:var(--color-accent-cyan);border-radius:var(--radius-pill);animation:pulse-live 1.5s var(--ease-in-out) infinite}@keyframes score-tick{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-2px);opacity:.85}to{transform:translateY(0);opacity:1}}.score-tick{animation:score-tick .8s var(--ease-out)}@keyframes settle-sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.settle-sweep{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,var(--color-accent-cyan) 50%,transparent 100%);opacity:.15;animation:settle-sweep var(--duration-reveal) var(--ease-out) forwards}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.drift{animation:drift 4s ease-in-out infinite}.drift-slow{animation:drift 6s ease-in-out infinite}.drift-1,.drift-2{animation:drift 4s ease-in-out infinite}.drift-2{animation-delay:-.8s}.drift-3{animation:drift 4s ease-in-out infinite;animation-delay:-1.6s}.drift-4{animation:drift 4s ease-in-out infinite;animation-delay:-2.4s}@keyframes breath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.breath{animation:breath 3.2s ease-in-out infinite;transform-origin:center}@keyframes blink{0%,92%,to{transform:scaleY(1)}94%,97%{transform:scaleY(.1)}}.blink{animation:blink 4.5s ease-in-out infinite;transform-origin:center}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.sparkle{animation:sparkle 1.2s ease-in-out infinite;transform-origin:center}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:200% 100%;background-repeat:no-repeat;animation:shimmer 2.4s ease-in-out infinite;pointer-events:none;mix-blend-mode:overlay}@keyframes scan{0%{transform:translateY(-110%);opacity:0}20%,80%{opacity:.5}to{transform:translateY(110%);opacity:0}}.scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(124,77,255,.18) 45%,rgba(124,77,255,.45) 50%,rgba(124,77,255,.18) 55%,transparent);animation:scan 5s linear infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:.9}50%{box-shadow:0 0 16px 2px currentColor;opacity:1}}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes tick-up{0%{transform:translateY(8px);opacity:0}60%{transform:translateY(-1px);opacity:1}to{transform:translateY(0);opacity:1}}.tick-up{animation:tick-up .28s var(--ease-out)}@keyframes climb{0%{transform:scaleX(0)}to{transform:scaleX(var(--climb,1))}}.climb{transform-origin:left center;animation:climb 5.5s linear forwards}@keyframes arena-grid{0%{background-position:0 0}to{background-position:80px 80px}}.arena-grid{background-image:linear-gradient(to right,rgb(var(--pengu-grid)/var(--pengu-grid-strength)) 1px,transparent 1px),linear-gradient(to bottom,rgb(var(--pengu-grid)/var(--pengu-grid-strength)) 1px,transparent 1px);background-size:40px 40px;animation:arena-grid 20s linear infinite}@keyframes synBob{0%{transform:translate(var(--mx,0),-6px) rotate(var(--sway-from,-2deg))}to{transform:translate(var(--mx,0),6px) rotate(var(--sway-to,2deg))}}@keyframes synHaloPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes synRingBreathe{0%,to{box-shadow:0 0 8px var(--syn,var(--accent))}50%{box-shadow:0 0 18px var(--syn,var(--accent))}}@keyframes synParticle{0%{transform:translateY(100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-10%);opacity:0}}.syn-mascot{animation:synBob 3.6s cubic-bezier(.4,0,.2,1) infinite alternate;transition:transform .35s cubic-bezier(.4,0,.2,1);transform-origin:center}.syn-halo{animation:synHaloPulse 2.8s ease-in-out infinite}.syn-ring{animation:synRingBreathe 2.2s ease-in-out infinite}.syn-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--syn,var(--accent));opacity:0;animation:synParticle 6s linear infinite}:root{--syn-crimson:#DC2626;--syn-crimson-tint:rgba(220,38,38,0.12);--syn-crimson-halo:rgba(220,38,38,0.25);--syn-cyan:#0891B2;--syn-cyan-tint:rgba(8,145,178,0.12);--syn-cyan-halo:rgba(8,145,178,0.25);--syn-gold:#D97706;--syn-gold-tint:rgba(217,119,6,0.12);--syn-gold-halo:rgba(217,119,6,0.25);--syn-violet:#7C3AED;--syn-violet-tint:rgba(124,58,237,0.12);--syn-violet-halo:rgba(124,58,237,0.25)}@media (prefers-reduced-motion:reduce){.arena-grid,.blink,.breath,.climb,.drift,.drift-2,.drift-3,.drift-4,.drift-slow,.glow-pulse,.live-dot,.scan,.score-tick,.settle-sweep,.shimmer,.sparkle,.syn-halo,.syn-mascot,.syn-particle,.syn-ring,.tick-up{animation:none}.settle-sweep{opacity:.08}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}