@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');:root{--red:#e10600;--red2:#ff2a22;--black:#070707;--white:#f5f5f5}*{box-sizing:border-box}body{margin:0;background:#070707;color:var(--white);font-family:Inter,Arial,sans-serif;min-height:100vh}.nav{height:76px;border-bottom:1px solid #202020;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);position:sticky;top:0;background:rgba(7,7,7,.92);backdrop-filter:blur(14px);z-index:20}.brand{font:800 25px 'Barlow Condensed';letter-spacing:1.5px;color:#fff;text-decoration:none}.brand span{display:inline-grid;place-items:center;background:var(--red);width:32px;height:32px;margin-right:8px}.nav nav{display:flex;gap:30px}.nav nav a{color:#8e8e8e;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:1.3px}.nav nav a.active,.nav nav a:hover{color:#fff}.hero{min-height:610px;max-width:1250px;margin:auto;padding:90px 6vw 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{color:#ff2a22;font-size:12px;font-weight:800;letter-spacing:4px;margin-bottom:16px}.hero h1,.info-page h1,.wheel-heading h1{font-family:'Barlow Condensed';font-size:clamp(65px,9vw,130px);line-height:.8;margin:0;letter-spacing:-2px}.hero h1 em{color:var(--red);font-style:normal}.hero p{max-width:500px;color:#aaa;line-height:1.7;font-size:16px;margin:30px 0}.btn{display:inline-flex;align-items:center;gap:22px;padding:16px 22px;background:var(--red);color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:1.5px}.hero-wheel{display:grid;place-items:center;position:relative}.glow{position:absolute;width:430px;height:430px;background:var(--red);filter:blur(110px);opacity:.12}.mini-wheel{width:min(390px,75vw);aspect-ratio:1;border-radius:50%;border:10px solid #191919;background:conic-gradient(#b80803 0 30deg,#151515 30deg 60deg,#d50a04 60deg 90deg,#151515 90deg 120deg,#b80803 120deg 150deg,#151515 150deg 180deg,#d50a04 180deg 210deg,#151515 210deg 240deg,#b80803 240deg 270deg,#151515 270deg 300deg,#d50a04 300deg 330deg,#151515 330deg 360deg);box-shadow:0 0 0 2px #333,0 25px 80px #000}.mini-wheel:before{content:'$';position:absolute;inset:25%;border-radius:50%;background:#090909;border:4px solid #252525;display:grid;place-items:center;font:800 80px 'Barlow Condensed';color:#fff}.mini-pointer,.pointer{position:absolute;top:-22px;left:50%;transform:translateX(-50%);z-index:3;border-left:14px solid transparent;border-right:14px solid transparent;border-top:34px solid var(--red)}.cards{border-top:1px solid #222;display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:auto}.cards article{padding:32px;border-right:1px solid #222}.cards b,.info-grid span{color:var(--red);font-family:'Barlow Condensed';font-size:18px}.cards h2,.info-grid h2{font:700 32px 'Barlow Condensed';margin:10px 0}.cards p{color:#888;margin:0;line-height:1.6}.wheel-shell{max-width:1150px;margin:auto;padding:55px 25px}.wheel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.wheel-heading h1{font-size:clamp(55px,8vw,95px)}.ghost{background:transparent;color:#aaa;border:1px solid #333;padding:12px 16px;font-size:11px;font-weight:800}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.level{background:#0f0f0f;border:1px solid #292929;color:#888;text-align:left;padding:16px;cursor:pointer}.level strong{display:block;color:#fff;font-size:12px;letter-spacing:1.5px}.level small{display:block;margin-top:5px}.level.active{border-color:var(--red);box-shadow:inset 0 -2px var(--red)}.wheel-card{background:linear-gradient(145deg,#111,#090909);border:1px solid #252525;padding:35px;display:grid;grid-template-columns:minmax(300px,1fr) 280px;gap:40px;align-items:center}.wheel-wrap{width:min(600px,100%);margin:auto;position:relative;aspect-ratio:1}.wheel-wrap canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 20px 35px #000)}.pointer{top:-10px;border-left-width:17px;border-right-width:17px;border-top-width:42px}.wheel-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:#080808;border:5px solid #242424;display:grid;place-items:center;font:800 31px 'Barlow Condensed';z-index:2}.result-label{font-size:10px;letter-spacing:3px;color:#777;font-weight:800}.result{font:800 78px 'Barlow Condensed';color:var(--red);line-height:1;margin:8px 0 25px}.spin-btn{width:100%;border:0;background:var(--red);color:#fff;padding:19px;font-size:13px;font-weight:800;letter-spacing:1.8px;cursor:pointer}.spin-btn:disabled{opacity:.5}.hint{color:#666;font-size:11px}.history{margin-top:35px}.section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222}.section-title h2{font:700 27px 'Barlow Condensed'}.section-title button{background:none;border:0;color:#666;font-size:10px;font-weight:800}.history-list{display:grid;gap:2px;margin-top:10px}.history-item{display:flex;justify-content:space-between;padding:14px 15px;background:#0f0f0f;border-left:2px solid var(--red)}.history-item strong{font:800 23px 'Barlow Condensed'}.history-item time{color:#666;font-size:11px}.empty{color:#555;padding:20px 0}.info-page{max-width:1050px;margin:auto;padding:100px 25px}.info-page h1{font-size:clamp(65px,10vw,120px);margin-bottom:60px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-grid article{border:1px solid #292929;background:#0d0d0d;padding:30px;min-height:220px}.info-grid p{color:#888;line-height:1.7;font-size:14px}.notice{margin:25px 0 35px;border-left:3px solid var(--red);background:#111;padding:18px;color:#999;line-height:1.6;font-size:13px}footer{text-align:center;color:#555;font-size:11px;letter-spacing:1px;padding:45px 20px}@media(max-width:800px){.nav{height:auto;padding:17px 18px;align-items:flex-start}.nav nav{gap:14px}.nav nav a{font-size:10px}.hero{grid-template-columns:1fr;padding-top:65px}.hero-wheel{order:-1}.mini-wheel{width:270px}.cards,.info-grid,.levels{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid #222}.wheel-heading{align-items:flex-start;gap:15px}.wheel-heading h1{font-size:55px}.wheel-card{grid-template-columns:1fr;padding:18px}.controls{padding:0 10px 10px}.info-page{padding-top:65px}}
