:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Outfit", var(--font-sans);--bg-main: #070913;--bg-card: rgba(15, 23, 42, .6);--bg-card-hover: rgba(30, 41, 59, .7);--bg-input: rgba(15, 23, 42, .8);--border-color: rgba(255, 255, 255, .06);--border-color-hover: rgba(255, 255, 255, .15);--text-main: #f8fafc;--text-muted: #94a3b8;--text-glow: rgba(255, 255, 255, .8);--color-primary: #6366f1;--grad-primary: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--grad-primary-hover: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);--shadow-glow: 0 0 25px rgba(99, 102, 241, .25);--shadow-glow-hover: 0 0 40px rgba(99, 102, 241, .4);--border-radius-card: 16px;--border-radius-btn: 10px;--border-radius-pill: 99px;--glass-blur: blur(16px);--glass-border: 1px solid rgba(255, 255, 255, .08)}body.color-emerald{--color-primary: #10b981;--grad-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-primary-hover: linear-gradient(135deg, #34d399 0%, #10b981 100%);--shadow-glow: 0 0 25px rgba(16, 185, 129, .25);--shadow-glow-hover: 0 0 40px rgba(16, 185, 129, .4)}body.color-blue{--color-primary: #3b82f6;--grad-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--grad-primary-hover: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--shadow-glow: 0 0 25px rgba(59, 130, 246, .25);--shadow-glow-hover: 0 0 40px rgba(59, 130, 246, .4)}body.color-indigo{--color-primary: #6366f1;--grad-primary: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--grad-primary-hover: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);--shadow-glow: 0 0 25px rgba(99, 102, 241, .25);--shadow-glow-hover: 0 0 40px rgba(99, 102, 241, .4)}body.color-purple{--color-primary: #a855f7;--grad-primary: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--grad-primary-hover: linear-gradient(135deg, #c084fc 0%, #a855f7 100%);--shadow-glow: 0 0 25px rgba(168, 85, 247, .25);--shadow-glow-hover: 0 0 40px rgba(168, 85, 247, .4)}body.color-pink{--color-primary: #ec4899;--grad-primary: linear-gradient(135deg, #ec4899 0%, #be185d 100%);--grad-primary-hover: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);--shadow-glow: 0 0 25px rgba(236, 72, 153, .25);--shadow-glow-hover: 0 0 40px rgba(236, 72, 153, .4)}body.color-orange{--color-primary: #f97316;--grad-primary: linear-gradient(135deg, #f97316 0%, #c2410c 100%);--grad-primary-hover: linear-gradient(135deg, #fb923c 0%, #f97316 100%);--shadow-glow: 0 0 25px rgba(249, 115, 22, .25);--shadow-glow-hover: 0 0 40px rgba(249, 115, 22, .4)}body.color-red{--color-primary: #ef4444;--grad-primary: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--grad-primary-hover: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--shadow-glow: 0 0 25px rgba(239, 68, 68, .25);--shadow-glow-hover: 0 0 40px rgba(239, 68, 68, .4)}body.light-theme{--bg-main: #f8fafc;--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .9);--bg-input: rgba(241, 245, 249, .9);--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(0, 0, 0, .15);--text-main: #0f172a;--text-muted: #64748b;--text-glow: rgba(15, 23, 42, .8);--glass-border: 1px solid rgba(0, 0, 0, .06)}body.theme-aura{--border-radius-card: 16px;--border-radius-btn: 10px;--border-radius-pill: 99px;font-family:var(--font-sans)}body.theme-aura .game-card{box-shadow:0 4px 15px #0000000d}body.theme-lara{--border-radius-card: 4px;--border-radius-btn: 4px;--border-radius-pill: 4px;font-family:var(--font-sans);--glass-blur: blur(4px)}body.theme-lara .game-card{box-shadow:none;border:1px solid var(--border-color)}body.theme-lara .game-card:hover{border-color:var(--color-primary)}body.theme-lara .nav-btn,body.theme-lara .search-input,body.theme-lara .launch-btn{border-radius:4px!important}body.theme-nora{--border-radius-card: 28px;--border-radius-btn: 99px;--border-radius-pill: 99px;font-family:var(--font-display)}body.theme-nora .game-card{border-width:2px;box-shadow:0 10px 20px #00000014}body.theme-nora .nav-btn,body.theme-nora .search-input,body.theme-nora .launch-btn{border-radius:99px!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease,font-family .2s ease}.bg-mesh-container{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-mesh-1{position:absolute;top:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#6366f114,#0000 70%);filter:blur(80px);animation:float-slow 20s infinite alternate}.bg-mesh-2{position:absolute;bottom:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#ec48990f,#0000 70%);filter:blur(80px);animation:float-slow-reverse 25s infinite alternate}body.color-emerald .bg-mesh-1{background:radial-gradient(circle,#10b98114,#0000 70%)}body.color-blue .bg-mesh-1{background:radial-gradient(circle,#3b82f614,#0000 70%)}body.color-purple .bg-mesh-1{background:radial-gradient(circle,#a855f714,#0000 70%)}body.color-pink .bg-mesh-1{background:radial-gradient(circle,#ec489914,#0000 70%)}body.color-orange .bg-mesh-1{background:radial-gradient(circle,#f9731614,#0000 70%)}body.color-red .bg-mesh-1{background:radial-gradient(circle,#ef444414,#0000 70%)}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(-5%,8%) scale(1.1)}}@keyframes float-slow-reverse{0%{transform:translate(0) scale(1.1)}to{transform:translate(8%,-5%) scale(.9)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px;border:2px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.gradient-text{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}