:root{--color-primary: #E8760A;--color-primary-dark: #c96a08;--color-primary-gradient: linear-gradient(135deg, #E8760A, #c96a08);--color-primary-glow-strong: rgba(232, 118, 10, .4);--color-primary-glow: rgba(232, 118, 10, .3);--color-primary-glow-soft: rgba(232, 118, 10, .2);--color-primary-glow-subtle: rgba(232, 118, 10, .15);--color-primary-glow-faint: rgba(232, 118, 10, .08);--color-primary-glow-ghost: rgba(232, 118, 10, .05);--color-bg-deep: #0a0a0f;--color-bg-dark: #1a1a2e;--color-bg-card: rgba(255, 255, 255, .05);--color-bg-card-hover: rgba(255, 255, 255, .08);--color-bg-surface: rgba(255, 255, 255, .03);--color-bg-overlay: rgba(0, 0, 0, .6);--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .1);--color-border-lighter: rgba(255, 255, 255, .12);--color-border-subtle: rgba(255, 255, 255, .06);--color-text: #ffffff;--color-text-secondary: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .5);--color-text-faint: rgba(255, 255, 255, .4);--color-text-ghost: rgba(255, 255, 255, .3);--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .4);--shadow-card: 0 30px 80px rgba(0, 0, 0, .6);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 32px;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-tooltip: 50;--z-modal: 9999;--z-toast: 10000;--backdrop-blur: blur(8px);--backdrop-blur-strong: blur(12px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanLine{0%,to{top:15%}50%{top:80%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%) translateY(-2px)}to{opacity:1;transform:translate(-50%) translateY(-8px)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes tourPulse{0%,to{box-shadow:0 0 0 4px #e8760a4d,0 0 20px #e8760a66}50%{box-shadow:0 0 0 8px #e8760a33,0 0 30px #e8760a80}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.8);opacity:0}}@keyframes elinkFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes elinkFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes elinkPulse{0%,to{box-shadow:0 0 #e8760a4d}50%{box-shadow:0 0 0 12px #e8760a00}}@keyframes elinkShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes tetrisCountPulse{0%{transform:scale(1.4);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes crtLineExpand{0%{height:2px;box-shadow:0 0 20px #fffc}50%{height:2px;box-shadow:0 0 30px #fff}to{height:100vh;box-shadow:none}}@keyframes crtFlash{0%{opacity:.8}to{opacity:0}}@keyframes crtFadeOut{0%{opacity:1}to{opacity:0}}@keyframes tetrisMatrixFall{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:.3}}@keyframes tetrisGlitch{0%,to{text-shadow:2px 0 #0ff,-2px 0 #f0f}20%{text-shadow:-3px -1px #0ff,3px 1px #f0f}40%{text-shadow:3px 2px #0ff,-3px -2px #f0f;clip-path:inset(30% 0 20% 0)}60%{text-shadow:-2px -1px #0ff,2px 1px #f0f}80%{text-shadow:3px 0 #0ff,-3px 0 #f0f;clip-path:inset(10% 0 40% 0)}}@keyframes tetrisNeonPulse{0%,to{opacity:1;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0f0}50%{opacity:.8;text-shadow:0 0 5px #0f0,0 0 10px #0f0}}@keyframes tetrisFadeIn{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tetrisSubFadeIn{0%{opacity:0;letter-spacing:20px}to{opacity:1;letter-spacing:3px}}@keyframes tetrisRoisCrash{0%{opacity:0;transform:translateY(-80vh) scaleY(1.3) scaleX(.9)}55%{opacity:1;transform:translateY(8px) scaleY(.7) scaleX(1.15)}70%{transform:translateY(-6px) scaleY(1.05) scaleX(.98)}to{opacity:1;transform:translateY(0) scaleY(1) scaleX(1)}}@keyframes tetrisSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100vw)}}@keyframes tetrisSlideInRight{0%{opacity:0;transform:translate(100vw)}to{opacity:1;transform:translate(0)}}@keyframes tetrisRoisShake{0%,86%,to{transform:translate(0) scale(1);background-position:0% 50%}87%{transform:translate(-6px) rotate(-1.5deg) scale(1.03)}88%{transform:translate(6px) rotate(1.5deg) scale(1.03)}89%{transform:translate(-4px) rotate(-1deg) scale(1.02)}90%{transform:translate(4px) rotate(1deg) scale(1.02)}91%{transform:translate(-2px) rotate(-.5deg) scale(1.01)}92%{transform:translate(0) scale(1)}}@keyframes tetrisBounce{0%{opacity:0;transform:translateY(-60px) scale(.3)}60%{opacity:1;transform:translateY(8px) scale(1.05)}80%{transform:translateY(-3px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes tetrisLoadingBar{0%{width:0%}15%{width:12%}30%{width:28%}50%{width:55%}70%{width:72%}85%{width:88%}to{width:100%}}@keyframes tetrisLoadingGlow{0%,to{box-shadow:0 0 8px #0ff,0 0 16px #0ff}50%{box-shadow:0 0 4px #0ff,0 0 8px #0ff}}@keyframes tetrisLoadTextBlink{0%,to{opacity:1}50%{opacity:.4}}@keyframes tetrisScanline{0%{top:-2px}to{top:100%}}@keyframes tetrisNeonTitle{0%,to{text-shadow:0 0 10px #0ff,0 0 30px #0ff,0 0 60px #0ff}50%{text-shadow:0 0 5px #0ff,0 0 15px #0ff,0 0 30px #0ff}}@keyframes tetrisRankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes tetrisRankReveal{0%{transform:scale(1.5);opacity:0}50%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes tetrisAppreciationPop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f}