@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";:root{--font-family:"Outfit", sans-serif;--bg-color:#f0f4f8;--text-color:#1e293b;--glass-bg:#ffffff73;--glass-border:#ffffff80;--glass-shadow:#00000014;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--accent-color:#6366f1;--sidebar-width:260px}[data-theme=dark]{--bg-color:#020617;--text-color:#f8fafc;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--glass-shadow:#00000080;--accent-color:#a855f7}[data-theme=cinematic]{--bg-color:#020617;--text-color:#fff;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:#000c;--accent-color:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow);border-radius:20px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s}.glass-card:hover{box-shadow:0 12px 40px 0 var(--glass-shadow);transform:translateY(-4px)}.glass-premium{-webkit-backdrop-filter:blur(24px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:32px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px #00000080}.glass-premium:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-4px)scale(1.01);box-shadow:0 30px 60px -15px #000000b3}.cinematic-glow{filter:blur(120px);opacity:.15;z-index:-1;pointer-events:none;border-radius:50%;width:60vw;height:60vw;position:fixed}.glow-purple{background:#8b5cf6}.glow-blue{background:#3b82f6}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #6366f133}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #6366f166}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-glass:hover{background:var(--glass-border);box-shadow:0 4px 15px var(--glass-shadow);transform:translateY(-2px)}.app-container{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);flex-direction:column;flex-shrink:0;height:calc(100vh - 32px);margin:16px;padding:28px;display:flex;position:sticky;top:16px}.main-content{flex:1;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:32px 40px}.mobile-header{display:none}@media (width<=900px){.sidebar{display:none!important}.mobile-header{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex;position:sticky;top:0}.mobile-menu-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#02061766;animation:.3s fadeIn;position:fixed;inset:0}.mobile-menu{background:var(--bg-color);z-index:1200;flex-direction:column;width:80%;max-width:320px;height:100dvh;padding:32px 24px;animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 40px #0000004d}.main-content{width:100%;height:auto;padding:20px 16px;overflow-y:visible}.game-page-layout{flex-direction:column;gap:20px;padding-bottom:40px;display:flex}.mobile-stack{display:flex;flex-direction:column!important}.rules-grid{flex-direction:column;gap:12px;display:flex}}.rules-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.game-page-layout{flex:1;grid-template-columns:1fr .85fr;gap:24px;display:grid}.mobile-stack{grid-template-columns:1fr 1fr;gap:16px;display:grid}.landing-page-active .main-content{max-width:none;padding:0}@media (width<=480px){.main-content{padding:12px 10px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes mesh{0%{transform:translate(0)}50%{transform:translate(5%,5%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countdownScale{0%{opacity:0;transform:scale(.5)}20%{opacity:1}80%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stagger-in>*{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleIn}.stagger-in>:first-child{animation-delay:.1s}.stagger-in>:nth-child(2){animation-delay:.2s}.stagger-in>:nth-child(3){animation-delay:.3s}.stagger-in>:nth-child(4){animation-delay:.4s}.stagger-in>:nth-child(5){animation-delay:.5s}button,input,code,select{font-family:var(--font-family)}button:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.toast{z-index:1000;max-width:90vw;animation:.3s slideInTop;position:fixed;top:20px;left:50%;transform:translate(-50%)}.hero-image{border-radius:12px;width:100%;transition:transform .5s cubic-bezier(.4,0,.2,1),filter .3s;display:block}.hero-image-container:hover .hero-image{filter:brightness(1.1);transform:scale(1.05)rotate(1deg)}.landing-page{height:100%;overflow:hidden}.sidebar-link{border-left:3px solid #0000;position:relative;transition:all .3s!important}.sidebar-link:hover{border-left-color:var(--accent-color);transform:translate(5px);color:var(--accent-color)!important;background:#6366f11a!important}.sidebar-link.active{border-left-color:var(--accent-color);background:#6366f10d!important}.difficulty-btn{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.difficulty-btn:hover{filter:brightness(1.1);transform:scale(1.08);box-shadow:0 4px 12px #6366f126}.difficulty-btn:active{transform:scale(.95)}.game-grid-scroll::-webkit-scrollbar{width:6px}.game-grid-scroll::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.game-grid-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:10px}.game-grid-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}