.landing-page{--landing-green:#499f36;--landing-blue:#3772e6;--landing-yellow:#d49032;--landing-pink:#e387cb;--landing-soft:#6c6f85;--landing-dot:#4c4f6938;--landing-overlay:#ffffffbf;--landing-highlight-shadow:#fff;background:var(--background);line-height:normal;overflow:hidden}.dark .landing-page{--landing-green:#a6e3a1;--landing-blue:#89b4fa;--landing-yellow:#f9e2af;--landing-pink:#f5c2e7;--landing-soft:#a6adc8;--landing-dot:#6c70864d;--landing-overlay:#11111b66;--landing-highlight-shadow:#11111b}.landing-dots{background-image:radial-gradient(circle,var(--landing-dot) 1.5px,transparent 1.5px);background-size:22px 22px}.landing-hero{flex-direction:column;padding:24px 64px 130px;display:flex;position:relative}.hero-circle{background:var(--accent);border-radius:50%;width:560px;height:560px;position:absolute;top:-160px;right:-160px}.landing-header{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.landing-brand{align-items:center;gap:14px;display:flex}.landing-brand>span{font-family:var(--font-baloo-2), sans-serif;font-size:24px;font-weight:800}.landing-brand>div{gap:4px;height:26px}.landing-brand>div>span{width:6px!important}.hero-copy{z-index:1;flex-direction:column;gap:24px;max-width:620px;margin-top:56px;display:flex;position:relative}.hero-copy h1{font-family:var(--font-bungee), sans-serif;color:var(--marketing-accent);text-shadow:5px 5px 0 var(--text-shadow-on-page);font-size:68px;line-height:1.05}.hero-copy p{color:var(--muted-foreground);max-width:460px;font-size:18px;line-height:1.6}.dark .hero-copy p{color:#bac2de}.hero-actions{align-items:center;gap:20px;margin-top:8px;display:flex}.landing-page .landing-action{letter-spacing:normal;height:auto;box-shadow:6px 6px 0 var(--shadow-color);padding:16px 32px;font-size:15px;line-height:normal}.hero-actions>span{font-family:var(--font-bungee), sans-serif;color:var(--muted-foreground);font-size:13px}.hero-actions a:not(.landing-action){color:var(--marketing-accent);text-underline-offset:3px;text-decoration:underline}.hero-timeline{z-index:1;align-items:center;gap:8px;margin-top:-190px;margin-left:auto;display:flex;position:relative}.timeline-card{border:5px solid var(--border-strong);width:216px;height:216px;box-shadow:8px 8px 0 var(--shadow-color);text-align:center;color:var(--background);border-radius:26px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}.dark .timeline-card{border-color:#1e1e2e}.timeline-card .artist{font-size:14px;font-weight:700}.timeline-card .year{font-family:var(--font-bungee), sans-serif;font-size:50px;line-height:1}.timeline-card .title{opacity:.8;font-size:13px;font-weight:500}.timeline-first{background:var(--landing-green);transform:rotate(-8deg)}.timeline-unknown{color:#9ca0b0;background:#ccd0da;margin-top:48px;transform:rotate(4deg)}.dark .timeline-unknown{color:#45475a;background:#313244;border-color:#45475a}.timeline-last{background:var(--landing-yellow);margin-top:-24px;transform:rotate(-4deg)}.landing-round{flex-direction:column;gap:44px;padding:80px 64px;display:flex;position:relative}.section-title{z-index:1;font-family:var(--font-bungee), sans-serif;color:var(--marketing-accent);text-shadow:4px 4px 0 var(--text-shadow-on-page);text-align:center;font-size:32px;line-height:1.1;position:relative}.round-circle{background:var(--muted);opacity:.25;border-radius:50%;width:460px;height:460px;position:absolute;top:-140px;left:-160px}.round-square{border:4px solid var(--muted);background:var(--background);opacity:.25;width:380px;height:380px;position:absolute;bottom:-180px;right:-140px;transform:rotate(24deg)}.round-steps{z-index:1;width:900px;max-width:100%;height:260px;margin:0 auto;position:relative}.round-path{fill:none;width:100%;height:100%;stroke:var(--icon-muted);stroke-width:5px;stroke-linecap:round;position:absolute;inset:0}.mobile-path{display:none}.step-icon{left:var(--step-left);top:var(--step-top);border:5px solid var(--border-strong);background:var(--step-color);width:84px;height:84px;box-shadow:4px 4px 0 var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.step-icon svg{fill:none;width:34px;height:34px;stroke:var(--background);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.dark .step-icon svg{stroke:#11111b}.step-play svg{fill:var(--background);stroke:none}.dark .step-play svg{fill:#11111b;stroke:none}.step-label{left:var(--step-left);top:var(--label-top);text-align:center;width:190px;position:absolute;transform:translate(-50%)}.step-label h3{font-family:var(--font-bungee), sans-serif;color:var(--marketing-accent);text-shadow:2px 2px 0 var(--text-shadow-on-page);font-size:19px}.step-label p{text-shadow:1px 1px 0 var(--text-shadow-on-page);margin-top:6px;font-size:14px}.step-play{--step-left:12.7778%;--step-top:55px;--label-top:122px;--step-color:var(--accent)}.step-place{--step-left:37.5556%;--step-top:105px;--label-top:172px;--step-color:var(--primary)}.step-bet{--step-left:62.4444%;--step-top:55px;--label-top:122px;--step-color:var(--landing-green)}.step-reveal{--step-left:87.2222%;--step-top:105px;--label-top:172px;--step-color:var(--landing-yellow)}.landing-highlight{align-items:center;padding:40px 64px;display:flex;position:relative}.highlight-circle,.highlight-square{pointer-events:none;position:absolute}.highlight-circle{border-radius:50%}.highlight-square{opacity:.2}.dark .highlight-square{opacity:.25}.highlight-copy{z-index:1;background:var(--landing-overlay);border:2px solid #4c4f692e;border-radius:24px;padding:32px 36px;position:relative}.dark .highlight-copy{border:none}.highlight-copy h2{font-family:var(--font-bungee), sans-serif;color:var(--marketing-accent);text-shadow:5px 5px 0 var(--landing-highlight-shadow);font-size:44px;line-height:1.08}.highlight-copy p{text-shadow:1px 1px 0 var(--landing-highlight-shadow);margin-top:16px;font-size:16px;line-height:1.6}.highlight-music{justify-content:flex-end}.highlight-music .highlight-copy{text-align:right;max-width:460px;transform:translateY(87px)}.highlight-music .highlight-circle{background:var(--landing-blue);width:480px;height:480px;top:0;right:-100px}.highlight-music .highlight-square{background:var(--muted);width:300px;height:300px;bottom:-10px;left:60px;transform:rotate(-15deg)}.highlight-betting .highlight-copy{max-width:480px;transform:translateY(-96px)}.highlight-betting .highlight-circle{background:var(--landing-pink);width:460px;height:460px;top:-160px;left:-140px}.highlight-betting .highlight-square{background:var(--primary);width:320px;height:320px;bottom:-120px;right:-140px;transform:rotate(20deg)}.dark .highlight-betting h2{color:var(--landing-yellow)}.highlight-together{justify-content:center}.highlight-together .highlight-copy{text-align:center;max-width:500px;transform:translateY(-102px)}.highlight-together h2{font-size:40px}.highlight-together .highlight-circle{background:var(--landing-green);width:400px;height:400px;top:-140px;left:calc(50% - 200px)}.highlight-together .highlight-square{background:var(--landing-blue);width:340px;height:340px;bottom:-170px;left:-100px;transform:rotate(-12deg)}.landing-ready{justify-content:center;padding:80px 64px 110px;display:flex;position:relative}.ready-circle{background:var(--accent);opacity:.25;border-radius:50%;width:380px;height:380px;position:absolute;top:-160px;left:160px}.ready-square{background:var(--primary);opacity:.25;width:420px;height:420px;position:absolute;bottom:-180px;right:200px;transform:rotate(20deg)}.ready-card{z-index:1;background:var(--card);border:5px solid var(--border);text-align:center;box-shadow:8px 8px 0 var(--shadow-color);border-radius:26px;flex-direction:column;align-items:center;gap:14px;padding:48px 64px;display:flex;position:relative;transform:rotate(-1deg)}.ready-card h2{font-size:30px}.ready-card p{color:var(--landing-soft);font-size:15px}.ready-card .landing-action{margin-top:4px}.landing-footer{border-top:2px solid var(--sidebar-border);background:var(--background);gap:80px;padding:56px 64px 40px;display:flex;position:relative}.footer-brand{flex-direction:column;gap:16px;max-width:280px;display:flex}.footer-brand>div{align-items:center;gap:10px;display:flex}.footer-brand>div>span{font-family:var(--font-baloo-2), sans-serif;color:var(--landing-soft);font-size:17px;font-weight:800}.footer-brand p{color:var(--icon-muted);font-size:13px;line-height:1.5}.footer-columns{gap:80px;display:flex}.footer-columns h3{letter-spacing:1px;text-transform:uppercase;color:var(--icon-muted);margin-bottom:12px;font-size:12px;font-weight:600}.footer-columns>div>a,.footer-columns>div>span{color:var(--landing-soft);margin-bottom:10px;font-size:14px;display:block}.footer-columns a:hover{color:var(--marketing-accent)}.landing-page .mobile-only{display:none}@media (max-width:1100px) and (min-width:768px){.hero-timeline{margin-top:32px}.landing-footer,.footer-columns{gap:32px}}@media (max-width:767px){.landing-dots{background-size:20px 20px}.landing-hero{padding:20px 24px 48px}.hero-circle{width:170px;height:170px;top:-60px;right:-35px}.landing-brand{gap:10px}.landing-brand>span{font-size:19px}.landing-brand>div{gap:3px;height:22px}.landing-brand>div>span{width:5px!important}.hero-copy{gap:18px;margin-top:28px}.hero-copy h1{text-shadow:3px 3px 0 var(--text-shadow-on-page);font-size:42px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:4px}.landing-page .landing-action{box-shadow:4px 4px 0 var(--shadow-color);padding:16px;font-size:14px}.hero-actions>span{text-align:center;font-size:12px}.hero-timeline{justify-content:center;gap:0;margin:30px 0 0}.timeline-card{width:110px;height:110px;box-shadow:5px 5px 0 var(--shadow-color);border-width:4px;border-radius:18px;gap:3px;padding:9px}.timeline-card .artist{font-size:9px}.timeline-card .year{font-size:25px}.timeline-card .title{font-size:8px}.timeline-first{transform:rotate(-10deg)}.timeline-unknown{margin-top:26px;margin-left:-24px;transform:rotate(6deg)}.timeline-last{margin-top:-14px;margin-left:-24px;transform:rotate(-7deg)}.landing-round{gap:26px;padding:60px 24px 72px}.section-title{text-shadow:3px 3px 0 var(--text-shadow-on-page);font-size:24px;line-height:1.15}.round-circle{width:200px;height:200px;top:-50px;left:auto;right:-70px}.round-square{width:220px;height:220px;bottom:-150px;left:-90px;right:auto}.round-steps{aspect-ratio:340/550;width:340px;height:auto}.desktop-path{display:none}.mobile-path{stroke-width:4px;display:block}.step-icon{width:64px;height:64px;box-shadow:3px 3px 0 var(--shadow-color);border-width:4px}.step-icon svg{width:28px;height:28px}.step-label{left:var(--label-left);text-align:left;width:110px;transform:translateY(-50%)}.step-label h3{font-size:15px}.step-label p{margin-top:4px;font-size:12px}.step-play{--step-left:20.5882%;--step-top:9.0909%;--label-top:9.0909%;--label-left:33.8235%}.step-place{--step-left:50%;--step-top:34.5455%;--label-top:34.5455%;--label-left:63.2353%}.step-bet{--step-left:20.5882%;--step-top:60%;--label-top:63.2727%;--label-left:33.8235%}.step-reveal{--step-left:50%;--step-top:85.4545%;--label-top:85.4545%;--label-left:63.2353%}.landing-highlight{padding:36px 24px}.highlight-copy{border-radius:20px;padding:22px 24px}.highlight-copy h2{text-shadow:3px 3px 0 var(--landing-highlight-shadow);font-size:27px;line-height:1.1}.highlight-copy p{margin-top:12px;font-size:14px;line-height:1.55}.highlight-music .highlight-copy{max-width:260px;transform:translateY(11px)}.highlight-betting .highlight-copy{max-width:280px;transform:none}.highlight-together .highlight-copy{max-width:300px;transform:none}.highlight-together h2{font-size:24px}.highlight-music .highlight-circle{width:220px;height:220px;top:27px;right:-70px}.highlight-music .highlight-square{width:170px;height:170px;bottom:-30px;left:-30px}.highlight-betting .highlight-circle{width:220px;height:220px;top:27px;left:-70px}.highlight-betting .highlight-square{width:170px;height:170px;bottom:-30px;right:-40px;transform:rotate(15deg)}.highlight-together .highlight-circle{width:220px;height:220px;top:27px;left:calc(50% - 110px)}.highlight-together .highlight-square{width:190px;height:190px;bottom:-30px;left:-75px}.landing-ready{padding:44px 24px 60px}.ready-circle{width:220px;height:220px;top:-110px;left:auto;right:-140px}.ready-square{width:240px;height:240px;bottom:-100px;right:-80px}.ready-card{border-width:4px;border-radius:22px;gap:12px;padding:36px 30px;transform:none}.ready-card h2{font-size:22px}.ready-card p{font-size:14px}.ready-card .landing-action{width:100%}.landing-footer{flex-direction:column;gap:26px;padding:36px 24px 32px}.footer-brand{gap:12px;max-width:none}.footer-brand p{font-size:12px}.footer-columns{flex-wrap:wrap;gap:36px}.footer-columns h3{margin-bottom:10px;font-size:11px}.footer-columns>div>a,.footer-columns>div>span{margin-bottom:9px;font-size:13px}.landing-page .desktop-only{display:none}.landing-page .mobile-only{display:block}}