:root{--bg-primary: #0b0c15;--bg-secondary: #121424;--bg-tertiary: #191c32;--bg-card: #151829;--bg-card-hover: #1e223a;--bg-elevated: #242946;--bg-glass: rgba(18, 20, 36, .85);--text-primary: #f1f3fa;--text-secondary: #9aa1be;--text-muted: #656c8a;--text-inverse: #0b0c15;--accent-primary: #6366f1;--accent-hover: #7c7ff8;--accent-subtle: rgba(99, 102, 241, .15);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--accent-glow: 0 0 24px rgba(99, 102, 241, .35);--coin-gold: #f59e0b;--coin-gold-hover: #fbbf24;--coin-gold-muted: rgba(245, 158, 11, .15);--coin-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--coin-glow: 0 0 20px rgba(245, 158, 11, .3);--streak-orange: #ff5722;--streak-gradient: linear-gradient(135deg, #ff9800 0%, #ff5722 100%);--success: #10b981;--success-muted: rgba(16, 185, 129, .15);--warning: #f59e0b;--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .15);--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .12);--border-focus: rgba(99, 102, 241, .5);--border: var(--border-default);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Rajdhani", "Inter", -apple-system, sans-serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-card: 0 4px 16px rgba(0, 0, 0, .25)}[data-theme=light]{--bg-primary: #f4f5f9;--bg-secondary: #ffffff;--bg-tertiary: #eaecf5;--bg-card: #ffffff;--bg-card-hover: #f8f9fd;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--text-primary: #121422;--text-secondary: #58607e;--text-muted: #8c93af;--text-inverse: #f1f3fa;--accent-primary: #5458e8;--accent-hover: #4347cf;--accent-subtle: rgba(84, 88, 232, .12);--accent-glow: 0 0 20px rgba(84, 88, 232, .2);--coin-gold: #d97706;--coin-gold-hover: #b45309;--coin-gold-muted: rgba(217, 119, 6, .12);--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-focus: rgba(84, 88, 232, .4);--border: var(--border-default);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 10px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}img,svg{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes coin-shine{0%{filter:brightness(1)}50%{filter:brightness(1.25) drop-shadow(0 0 6px rgba(251,191,36,.6))}to{filter:brightness(1)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.anim-coin{animation:coin-shine 3s ease-in-out infinite}.anim-float{animation:float-gentle 4s ease-in-out infinite}.theme-toggle.svelte-bxe964{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.theme-toggle.svelte-bxe964:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--accent-primary)}.theme-icon.svelte-bxe964{display:flex;align-items:center;justify-content:center;line-height:1}.app-header.svelte-hv3zzy{position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner.svelte-hv3zzy{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px;max-width:1920px;margin:0 auto;gap:16px}.header-left.svelte-hv3zzy{display:flex;align-items:center;gap:12px;flex-shrink:0}.mobile-toggle.svelte-hv3zzy{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);transition:all .2s ease}.mobile-toggle.svelte-hv3zzy:hover{background:var(--bg-elevated);border-color:var(--border-default)}.brand-logo.svelte-hv3zzy{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon-box.svelte-hv3zzy{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:var(--radius-md);color:#fff;box-shadow:0 2px 10px #6366f166;transition:transform .2s ease}.brand-logo.svelte-hv3zzy:hover .brand-icon-box:where(.svelte-hv3zzy){transform:scale(1.08) rotate(-4deg)}.brand-text-group.svelte-hv3zzy{display:flex;align-items:center;gap:6px}.brand-title.svelte-hv3zzy{font-size:19px;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.brand-accent.svelte-hv3zzy{color:var(--accent-primary)}.brand-badge.svelte-hv3zzy{font-size:9px;font-weight:700;padding:2px 5px;background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3);border-radius:4px;letter-spacing:.05em}.header-center.svelte-hv3zzy{flex:1;max-width:520px;min-width:180px}.search-box.svelte-hv3zzy{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 16px;height:40px;transition:all .2s ease}.search-box.svelte-hv3zzy:hover{border-color:var(--border-default)}.search-box.focused.svelte-hv3zzy{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133;background:var(--bg-card)}.search-icon{color:var(--text-muted)}.search-input.svelte-hv3zzy{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:13.5px;outline:none;min-width:0}.search-input.svelte-hv3zzy::placeholder{color:var(--text-muted)}.search-submit-btn.svelte-hv3zzy{font-size:11px;font-weight:600;padding:2px 8px;background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);white-space:nowrap}.header-right.svelte-hv3zzy{display:flex;align-items:center;gap:10px;flex-shrink:0}.quick-spin-btn.svelte-hv3zzy{display:flex;align-items:center;gap:6px;padding:6px 14px;height:38px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:var(--radius-full);box-shadow:0 2px 8px #ec48994d;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.quick-spin-btn.svelte-hv3zzy:hover{transform:translateY(-2px);box-shadow:0 4px 14px #ec489973}.hud-pill.svelte-hv3zzy{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:var(--radius-full);font-size:13px;font-weight:700;text-decoration:none;transition:all .2s ease}.coins-pill.svelte-hv3zzy{background:var(--coin-gold-muted);color:var(--coin-gold);border:1px solid rgba(245,158,11,.3)}.coins-pill.svelte-hv3zzy:hover{background:#f59e0b40;box-shadow:var(--coin-glow);transform:translateY(-1px)}.coin-icon-wrapper.svelte-hv3zzy{display:flex;animation:coin-shine 3s infinite ease-in-out}.streak-pill.svelte-hv3zzy{background:#ff572226;color:#ff7043;border:1px solid rgba(255,87,34,.3)}.streak-pill.svelte-hv3zzy:hover{background:#ff572240}.guest-earn-pill.svelte-hv3zzy{background:var(--bg-tertiary);color:var(--coin-gold);border:1px solid var(--border-subtle)}.guest-earn-pill.svelte-hv3zzy:hover{border-color:var(--coin-gold);background:var(--coin-gold-muted)}.theme-wrapper.svelte-hv3zzy{display:flex;align-items:center}.user-menu-container.svelte-hv3zzy{position:relative}.user-avatar-btn.svelte-hv3zzy{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;height:38px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);transition:all .2s ease}.user-avatar-btn.svelte-hv3zzy:hover{border-color:var(--accent-primary);background:var(--bg-elevated)}.avatar-ring.svelte-hv3zzy{width:30px;height:30px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.username-display.svelte-hv3zzy{font-size:13px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:var(--text-muted);transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu.svelte-hv3zzy{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:6px;box-shadow:var(--shadow-lg);z-index:150;animation:svelte-hv3zzy-dropdown-fade .15s ease-out}@keyframes svelte-hv3zzy-dropdown-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header.svelte-hv3zzy{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.dropdown-user-name.svelte-hv3zzy{font-size:14px;font-weight:700;color:var(--text-primary)}.dropdown-user-email.svelte-hv3zzy{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider.svelte-hv3zzy{height:1px;background:var(--border-subtle);margin:4px 0}.dropdown-link.svelte-hv3zzy{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);text-align:left;transition:all .15s ease}.dropdown-link.svelte-hv3zzy:hover{background:var(--bg-elevated);color:var(--text-primary)}.logout-btn.svelte-hv3zzy{color:var(--danger)}.logout-btn.svelte-hv3zzy:hover{background:var(--danger-muted);color:var(--danger)}.auth-buttons.svelte-hv3zzy{display:flex;align-items:center;gap:8px}.btn-login.svelte-hv3zzy{display:flex;align-items:center;gap:6px;padding:0 14px;height:38px;font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s ease;white-space:nowrap}.btn-login.svelte-hv3zzy:hover{border-color:var(--border-default);background:var(--bg-elevated)}.btn-signup.svelte-hv3zzy{display:flex;align-items:center;gap:6px;padding:0 16px;height:38px;font-size:13px;font-weight:700;color:#fff;background:var(--accent-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #6366f159;transition:all .2s ease;white-space:nowrap}.btn-signup.svelte-hv3zzy:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f180}@media(max-width:1024px){.spin-label.svelte-hv3zzy{display:none}.quick-spin-btn.svelte-hv3zzy{padding:0 10px}.header-center.svelte-hv3zzy{max-width:320px}}@media(max-width:768px){.mobile-toggle.svelte-hv3zzy{display:flex}.header-center.svelte-hv3zzy,.quick-spin-btn.svelte-hv3zzy,.username-display.svelte-hv3zzy{display:none}.btn-login.svelte-hv3zzy span:where(.svelte-hv3zzy){display:none}.btn-login.svelte-hv3zzy{padding:0 10px}.btn-signup.svelte-hv3zzy{padding:0 12px;font-size:12px}}.mobile-backdrop.svelte-6dohdz{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:101}.app-sidebar.svelte-6dohdz{position:fixed;top:64px;left:0;bottom:0;width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:90;display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.drawer-header.svelte-6dohdz{display:none}.sidebar-content.svelte-6dohdz{flex:1;overflow-y:auto;padding:14px 10px 24px;display:flex;flex-direction:column;gap:16px}.random-play-wrapper.svelte-6dohdz{padding:0 4px}.random-play-card.svelte-6dohdz{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease}.random-play-card.svelte-6dohdz:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.random-icon.svelte-6dohdz{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.random-text.svelte-6dohdz{display:flex;flex-direction:column;flex:1;min-width:0}.random-title.svelte-6dohdz{font-size:13px;font-weight:700;color:var(--text-primary)}.random-desc.svelte-6dohdz{font-size:10.5px;color:var(--text-muted)}.random-bolt{color:var(--coin-gold)}.nav-group.svelte-6dohdz{display:flex;flex-direction:column;gap:3px}.group-title.svelte-6dohdz{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--text-muted);padding:4px 10px;text-transform:uppercase}.nav-btn.svelte-6dohdz{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:all .15s ease}.nav-btn.svelte-6dohdz:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:translate(2px)}.nav-btn.active.svelte-6dohdz{color:var(--accent-primary);background:var(--accent-subtle);font-weight:600}.btn-icon.svelte-6dohdz{width:20px;display:flex;align-items:center;justify-content:center;color:inherit}.btn-label.svelte-6dohdz{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-badge.svelte-6dohdz{font-size:9px;font-weight:800;padding:2px 5px;border-radius:4px;letter-spacing:.05em}.btn-badge.hot.svelte-6dohdz{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-badge.new.svelte-6dohdz{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.count-pill.svelte-6dohdz{font-size:11px;color:var(--text-muted);padding:1px 6px;border-radius:var(--radius-full);background:var(--bg-tertiary)}.highlight-item.svelte-6dohdz{color:var(--text-primary)}.highlight-item.svelte-6dohdz:hover{background:linear-gradient(135deg,#ec48991f,#8b5cf61f)}@media(max-width:768px){.app-sidebar.svelte-6dohdz{top:0;left:0;width:280px;max-width:85vw;transform:translate(-100%);z-index:102;box-shadow:4px 0 24px #00000080}.app-sidebar.mobile-open.svelte-6dohdz{transform:translate(0)}.drawer-header.svelte-6dohdz{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-subtle)}.drawer-logo.svelte-6dohdz{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);font-size:16px;font-weight:800}.logo-box.svelte-6dohdz{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center}.text-accent.svelte-6dohdz{color:var(--accent-primary)}.drawer-close-btn.svelte-6dohdz{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.drawer-close-btn.svelte-6dohdz:hover{color:var(--text-primary);background:var(--bg-elevated)}}.app-footer.svelte-7lfk2o{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);margin-top:auto}.footer-inner.svelte-7lfk2o{max-width:1400px;margin:0 auto;padding:48px 24px 32px}.footer-grid.svelte-7lfk2o{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.brand-link.svelte-7lfk2o{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footer-logo-box.svelte-7lfk2o{width:34px;height:34px;border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center}.footer-logo-text.svelte-7lfk2o{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.footer-accent.svelte-7lfk2o{color:var(--accent-primary)}.tagline.svelte-7lfk2o{font-size:13.5px;color:var(--text-secondary);line-height:1.6;max-width:440px;margin-bottom:14px}.secure-badge.svelte-7lfk2o{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--success);padding:4px 10px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full)}.footer-heading.svelte-7lfk2o{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px}.footer-links.svelte-7lfk2o{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links.svelte-7lfk2o a:where(.svelte-7lfk2o){font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:color .15s ease,transform .15s ease;display:inline-block}.footer-links.svelte-7lfk2o a:where(.svelte-7lfk2o):hover{color:var(--accent-primary);transform:translate(2px)}.footer-bottom.svelte-7lfk2o{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.copyright.svelte-7lfk2o{font-size:12px;color:var(--text-muted)}@media(max-width:768px){.footer-grid.svelte-7lfk2o{grid-template-columns:1fr;gap:32px}.footer-inner.svelte-7lfk2o{padding:32px 16px 24px}}.mobile-bottom-nav.svelte-km60v1{display:none}@media(max-width:768px){.mobile-bottom-nav.svelte-km60v1{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:4px 8px env(safe-area-inset-bottom,8px);z-index:95;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-item.svelte-km60v1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;color:var(--text-muted);font-size:10px;font-weight:600;text-decoration:none;transition:all .2s ease}.nav-item.svelte-km60v1:hover,.nav-item.active.svelte-km60v1{color:var(--accent-primary)}.spin-item.svelte-km60v1{position:relative;top:-8px}.spin-icon-box.svelte-km60v1{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ec489966;transition:transform .2s ease}.spin-item.svelte-km60v1:active .spin-icon-box:where(.svelte-km60v1){transform:scale(.92)}.spin-item.svelte-km60v1 span:where(.svelte-km60v1){margin-top:2px;font-weight:700;color:#ec4899}}.app-layout.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);position:relative}.nav-loading-bar.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#ec4899,#fbbf24);transform:scaleX(0);transform-origin:left;transition:transform .2s ease,opacity .2s ease;z-index:1000;opacity:0}.nav-loading-bar.active.svelte-12qhfyh{opacity:1;animation:svelte-12qhfyh-loading-progress 1.5s ease-in-out infinite}@keyframes svelte-12qhfyh-loading-progress{0%{transform:scaleX(.05)}50%{transform:scaleX(.7)}to{transform:scaleX(.95)}}.content-wrapper.svelte-12qhfyh{display:flex;flex-direction:column;flex:1;margin-left:220px;padding-top:64px;min-height:100vh;min-width:0;transition:margin-left .2s ease}.main-viewport.svelte-12qhfyh{flex:1;min-height:calc(100vh - 204px)}@media(max-width:768px){.content-wrapper.svelte-12qhfyh{margin-left:0;padding-bottom:64px}}