@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=Raleway:wght@100;200;300&display=swap";:root{--accent: #ff6b1a;--dark: #000;--card: #080808;--border: #111;--muted: #555;--label: #666;--body: #999;--light: #fff;--green: #22c55e;--red: #ef4444;--yellow: #f5a623;--nav-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--dark);color:var(--light);font-family:Raleway,sans-serif;font-weight:200}button{cursor:pointer;background:none;border:none;color:inherit;font:inherit}.app{height:100%;position:relative}.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:800;font-size:.9rem;letter-spacing:.1em}.nav-brand strong{color:var(--accent)}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border-radius:6px;transition:background .2s;flex-shrink:0}.hamburger:hover{background:#111}.hamburger span{display:block;height:1.5px;background:var(--light);border-radius:1px;transition:transform .25s,opacity .25s;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s}.menu-overlay.visible{opacity:1;pointer-events:auto}.menu{position:fixed;top:0;right:0;bottom:0;z-index:300;width:280px;background:#060606;border-left:1px solid var(--border);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.menu.open{transform:translate(0)}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:var(--nav-h);border-bottom:1px solid var(--border);flex-shrink:0}.menu-title{font-family:Outfit,sans-serif;font-weight:600;font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.2em}.menu-close{font-size:1rem;color:var(--muted);line-height:1;transition:color .2s}.menu-close:hover{color:var(--light)}.menu nav{display:flex;flex-direction:column;padding:12px 0}.menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:13px 20px;text-align:left;font-family:Outfit,sans-serif;font-weight:600;font-size:.85rem;color:var(--muted);border-left:2px solid transparent;transition:color .2s,background .2s,border-color .2s}.menu-item:hover{color:var(--light);background:#0f0f0f}.menu-item.active{color:var(--accent);border-left-color:var(--accent);background:#ff6b1a0d}.menu-num{font-size:.62rem;color:#222;font-weight:400;letter-spacing:.05em;min-width:20px}.menu-item.active .menu-num{color:#ff6b1a66}.slides{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.slides::-webkit-scrollbar{display:none}.slide{height:100%;min-height:100vh;scroll-snap-align:start;padding:calc(var(--nav-h) + clamp(20px,3vw,48px)) clamp(24px,6vw,72px) clamp(40px,4vw,56px);display:flex;flex-direction:column;justify-content:center;background:var(--dark);position:relative}.slide--lead{align-items:center;text-align:center;justify-content:center;padding:0;overflow:hidden}.eyebrow{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.5rem,.9vw,.62rem);color:var(--muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:14px}.slide h1{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(1.8rem,4.5vw,3em);color:var(--light);letter-spacing:-.03em;line-height:1;margin:0 0 4px}.slide h2{font-family:Raleway,sans-serif;font-weight:100;font-size:clamp(.9rem,1.8vw,1.3em);color:#888;margin:0 0 clamp(14px,2.5vw,24px)}.cards{display:grid;gap:clamp(8px,1.2vw,14px)}.cards--2{grid-template-columns:repeat(2,1fr)}.cards--3{grid-template-columns:repeat(3,1fr)}.cards--4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:clamp(14px,2.2vw,24px);position:relative;overflow:hidden}.card-accent-bar{position:absolute;top:0;left:0;right:0;height:2px}.card-label{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.65rem,1.1vw,.8em);color:var(--light);margin-bottom:6px}.card-body{font-size:clamp(.58rem,.9vw,.68em);color:var(--muted);line-height:1.5}.dots{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#2a2a2a;transition:background .2s,transform .2s;flex-shrink:0}.dot.active{background:var(--accent);transform:scale(1.5)}.dot:hover:not(.active){background:#555}.arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:100;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#2a2a2a;border-radius:50%;transition:color .2s,background .2s;line-height:1}.arrow:hover:not(:disabled){color:var(--light);background:#ffffff0d}.arrow:disabled{opacity:0;pointer-events:none}.arrow--prev{left:10px}.arrow--next{right:10px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.04}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.hero-tag{font-family:Raleway,sans-serif;font-weight:100;font-size:clamp(.48rem,.9vw,.6em);color:var(--accent);text-transform:uppercase;letter-spacing:.4em;margin-bottom:14px;margin-top:22px}.hero-title{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(3rem,9vw,5.2em);line-height:.95;letter-spacing:-.04em}.hero-title span:first-child{color:var(--light);display:block}.hero-title span:last-child{color:var(--accent);display:block}.hero-divider{width:56px;height:2px;background:var(--accent);border-radius:1px;margin:22px auto}.hero-sub{font-family:Raleway,sans-serif;font-weight:100;font-size:clamp(.75rem,1.4vw,.9em);color:#fff3}.hero-cta{display:inline-block;margin-top:36px;padding:14px 40px;background:var(--accent);color:var(--light);font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.7rem,1.1vw,.85rem);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;text-decoration:none;transition:background .2s,transform .15s}.hero-cta:hover{background:#e55a0a;transform:translateY(-1px)}.live-layout{display:grid;grid-template-columns:1fr 200px;gap:18px;align-items:start;margin-top:16px}.score-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:clamp(14px,2vw,24px)}.score-header{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.4rem,.75vw,.52em);color:#333;text-transform:uppercase;letter-spacing:.15em;margin-bottom:18px}.player-row{background:#050505;border:1px solid var(--border);border-radius:10px;padding:clamp(10px,1.5vw,16px) clamp(12px,2vw,18px);display:flex;justify-content:space-between;align-items:center}.player-row+.player-row{margin-top:10px}.player-row.active{border-color:#ff6b1a33}.player-name{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.62rem,1.1vw,.78em);color:var(--light)}.player-name.dim{color:#666}.player-turn{font-size:clamp(.45rem,.75vw,.55em);color:var(--accent);margin-top:3px}.player-waiting{color:#333}.player-score{text-align:right}.player-score-num{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(1.4rem,3vw,2.6em);color:var(--accent);line-height:1}.player-score-num.dim{color:#444}.player-score-label{font-size:clamp(.38rem,.65vw,.5em);color:#444}.checkout-hint{margin-top:12px;background:#ff6b1a0a;border:1px solid rgba(255,107,26,.1);border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:clamp(.42rem,.75vw,.55em);color:var(--accent)}.mini-stats{display:flex;gap:8px;margin-top:14px}.mini-stat{flex:1;background:#0a0a0a;border:1px solid var(--border);border-radius:6px;padding:8px;text-align:center}.mini-stat-label{font-size:clamp(.36rem,.6vw,.45em);color:#333;text-transform:uppercase;letter-spacing:.1em}.mini-stat-value{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.6rem,1.1vw,.9em);color:var(--light);margin-top:2px}.mini-stat-value.accent{color:var(--accent)}.throws-panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:clamp(12px,2vw,20px)}.throw-row{display:flex;justify-content:space-between;align-items:center;padding:9px 6px;border-bottom:1px solid #0d0d0d}.throw-row:last-child{border-bottom:none}.throw-label{font-size:clamp(.42rem,.75vw,.58em);color:#444}.throw-value{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(.6rem,1.1vw,.82em);color:var(--light)}.throw-value.green{color:var(--green)}.throw-value.won{color:var(--green);font-weight:600;font-size:.65em}.stats-layout{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start;margin-top:10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:clamp(12px,1.8vw,18px);position:relative;overflow:hidden}.stat-label{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.38rem,.65vw,.48em);color:#333;text-transform:uppercase;letter-spacing:.15em}.stat-value{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(1.3rem,2.8vw,2.1em);line-height:1.15;margin-top:4px}.stat-sub{font-size:clamp(.42rem,.75vw,.54em);margin-top:4px}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:clamp(14px,2vw,22px)}.chart-title{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.38rem,.65vw,.48em);color:#333;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.social-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.leaderboard-header{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.4rem,.75vw,.52em);color:#333;text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px}.lb-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;transition:background .2s;border:1px solid transparent}.lb-row:hover{background:#0c0c0c}.lb-row.you{background:#ff6b1a0a;border-color:#ff6b1a1a;margin:4px 0}.lb-rank{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(.58rem,1vw,.72em);width:18px;text-align:center;flex-shrink:0}.lb-avatar{width:34px;height:34px;border-radius:50%;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.52rem,.9vw,.65em);flex-shrink:0}.lb-info{flex:1;min-width:0}.lb-name{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.58rem,1vw,.72em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-stats{font-size:clamp(.42rem,.75vw,.55em);color:#444;margin-top:1px}.lb-badge{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.42rem,.75vw,.5em);white-space:nowrap;flex-shrink:0}.challenge-status{display:flex;align-items:center;gap:6px;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-text{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.4rem,.7vw,.5em);white-space:nowrap}.cta-title{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(1.8rem,5vw,3.8em);letter-spacing:-.03em;line-height:1.05;margin-top:22px}.cta-title em{color:var(--accent);font-style:normal}.cta-sub{font-family:Raleway,sans-serif;font-weight:100;font-size:clamp(.8rem,1.6vw,1.1em);color:#888;margin-top:12px;margin-bottom:32px}@media (max-width: 1024px){.cards--4{grid-template-columns:repeat(2,1fr)}.stats-layout{grid-template-columns:1fr}.chart-card{display:none}}@media (max-width: 768px){.live-layout{grid-template-columns:1fr}.throws-panel{display:none}.social-layout{grid-template-columns:1fr}}@media (max-width: 540px){.cards--2,.cards--3,.cards--4{grid-template-columns:1fr}.mini-stats{flex-wrap:wrap}.mini-stat{min-width:calc(50% - 4px)}.arrow{display:none}.dots{bottom:14px;gap:6px}.dot{width:5px;height:5px}.hero-title{font-size:clamp(3rem,16vw,5em)}}