:root{color-scheme:dark;--bg:#10110f;--panel:#181a17;--panel2:#1e201c;--text:#f3f3ee;--muted:#a3a69c;--subtle:#686d62;--lime:#d2f36a;--line:#2c2f29;--purple:#b79bff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}.site-shell{overflow:hidden}.topbar{height:82px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(255,255,255,.055)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.8px}.brand-light{font-weight:500;color:#aeb1a7}.brand-mark{height:25px;width:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-8deg)}.brand-mark span{display:block;background:var(--lime);border-radius:3px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){opacity:.55}.main-nav{display:flex;gap:38px;margin-left:75px}.main-nav a,.top-actions button{color:#b4b7ad;text-decoration:none;font-size:12px;font-weight:600;transition:.2s}.main-nav a:hover,.footer a:hover{color:var(--lime)}.top-actions{display:flex;align-items:center;gap:22px}.language-toggle{padding:8px 10px;border:1px solid #42463b;border-radius:6px;background:transparent;color:var(--lime)!important;font:700 10px var(--font);letter-spacing:.08em;cursor:pointer}.language-toggle:hover{border-color:var(--lime)}.button{font-family:var(--font);font-weight:700;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,background .2s,border-color .2s;color:var(--text)}.button:hover{transform:translateY(-2px)}.button-quiet{background:transparent;padding:10px 0}.button-small{padding:12px 16px;font-size:11px;border-radius:6px}.button-lime{background:var(--lime);color:#171a12;border-radius:7px}.button-lime:hover{background:#e1ff88}.button-large{font-size:12px;padding:15px 20px;min-height:49px}.button-outline{background:transparent;border:1px solid #484c42;border-radius:7px}.button-outline:hover{border-color:var(--lime)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;max-width:1240px;margin:auto;padding:91px 34px 68px;min-height:572px;display:grid;grid-template-columns:1fr .96fr;align-items:center}.hero-copy{position:relative;z-index:2;padding-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#a8ac9f;font-weight:700}.live-dot,.online-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 10px #d2f368}.hero h1{font-family:var(--display);font-size:clamp(52px,6.2vw,79px);letter-spacing:-5.5px;line-height:1.01;margin:23px 0 19px;font-weight:700}.hero h1 span,.section-heading h2 span,.arena-copy h2 span,.how-section h2 span,.cta-section h2 span{color:var(--lime)}.hero-intro{max-width:425px;color:#a9aca2;font-size:14px;line-height:1.8;margin:0}.hero-buttons{display:flex;gap:11px;margin-top:27px}.play-icon{font-size:9px;color:var(--lime)}.social-proof{display:flex;align-items:center;gap:14px;margin-top:37px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack span{height:31px;width:31px;display:grid;place-items:center;background:#292c25;border:2px solid var(--bg);border-radius:50%;font-size:15px;margin-left:-5px}.social-proof p{font-size:10px;color:#a4a79d;line-height:1.5;margin:0}.social-proof strong{color:#eceee8}.social-proof p span{color:#777b70}
.hero-art{position:relative;height:435px;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;width:380px;height:380px;background:radial-gradient(circle,rgba(172,207,77,.15),rgba(75,83,37,.09) 38%,transparent 69%);border-radius:50%;filter:blur(4px)}.orbit{position:absolute;border:1px solid rgba(212,243,106,.1);border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:430px;height:250px}.orbit-two{width:355px;height:190px;transform:rotate(31deg)}.quiz-card{position:relative;z-index:1;width:290px;padding:20px 21px 16px;background:linear-gradient(143deg,#242720,#171915 75%);border:1px solid #3a3e34;border-radius:13px;box-shadow:0 30px 85px #0009,0 0 0 6px rgba(255,255,255,.015);transform:rotate(2deg)}.quiz-card-head{display:flex;justify-content:space-between;align-items:center}.week-pill,.status-pill{font-size:7px;letter-spacing:.75px;font-weight:700;color:#c9e878;background:#343d21;padding:7px 8px;border-radius:3px}.week-pill i,.status-pill i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:5px}.card-menu{letter-spacing:2px;color:#858a7c;font-size:12px}.quiz-progress{height:3px;background:#34372f;margin:17px 0 12px;border-radius:3px}.quiz-progress span{display:block;width:65%;height:100%;background:var(--lime);border-radius:3px}.round-meta{display:flex;justify-content:space-between;color:#777c70;font-size:7px;letter-spacing:1px;font-weight:700}.quiz-card h2{font-family:var(--display);font-size:23px;line-height:1.22;letter-spacing:-.8px;margin:19px 0 15px}.quiz-card h2 em{font-style:normal;color:var(--lime)}.answer-list{display:grid;gap:7px}.answer-option{height:31px;border:1px solid #33362e;border-radius:4px;display:flex;align-items:center;gap:9px;font-size:9px;color:#b4b8ab;padding:0 9px}.answer-option>span{display:grid;place-items:center;width:16px;height:16px;border-radius:3px;background:#292c25;color:#83897a;font-size:8px;font-weight:700}.answer-selected{border-color:#b8d95b;background:rgba(210,243,106,.08);color:#e2edc0}.answer-selected>span{color:#1b2011;background:var(--lime)}.answer-selected>b{margin-left:auto;color:var(--lime)}.card-bottom{border-top:1px solid #30332b;padding-top:12px;margin-top:13px;display:flex;justify-content:space-between;font-size:8px;color:#858a7d}.card-bottom strong{color:var(--lime);font-size:9px}.floating-tag{position:absolute;z-index:2;display:flex;gap:9px;align-items:center;background:#20221e;border:1px solid #3a3e35;padding:10px 13px;border-radius:7px;box-shadow:0 12px 30px #0006}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:10px}.floating-tag small{font-size:8px;color:#878b80;margin-top:3px}.tag-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:6px}.tag-purple{color:#d4c5ff;background:#473b5e}.tag-top{top:31px;left:4%}.tag-side{right:0;top:45%;padding:9px 13px}.mini-medal{font-size:20px}.tag-bottom{bottom:34px;left:2%}.streak{font-size:19px;color:var(--lime)}.spark{position:absolute;color:var(--lime)}.spark-a{right:6%;top:14%;font-size:19px}.spark-b{left:8%;bottom:13%;font-size:12px}.hero-bottomline{position:absolute;bottom:28px;left:34px;right:34px;display:flex;align-items:center;gap:15px;color:#62665b;font-size:8px;letter-spacing:1.3px;font-weight:700}.hero-bottomline i{height:1px;background:#2b2e27;flex:1}
.ticker{overflow:hidden;border-top:1px solid #292c26;border-bottom:1px solid #292c26;background:#141612}.ticker-track{height:57px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-around;gap:36px;white-space:nowrap;color:#858a7d;font-size:9px;font-weight:700;letter-spacing:1.3px}.ticker-track span:nth-child(odd){color:#a4a99b}
.section,.featured-section,.arena-section,.how-section{max-width:1240px;margin:0 auto;padding-left:34px;padding-right:34px}.game-section{padding-top:104px;padding-bottom:103px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2,.arena-copy h2,.how-section h2{font-family:var(--display);font-size:39px;letter-spacing:-2px;line-height:1.12;margin:12px 0 0}.text-link{font-size:10px;font-weight:700;color:#a5a99e;text-decoration:none}.text-link span{color:var(--lime);margin-left:7px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.game-tile{position:relative;overflow:hidden;min-height:284px;background:#1a1c18;border:1px solid #2a2d26;border-radius:9px;padding:20px 21px}.game-tile:after{content:"";position:absolute;width:240px;height:240px;right:-99px;bottom:-140px;border-radius:50%;filter:blur(1px)}.tile-weekly:after{background:radial-gradient(circle,#808f401c,transparent 67%)}.tile-quick:after{background:radial-gradient(circle,#b081ef1c,transparent 67%)}.tile-friends:after{background:radial-gradient(circle,#de9f5b1c,transparent 67%)}.tile-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.tile-icon{height:31px;width:31px;display:grid;place-items:center;background:#303625;color:var(--lime);border-radius:6px;font-size:17px}.tile-quick .tile-icon{background:#322941;color:#c5a8ff}.tile-friends .tile-icon{background:#3d3024;color:#e6b176}.status-pill{font-size:7px;color:#aebd7f;background:#303522}.status-available{color:#c6adf5;background:#342d40}.status-credit{color:#e6bb83;background:#3e3124}.tile-content{position:relative;z-index:1;margin-top:20px;max-width:230px}.tile-kicker{font-size:8px;letter-spacing:1.3px;color:#82877a;font-weight:700}.tile-content h3{font-family:var(--display);font-size:27px;letter-spacing:-1.1px;line-height:1.08;margin:7px 0 8px}.tile-content p{font-size:10px;color:#999d92;line-height:1.6;margin:0;max-width:220px}.countdown,.tile-note{font-size:9px;color:#92978b;margin-top:15px}.countdown b,.tile-note b{color:var(--lime)}.countdown span{margin-right:5px}.online-dot{width:5px;height:5px;margin-right:6px}.tile-arrow{position:absolute;z-index:2;right:18px;bottom:17px;width:34px;height:34px;border:1px solid #44483d;border-radius:50%;background:#242720;color:var(--lime);font-size:16px;cursor:pointer;transition:.2s}.tile-arrow:hover{background:var(--lime);color:#141610}.tile-decoration{position:absolute;right:27px;bottom:26px;font-family:var(--display);font-weight:800;opacity:.12;pointer-events:none}.weekly-decoration{font-size:67px;letter-spacing:-7px}.weekly-decoration span{display:block;font:700 7px var(--font);letter-spacing:2px;text-align:center}.versus{font-size:75px;font-style:italic;color:#c6a6ff;transform:rotate(-17deg);right:32px;bottom:39px}.friends-decoration{font-size:100px;color:#eab577;right:32px;bottom:16px}
.featured-section{padding-bottom:107px}.featured-section .section-heading{margin-bottom:27px}.slider-controls{display:flex;gap:7px}.slider-controls button{width:34px;height:34px;border-radius:50%;border:1px solid #3a3d35;background:#181a16;color:#adb1a4;cursor:pointer}.slider-controls button:hover{border-color:var(--lime);color:var(--lime)}.featured-track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow:hidden}.featured-card{min-height:255px;position:relative;padding:18px 17px;border-radius:8px;overflow:hidden;border:1px solid #34352e;background:#242021}.featured-cinema{background:linear-gradient(140deg,#332a36,#211d25 70%)}.featured-history{background:linear-gradient(140deg,#353025,#211f1a 70%)}.featured-sport{background:linear-gradient(140deg,#253333,#1b2221 70%)}.featured-space{background:linear-gradient(140deg,#252d3a,#1c2028 70%)}.feature-art{position:absolute;right:7px;top:9px;font-size:102px;line-height:1;color:#e2bde322;transform:rotate(12deg);font-family:var(--display)}.featured-history .feature-art{color:#e7b75d22}.featured-sport .feature-art{color:#68d7bd22}.featured-space .feature-art{color:#99aeed24}.feature-label{position:relative;font-size:7px;letter-spacing:.9px;font-weight:700;color:#d2bdde}.featured-history .feature-label{color:#d2b878}.featured-sport .feature-label{color:#88c7b7}.featured-space .feature-label{color:#a6b5e7}.featured-card h3{position:relative;font:700 25px/1.08 var(--display);letter-spacing:-1px;margin:23px 0 8px}.featured-card p{position:relative;color:#a5a69e;font-size:9px;line-height:1.5;margin:0;max-width:175px}.feature-footer{position:absolute;bottom:15px;left:17px;right:15px;display:flex;justify-content:space-between;align-items:center;color:#92958c;font-size:8px}.feature-footer button{width:27px;height:27px;border-radius:50%;border:1px solid #58524e;background:#ffffff08;color:#f0d6ff;font-size:14px;cursor:pointer}.featured-history .feature-footer button{color:#e7c66f}.featured-sport .feature-footer button{color:#82d3bb}.featured-space .feature-footer button{color:#b1c0f3}.slider-caption{display:flex;align-items:center;gap:13px;margin-top:16px;color:#787d72;font-size:8px}.slider-caption>span:first-child{color:#b8bcaf}.slider-line{height:2px;width:80px;background:#30332a}.slider-line i{display:block;width:25%;height:100%;background:var(--lime)}
.arena-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center;border-top:1px solid #292c26;border-bottom:1px solid #292c26;padding-top:91px;padding-bottom:91px}.arena-copy h2{font-size:46px;margin-top:18px}.arena-copy>p{max-width:360px;color:#a1a59a;font-size:11px;line-height:1.8;margin:17px 0 25px}.rank-steps{display:flex;align-items:center;margin-bottom:27px;gap:9px}.rank-steps>i{height:1px;background:#35382f;flex:1;max-width:22px}.rank-step{display:flex;align-items:center;gap:6px;color:#73786c;font-size:8px;white-space:nowrap}.rank-step.active{color:#dce8b7}.rank-icon{display:grid;place-items:center;width:26px;height:26px;background:#242720;border-radius:50%;font-size:13px}.rank-step.active .rank-icon{background:#3c4628;color:var(--lime)}.arena-copy .button{font-size:10px;padding:12px 14px}.leaderboard-card{background:#191b17;border:1px solid #30332c;border-radius:9px;padding:21px 20px 13px}.leaderboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.city-label{font-size:7px;letter-spacing:1px;color:#9ba087;font-weight:700}.city-label span{color:var(--lime)}.leaderboard-head h3{font:700 17px var(--display);letter-spacing:-.5px;margin:7px 0 0}.leaderboard-head .text-link{font-size:8px}.leader-row{height:55px;border-top:1px solid #2b2e27;display:flex;align-items:center;gap:11px}.leader-number{font-size:10px;font-weight:700;width:17px;color:#888d80}.gold{color:#e8c868}.silver{color:#c3c6bf}.bronze{color:#d49b70}.leader-avatar{display:grid;place-items:center;width:30px;height:30px;background:#2c3028;border-radius:50%;font-size:17px}.leader-name{font-size:10px;font-weight:700;flex:1}.leader-name small{display:block;font-size:8px;font-weight:500;color:#868b7e;margin-top:3px}.leader-score{font-size:13px;font-weight:700}.leader-score span{font-size:8px;color:#9fa395}.leader-medal{color:#d8d88b;font-size:15px}.leader-you{display:flex;justify-content:space-between;align-items:center;background:#24271f;padding:11px 12px;border-radius:4px;margin:10px 0;color:#afb39f;font-size:9px}.leader-you button{background:none;border:0;color:var(--lime);font:700 9px var(--font);cursor:pointer}.leaderboard-tabs{display:flex;gap:17px;padding:10px 2px 0;color:#696e63;font-size:7px}.leaderboard-tabs .tab-current{color:var(--lime)}
.how-section{padding-top:96px;padding-bottom:103px}.centered{justify-content:center;text-align:center}.how-section h2{font-size:35px}.steps-grid{display:grid;grid-template-columns:1fr 100px 1fr 100px 1fr;align-items:center;margin-top:43px}.step-card{position:relative;text-align:center;padding:21px 20px 14px}.step-number{position:absolute;top:2px;right:15px;color:#5d6257;font-size:8px;letter-spacing:1px}.step-icon{width:43px;height:43px;margin:0 auto 17px;border-radius:11px;display:grid;place-items:center;background:#242920;color:var(--lime);font-size:20px}.step-card h3{font:700 13px var(--display);margin:0 0 9px}.step-card p{font-size:9px;color:#92968a;line-height:1.7;max-width:220px;margin:auto}.step-connector{text-align:center;color:#555a4c;letter-spacing:2px;font-size:10px;overflow:hidden}.cta-section{position:relative;text-align:center;overflow:hidden;padding:80px 20px 77px;border-top:1px solid #292c26;background:radial-gradient(ellipse at 50% 100%,#697d3222,transparent 50%)}.cta-orb{pointer-events:none;position:absolute;left:50%;top:9px;transform:translateX(-50%);width:440px;height:260px;border:1px solid #d2f36a15;border-radius:50%;box-shadow:0 0 0 45px #d2f36a08,0 0 0 90px #d2f36a04}.cta-section .eyebrow,.cta-section h2,.cta-section p,.cta-section button,.cta-note{position:relative}.cta-section h2{font:700 44px var(--display);letter-spacing:-2.5px;margin:13px 0 11px}.cta-section p{font-size:11px;color:#a1a69a;margin:0 auto 22px}.cta-section .button{min-width:174px}.cta-note{font-size:8px;color:#858a7d;margin-top:14px}.cta-note i{color:var(--lime);font-style:normal;margin:0 6px}
.footer{max-width:1240px;margin:auto;padding:25px 34px 19px;border-top:1px solid #2a2c26}.footer-top{display:flex;align-items:center;gap:20px;padding-bottom:20px}.footer-top>p{font-size:9px;color:#787d72;margin:0}.social-links{display:flex;gap:7px;margin-left:auto}.social-links a{width:25px;height:25px;display:grid;place-items:center;border:1px solid #383b33;border-radius:50%;text-decoration:none;color:#adb0a6;font-size:10px;font-weight:700}.footer-bottom{border-top:1px solid #292c26;padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:#696e64;font-size:8px}.footer-bottom>div{display:flex;gap:18px}.footer-bottom a{color:#888d81;text-decoration:none}.app-soon{color:#adb983;letter-spacing:.7px;font-size:7px}
.modal-backdrop{position:fixed;z-index:10;inset:0;background:#080907d9;backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.auth-modal{position:relative;width:min(100%,430px);max-height:90vh;overflow:auto;background:#191b17;border:1px solid #393d32;border-radius:12px;padding:31px 34px 29px;box-shadow:0 24px 100px #000b}.modal-close{position:absolute;top:14px;right:17px;border:0;background:none;color:#999d91;font-size:24px;cursor:pointer}.modal-brand{font-size:16px;margin-bottom:24px}.modal-brand .brand-mark{width:21px;height:21px}.auth-modal h2{font:700 26px var(--display);letter-spacing:-1px;margin:0 0 8px}.auth-subtitle{color:#999e91;font-size:11px;line-height:1.6;margin:0 0 22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#242720;padding:4px;border-radius:6px;margin-bottom:20px}.auth-tabs button{border:0;background:none;color:#94998b;font:600 10px var(--font);padding:9px;cursor:pointer;border-radius:4px}.auth-tabs button.active{background:#383b32;color:#f0f1e9}.auth-form{display:grid;gap:12px}.auth-form label,.field-label{display:block;color:#b3b7aa;font-size:9px;font-weight:700;margin-bottom:6px}.auth-form input,.auth-form select,.auth-form textarea,.onboard-fields input,.onboard-fields select{width:100%;height:41px;background:#11130f;border:1px solid #393c33;border-radius:5px;padding:0 11px;color:#eef0e7;font:11px var(--font);outline:none}.auth-form input:focus,.onboard-fields input:focus,.auth-form select:focus{border-color:#a6c653}.auth-form input::placeholder,.onboard-fields input::placeholder{color:#656a5e}.auth-full{width:100%;height:43px;font-size:11px;margin-top:5px}.auth-divider{display:flex;align-items:center;gap:10px;color:#71766a;font-size:8px;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#34372e;flex:1}.google-button{height:40px;width:100%;border:1px solid #3b3e35;border-radius:5px;background:#20221d;color:#e4e6dd;font:600 10px var(--font);cursor:pointer}.google-g{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:6px;border-radius:50%;background:#f5f5f0;color:#4285f4;font-weight:800;font-size:12px}.auth-legal{font-size:8px;line-height:1.6;color:#777c70;text-align:center;margin:15px 0 0}.auth-legal a{color:#c0d68a}.auth-switch{display:flex;justify-content:center;align-items:center;gap:5px;margin:15px 0 0;color:#a1a69a;font-size:10px}.auth-switch button{border:0;padding:2px;background:none;color:#1db954;font:700 10px var(--font);cursor:pointer}.auth-switch button:hover{text-decoration:underline}.password-note{font-size:8px;color:#777d70;margin-top:-7px}.auth-error{color:#ff9f91;font-size:9px;min-height:13px;margin:0}.step-indicator{font-size:8px;color:#9fa494;letter-spacing:1px;margin-bottom:9px}.onboard-fields{display:grid;gap:12px}.avatar-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:7px}.avatar-choice{height:32px;border:1px solid #373a31;background:#22241f;border-radius:5px;font-size:18px;cursor:pointer}.avatar-choice.selected{border-color:var(--lime);background:#303a20;box-shadow:0 0 0 1px var(--lime)}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 4px}.topic-choice{border:1px solid #393c33;background:#22241f;color:#b5b9ac;border-radius:5px;text-align:left;padding:9px 10px;font:10px var(--font);cursor:pointer}.topic-choice.selected{color:#e1efb7;border-color:#a5c750;background:#2b3320}.topic-choice span{margin-right:6px}.newsletter-choice{display:flex;align-items:flex-start;gap:8px;color:#9da194;font-size:9px;line-height:1.4;margin:2px 0 4px}.newsletter-choice input{accent-color:var(--lime);margin:1px 0 0}.toast{position:fixed;z-index:20;bottom:23px;left:50%;transform:translate(-50%,20px);background:#d2f36a;color:#16190f;font-size:11px;font-weight:700;padding:12px 18px;border-radius:6px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 9px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topbar{padding:0 24px}.hero,.section,.featured-section,.arena-section,.how-section{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr .86fr;padding-top:72px}.hero h1{font-size:63px}.hero-art{transform:scale(.9)}.game-tile{padding:17px;min-height:295px}.tile-content h3{font-size:24px}.arena-section{gap:35px}.rank-steps{gap:5px}.rank-step{font-size:7px}.footer{padding-left:24px;padding-right:24px}.featured-card{padding:15px}.feature-footer{left:15px;right:12px}.featured-card h3{font-size:23px}}
@media(max-width:700px){.topbar{height:69px;padding:0 19px;position:relative}.main-nav{display:none}.top-actions{margin-left:auto;margin-right:14px;gap:14px}.top-actions .button-quiet{font-size:10px}.button-small{padding:10px 11px;font-size:9px}.menu-toggle{width:27px;height:27px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:none;padding:5px}.menu-toggle span{height:1px;width:17px;background:#dce0d5}.mobile-nav.open{position:absolute;display:grid;z-index:5;top:60px;right:18px;min-width:180px;padding:7px;background:#1b1d18;border:1px solid #3a3e34;border-radius:7px;box-shadow:0 15px 35px #0009}.mobile-nav a{padding:11px 12px;color:#d8dbd1;text-decoration:none;font-size:11px;border-radius:4px}.mobile-nav a:hover{background:#2a2d25;color:var(--lime)}.hero{padding:68px 21px 67px;display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:0}.hero h1{font-size:58px;letter-spacing:-4px;margin:20px 0 15px}.hero-intro{font-size:12px;max-width:390px}.hero-buttons{gap:8px;margin-top:22px}.hero-buttons .button{padding:13px 14px;min-height:44px;font-size:10px}.social-proof{margin-top:25px}.hero-art{height:390px;margin-top:5px;transform:scale(.88);transform-origin:center}.hero-bottomline{left:21px;right:21px;bottom:22px;gap:8px;font-size:6px;letter-spacing:.7px}.ticker-track{justify-content:flex-start;padding-left:20px;gap:28px;height:48px;font-size:8px}.section,.featured-section,.arena-section,.how-section{padding-left:21px;padding-right:21px}.game-section{padding-top:74px;padding-bottom:75px}.section-heading h2,.arena-copy h2{font-size:33px}.section-heading .text-link{font-size:8px}.game-grid{grid-template-columns:1fr;gap:9px}.game-tile{min-height:220px;padding:17px}.tile-content{margin-top:15px}.tile-content h3{font-size:24px}.tile-content p{font-size:9px}.tile-decoration{right:40px;bottom:20px}.featured-section{padding-bottom:75px}.featured-track{grid-template-columns:repeat(4,230px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.featured-card{scroll-snap-align:start;min-height:235px}.slider-caption{font-size:7px}.arena-section{grid-template-columns:1fr;gap:34px;padding-top:68px;padding-bottom:70px}.arena-copy h2{font-size:42px}.rank-steps{max-width:400px}.leaderboard-card{padding:18px 14px 12px}.leaderboard-tabs{gap:11px;font-size:6px}.how-section{padding-top:73px;padding-bottom:75px}.how-section h2{font-size:29px}.steps-grid{grid-template-columns:1fr;margin-top:25px}.step-card{padding:15px}.step-connector{height:16px;line-height:10px;transform:rotate(90deg)}.step-number{right:calc(50% - 73px)}.cta-section{padding:67px 19px}.cta-section h2{font-size:38px}.cta-section p{font-size:10px;line-height:1.6;max-width:310px}.footer{padding:21px}.footer-top{gap:12px}.footer-top>p{font-size:8px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:13px}.footer-bottom>div{flex-wrap:wrap;gap:10px 15px}.app-soon{position:absolute;right:21px;margin-top:30px}.auth-modal{padding:27px 22px 23px}.avatar-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:390px){.hero h1{font-size:51px}.top-actions{gap:9px}.top-actions .button-quiet{font-size:9px}.button-small{font-size:8px;padding:9px}.hero-art{margin-left:-22px;margin-right:-22px;transform:scale(.8)}.hero-buttons .button{font-size:9px;padding:12px}.section-heading h2{font-size:29px}.leaderboard-tabs{gap:8px}.leaderboard-tabs span{font-size:5.8px}}