@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--bg:#08080f;--surface:#110f1e;--surface2:#1a1730;--surface3:#241f42;--border:#ffffff0f;--border-h:#ffffff1f;--text:#fff;--muted:#8b8aa8;--accent:#7c3aed;--accent2:#ec4899;--gradient:linear-gradient(135deg,#7c3aed,#ec4899);--gradient-soft:linear-gradient(135deg,#7c3aed4d,#ec48994d);--green:#10b981;--yellow:#f59e0b;--sidebar-w:240px;--player-h:80px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--transition:0.2s ease;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 48px #0009;--glow:0 0 24px #7c3aed66}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08080f;background:var(--bg);color:#fff;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}#root,body{min-height:100vh}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#7c3aed66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c3aedb3}*{scrollbar-color:#7c3aed66 #0000;scrollbar-width:thin}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,textarea{font-family:inherit;outline:none}img{display:block;max-width:100%}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient);-webkit-background-clip:text;background-clip:text}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glow{0%,to{box-shadow:0 0 12px #7c3aed4d}50%{box-shadow:0 0 28px #7c3aedb3}}@keyframes winBounce{0%{transform:scale(1)}30%{background:#10b98166;transform:scale(1.2)}60%{transform:scale(.95)}to{background:#10b98140;transform:scale(1.08)}}@keyframes heroGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.skeleton{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#1a1730 25%,#241f42 37%,#1a1730 63%);background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 37%,var(--surface2) 63%);background-size:400px 100%;border-radius:8px;border-radius:var(--radius-sm)}:focus-visible{outline:2px solid #7c3aed;outline:2px solid var(--accent);outline-offset:2px}.scroll-rail{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.scroll-rail::-webkit-scrollbar{display:none}.toast-container{bottom:100px;bottom:calc(var(--player-h) + 20px);display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:20px;z-index:9999}.toast{align-items:center;animation:slideUp .3s ease;background:#1a1730;background:var(--surface2);border:1px solid #ffffff1f;border:1px solid var(--border-h);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 48px #0009;box-shadow:var(--shadow-lg);display:flex;font-size:.875rem;font-weight:500;gap:10px;max-width:360px;min-width:280px;padding:12px 16px;pointer-events:all}.toast.success{border-left:3px solid #10b981;border-left:3px solid var(--green)}.toast.error{border-left:3px solid #ef4444}.toast.info{border-left:3px solid #7c3aed;border-left:3px solid var(--accent)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;position:fixed;z-index:40}@media (max-width:768px){.mobile-overlay.active{display:block}.page-content,div[style*="padding: '48px 32px'"],div[style*='padding: "48px 32px"']{padding:20px 16px!important}.page-content{max-width:100%!important}h1{font-size:clamp(1.4rem,5vw,2rem)!important}h2{font-size:clamp(1.1rem,4vw,1.5rem)!important}.card-grid{grid-template-columns:1fr!important}.player-bar{height:64px!important}.floating-pill{bottom:12px!important;height:44px!important;width:44px!important}.floating-panel{bottom:80px!important;left:8px!important;max-width:calc(100vw - 16px)!important;right:8px!important;width:auto!important}.game-scroll{overflow-x:hidden!important}body{-webkit-font-smoothing:antialiased}}@media (max-width:420px){h1{font-size:1.3rem!important}.flex-mobile-col{flex-direction:column!important;gap:8px!important}.btn-mobile-full{width:100%!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.player-bar-safe,body{padding-bottom:env(safe-area-inset-bottom)}}
/*# sourceMappingURL=main.191fdb7d.css.map*/