@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--bg:#07111f;--surface:#0d192a;--surface2:#17253a;--border:#314158;--gold:#f7c948;--text:#f8fafc;--text-muted:#8191a7;--upvote:#f7c948;--downvote:#60a5fa}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07111f;color:#f8fafc;font-family:DM Sans,sans-serif;line-height:1.5}button,input{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow:hidden}.site-header{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:#07111fe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}.brand{border:0;background:none;color:#fff;font:800 20px Manrope;letter-spacing:-.7px}.brand span{color:#f7c948;margin-right:2px}.desktop-nav{display:flex;gap:28px}.desktop-nav a{color:#9eacc0;text-decoration:none;font-weight:600;font-size:14px}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.button{border:1px solid transparent;border-radius:999px;padding:10px 17px;font-weight:700;font-size:13px;background:none;color:#fff}.button.primary{background:#f7c948;color:#07111f}.button.ghost{border-color:#314158;color:#dbe4f0}.button.glass{background:#ffffff14;border-color:#ffffff29}.button.light{background:#fff;color:#07111f;padding:13px 22px}.button.large{padding:14px 22px;font-size:14px;text-decoration:none}.user-chip{background:#18263a;color:#b8c5d6;border-radius:99px;padding:8px 12px;font-size:12px}.hero{min-height:640px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);gap:9vw;align-items:center;padding:90px clamp(24px,7vw,110px);position:relative;background:radial-gradient(circle at 75% 40%,rgba(247,201,72,.16),transparent 24%),linear-gradient(125deg,#07111f,#0c1c31)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to right,transparent,#000);mask-image:linear-gradient(to right,transparent,#000)}.hero-copy,.hero-card{position:relative;z-index:1}.eyebrow{margin:0 0 14px;color:#f7c948;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2.4px}.hero h1{font:800 clamp(44px,6.2vw,82px)/1.02 Manrope;margin:0;letter-spacing:-4px;max-width:900px}.hero h1 em{font-style:normal;color:#aebbd0}.hero-deck{font-size:18px;color:#aebbd0;max-width:650px;margin:25px 0 30px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.trust-row{display:flex;gap:25px;flex-wrap:wrap;color:#72839b;font-size:12px;font-weight:600;margin-top:34px}.trust-row span:before{content:"✓";color:#f7c948;margin-right:7px}.hero-card{background:linear-gradient(145deg,#18283e,#0d1929);border:1px solid #34445b;border-radius:28px;padding:28px;text-align:center;box-shadow:0 30px 80px #00000061;transform:rotate(3deg)}.hero-card-label{color:#f7c948;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800}.hero-number{font:800 150px/1 Manrope;letter-spacing:-12px;margin:10px 0;background:linear-gradient(#fff,#718096);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-name{font:800 21px Manrope}.hero-meta{color:#8292a8;font-size:12px;margin:7px 0 20px}.hero-meter{height:5px;background:#26364c;border-radius:10px;overflow:hidden}.hero-meter span{height:100%;display:block;background:#f7c948}.daily-strip{margin:-28px auto 0;max-width:1120px;position:relative;z-index:2;border-radius:20px;background:#f7c948;color:#07111f;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 50px #00000040}.daily-strip .eyebrow{color:#6e5400;margin-bottom:4px}.daily-strip h2{font:800 25px Manrope;margin:0}.daily-strip p{margin:4px 0 0;color:#564819}.content-section,.trending-section,.about-section{max-width:1180px;margin:0 auto;padding:100px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-heading h2,.trending-section h2,.about-section h2,.commerce-placeholder h2{font:800 clamp(30px,4vw,48px)/1.1 Manrope;letter-spacing:-2px;margin:0}.section-heading>p{max-width:410px;color:#8798af}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.filter{border:1px solid #2c3d55;border-radius:99px;background:#0d1a2b;color:#92a2b8;padding:9px 15px;font-weight:700;font-size:12px}.filter.active{background:#f7c948;color:#07111f;border-color:#f7c948}.number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.number-tile{min-height:112px;border:1px solid #23344b;background:#0d192a;color:#fff;border-radius:12px;padding:12px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:.2s}.number-tile:hover{transform:translateY(-3px);border-color:#64748b;background:#142238}.number-tile.populated{box-shadow:inset 0 2px var(--sport)}.tile-number{font:800 23px Manrope}.tile-name{font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tile-meta,.tile-votes,.tile-empty{font-size:8px;color:#718096}.tile-meta i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--sport);margin-right:4px}.trending-section{padding-top:10px}.trending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.trending-grid button{border:1px solid #263850;background:#0f1d2f;color:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;text-align:left}.trend-number{font:800 30px Manrope;color:#f7c948}.trending-grid strong,.trending-grid small{display:block}.trending-grid small{color:#7688a0;font-size:11px;margin-top:3px}.trending-grid b{margin-left:auto}.about-section{border-top:1px solid #1d2c40;border-bottom:1px solid #1d2c40;display:grid;grid-template-columns:1fr 1fr;gap:12vw}.about-section>div:last-child{color:#a6b4c6;font-size:17px}.independent-note{font-size:12px;color:#62748d;margin-top:28px}.commerce-placeholder{max-width:1120px;margin:90px auto;background:linear-gradient(120deg,#18283d,#0d1929);border:1px solid #314158;border-radius:22px;padding:44px;display:flex;align-items:end;justify-content:space-between;gap:40px}.commerce-placeholder p:not(.eyebrow){color:#91a0b4}.commerce-placeholder span{color:#f7c948;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}.email-signup{max-width:1120px;margin:0 auto 100px;padding:45px;border-radius:22px;background:#f4f1e8;color:#07111f;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.email-signup .eyebrow{color:#856800}.email-signup h2{font:800 34px Manrope;margin:0 0 10px}.email-signup p{color:#536070}.signup-form{display:flex;gap:8px}.signup-form input{flex:1;border:1px solid #c7c2b5;border-radius:99px;padding:13px 17px;background:#fff}.signup-status{font-weight:700;color:#166534}footer{border-top:1px solid #1d2c40;padding:42px clamp(24px,7vw,100px);display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;color:#708198}.footer-brand{text-align:left}footer p{margin:0}footer div{text-align:right}footer div button{border:0;background:none;color:#8797ac;margin-left:20px}footer small{grid-column:1/-1;border-top:1px solid #15243a;padding-top:20px}.grid-loading,.page-loader{padding:90px;text-align:center;color:#8191a7}.legal-page{max-width:760px;margin:0 auto;padding:100px 24px}.legal-page h1{font:800 50px Manrope}.legal-page>p:not(.eyebrow){font-size:18px;color:#aebbd0}.legal-note{font-size:12px!important}.text-button{border:0;background:none;color:#f7c948}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);z-index:5000;background:#fff;color:#07111f;border:0;border-radius:99px;padding:13px 20px;font-weight:700;box-shadow:0 15px 40px #000}.toast span{margin-left:10px}.grid-loading{border:1px dashed #314158;border-radius:15px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02070edb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px}.number-dialog{width:min(680px,100%);max-height:90vh;overflow:auto;background:#0d192a;border:1px solid #324158;border-radius:24px}.dialog-head{padding:28px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #26364c}.dialog-number{font:800 62px Manrope;color:#f7c948}.dialog-title h2{margin:0;font:800 25px Manrope}.dialog-title p{color:#7e8fa7;margin:4px 0}.dialog-close{margin-left:auto;align-self:flex-start;border:1px solid #314158;background:#17253a;color:#fff;border-radius:50%;width:34px;height:34px}.player-row{display:flex;align-items:center;gap:14px;padding:16px 25px;border-bottom:1px solid #1e2e43}.player-rank{width:30px;color:#f7c948;font-weight:800}.player-info{flex:1}.player-info strong,.player-info small{display:block}.player-info small{color:#71839c}.vote-stack{display:flex;align-items:center;gap:8px}.vote-stack button{border:1px solid #324158;background:#142238;color:#9cacbf;border-radius:8px;width:34px;height:34px}.vote-stack button.selected{background:#f7c948;color:#07111f}.vote-score{min-width:24px;text-align:center;font-weight:800}.dialog-add{padding:20px 25px}.dialog-add button{width:100%;border:1px dashed #516177;background:transparent;color:#f7c948;border-radius:12px;padding:12px}.number-empty{padding:45px;text-align:center;color:#7f90a7}@media (max-width:900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-card{display:none}.number-grid{grid-template-columns:repeat(5,1fr)}.daily-strip{margin:-20px 18px 0}.trending-grid,.about-section,.email-signup{grid-template-columns:1fr}.commerce-placeholder{margin-left:20px;margin-right:20px}.section-heading{display:block}.section-heading>p{margin-top:15px}}@media (max-width:600px){.site-header{padding:0 15px}.header-actions .ghost,.user-chip{display:none}.hero h1{letter-spacing:-2px}.hero{min-height:570px;padding:65px 20px}.daily-strip{display:block}.daily-strip .button{margin-top:15px}.content-section,.trending-section,.about-section{padding:70px 16px}.number-grid{grid-template-columns:repeat(4,1fr)}.number-tile{min-height:95px}.email-signup{margin:0 16px 70px;padding:28px}.signup-form{display:block}.signup-form input,.signup-form button{width:100%;margin-top:8px}.commerce-placeholder{display:block;padding:30px}.commerce-placeholder span{display:block;margin-top:20px}footer{grid-template-columns:1fr}footer div{text-align:left}footer div button{margin:0 20px 0 0}}
