@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f4f1;background:#111113;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;--bg:#111113;--panel:#1a1a1d;--line:#303034;--muted:#929198;--lime:#d1fa67;--orange:#ff7957}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 51% 40%,#20201f 0,transparent 52%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.app{max-width:1200px;padding:0 54px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.top{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px;color:#f4f4f0;text-decoration:none;letter-spacing:1.3px;font-size:12px;font-weight:700}.brand b{font-weight:400;color:#9d9ca2}.brandmark{display:grid;place-items:center;background:var(--lime);color:#141511;width:32px;height:32px;border-radius:10px;font-family:Space Grotesk;font-weight:700;letter-spacing:-1px}.topnote,.eyebrow,.tiny,footer,.divider,.host,.ready,.notready,.online,.offline,.matchfoot span{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.1px}.topnote{color:#aaa9ae}.pulse,.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 12px #d1fa6780}.landing{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px;gap:30px;padding:36px 0 52px}.hero{max-width:470px}.eyebrow{color:#9e9da2}.hero .eyebrow{color:var(--lime)}h1{font:600 clamp(58px,7vw,88px)/.98 "Space Grotesk";letter-spacing:-5px;margin:25px 0 18px}h1 em{font-style:normal;color:var(--lime)}.intro{color:#b5b4b9;font-size:15px;line-height:1.7;max-width:385px;margin:0 0 25px}.formcard{padding:21px;border:1px solid #37373a;background:#1a1a1ddd;border-radius:14px;max-width:414px;box-shadow:0 16px 70px #0004}.formcard label{display:block;font:10px DM Mono;letter-spacing:1px;color:#aaa9ae;margin:1px 0 9px}.formcard input{width:100%;border:1px solid #3b3b3e;background:#141416;border-radius:8px;color:#fff;padding:12px 13px;outline:none}.formcard input:focus{border-color:var(--lime)}.formcard>input{margin-bottom:11px}.primary,.darkbtn,.outline,.iconbtn{border:0;border-radius:8px;font-weight:700;padding:12px 16px;transition:.18s}.primary{background:var(--lime);color:#171910}.primary:hover{background:#e0ff91;transform:translateY(-1px)}.full{width:100%;display:flex;justify-content:space-between;align-items:center}.divider{color:#77767c;display:flex;align-items:center;gap:12px;justify-content:center;margin:18px 0}.divider span{height:1px;background:#363639;flex:1}.joinrow{display:flex;gap:8px}.joinrow input{min-width:0;font:11px DM Mono;letter-spacing:1px}.darkbtn{background:#2b2b2e;color:#f1f0ee;white-space:nowrap}.darkbtn:hover,.outline:hover{background:#3a3a3d}.tiny{color:#8e8d92;margin-top:17px;letter-spacing:.3px}.error{color:#ff9d88;font-size:12px;margin-top:12px}.heroart{position:relative;height:490px;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #ffffff13;border-radius:50%;width:435px;height:435px}.orbit2{width:330px;height:330px;border-style:dashed;opacity:.55}.blob{width:215px;height:215px;border-radius:50%;background:linear-gradient(145deg,#d1fa67,#a5d847);color:#2f3818;display:grid;place-items:center;font-size:95px;box-shadow:0 0 100px #cafa3d22}.float{position:absolute;width:64px;height:64px;display:grid;place-items:center;border:1px solid #ffffff22;background:#242427;border-radius:18px;font-size:30px;box-shadow:0 12px 30px #0007}.f1{top:78px;left:19%}.f2{right:18%;top:103px}.f3{bottom:106px;left:17%}.f4{right:14%;bottom:90px}.scorecard{position:absolute;right:3%;bottom:18px;background:#262629;padding:15px 18px;border:1px solid #ffffff16;border-radius:11px;display:flex;gap:32px;align-items:center}.scorecard div:first-child{display:grid;gap:6px}.scorecard span{font:9px DM Mono;letter-spacing:1px;color:#9f9ea4}.scorecard strong{font:600 15px Space Grotesk}.dots{font-size:11px;color:var(--lime);letter-spacing:4px}footer{display:flex;justify-content:space-between;padding:21px 0;color:#66656b;font-size:9px;border-top:1px solid #ffffff12}.room{flex:1;padding:38px 0 50px}.roombar{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff13;padding-bottom:24px}.code{font:600 32px Space Grotesk;letter-spacing:4px;color:var(--lime);margin-top:5px}.code button{border:0;background:none;color:#a3a2a7;font-size:18px;margin-left:7px}.roomactions{display:flex;gap:9px;align-items:center}.outline{color:#eee;background:transparent;border:1px solid #4a494d}.iconbtn{font-size:23px;line-height:14px;color:#aaa;background:transparent;padding:10px}.lobbygrid{display:grid;grid-template-columns:.94fr 1.06fr;gap:20px;margin-top:23px}.panel{border:1px solid #353538;background:linear-gradient(145deg,#1c1c1f,#18181a);border-radius:14px;padding:23px}.panelhead{display:flex;justify-content:space-between;align-items:center}.panel h2{font:600 24px Space Grotesk;letter-spacing:-.8px;margin:7px 0 0}.panel h2 small{font:12px DM Mono;letter-spacing:0;color:#929198;margin-left:5px}.online{color:var(--lime);font-size:9px}.offline{color:#f0a48e;font-size:9px}.playerlist{margin-top:22px}.player{display:flex;align-items:center;padding:12px 0;border-top:1px solid #ffffff0e;gap:11px}.avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#343733;color:var(--lime);font-weight:700}.a1{background:#41312d;color:#ff9f79}.a2{background:#323446;color:#a6b4ff}.a3{background:#44394c;color:#d7a8f5}.a4{background:#34433e;color:#8fe5c1}.a5{background:#4a4532;color:#f6d66b}.pname{font-weight:600;font-size:13px;flex:1}.pname small{font:9px DM Mono;color:var(--lime);margin-left:5px}.pname span{display:block;font-size:10px;font-weight:400;color:#8d8c91;margin-top:3px}.host{color:#d0c4ff;font-size:8px}.ready,.notready{font-size:8px;padding:5px 7px;border-radius:4px}.ready{color:var(--lime);background:#d1fa6715}.notready{color:#aaa;background:#ffffff0b}.invitehint{font-size:11px;color:#89888e;border-top:1px solid #ffffff0e;padding:14px 0 2px}.readybar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff15;margin-top:13px;padding-top:17px;font-size:12px;color:#bbb}.readybar button{padding:9px 12px;font-size:11px}.games h2{margin-bottom:17px}.gamecards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gamecard{position:relative;text-align:left;color:#fff;background:#202023;border:1px solid #38383b;border-radius:10px;padding:13px;min-height:116px;display:flex;flex-direction:column;align-items:flex-start}.gamecard:hover{border-color:#8eaa50}.gamecard.selected{border-color:var(--lime);background:#242a1e}.gameicon{font-size:20px;margin-bottom:8px}.gametitle{font:600 14px Space Grotesk}.gamedesc{font-size:10px;color:#aaa9af;margin-top:4px;line-height:1.4}.selectedmark{position:absolute;right:10px;top:10px;color:var(--lime);font-size:12px}.startbtn{width:100%;margin-top:13px;display:flex;justify-content:space-between;align-items:center}.waiting{color:#a7a6ab;text-align:center;font-size:12px;padding:17px 4px 4px}.waiting b{color:#efefed}.roomerror{margin:12px 0 0}.match{max-width:780px;margin:34px auto 0;width:100%;padding:28px}.matchtop{display:flex;justify-content:space-between;align-items:center}.round{font:600 23px Space Grotesk;margin-top:8px}.timer{font:600 24px DM Mono;color:var(--lime);border:1px solid #d1fa6744;background:#d1fa6710;border-radius:10px;padding:10px 13px}.timer[data-low=true]{color:#ff7957;border-color:#ff795777}.question{font:600 clamp(24px,4vw,38px)/1.2 "Space Grotesk";letter-spacing:-1px;margin:42px 0 25px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{padding:15px;border-radius:9px;border:1px solid #3b3b3e;background:#222225;color:#f1f1ef;text-align:left;display:flex;align-items:center;gap:12px}.choices button:hover:not(:disabled){border-color:var(--lime);background:#272c20}.choices button:disabled{opacity:.45}.choices button>span{font:11px DM Mono;color:var(--lime);border:1px solid #d1fa6744;border-radius:5px;padding:5px 7px}.matchfoot{display:flex;justify-content:space-between;color:#96959b;font-size:11px;margin-top:20px}.scoreline{display:flex;justify-content:space-between;padding:11px 5px;border-bottom:1px solid #ffffff12}.scoreline b{color:var(--lime)}@media(max-width:820px){.app{padding:0 25px}.landing{grid-template-columns:1fr;min-height:unset;padding:62px 0 28px}.hero{max-width:none}.heroart{height:320px;grid-row:1;max-width:480px;width:100%;margin:auto}.blob{width:150px;height:150px;font-size:70px}.orbit{width:300px;height:300px}.orbit2{width:235px;height:235px}.float{width:50px;height:50px;font-size:24px}.f1{top:35px}.f2{top:46px}.f3{bottom:48px}.f4{bottom:40px}.scorecard{bottom:2px;right:0}.lobbygrid{grid-template-columns:1fr}.room{padding-top:25px}}@media(max-width:520px){.app{padding:0 16px}.top{height:70px}.topnote{font-size:8px;letter-spacing:.4px}.brand{font-size:10px}.landing{padding-top:38px}h1{font-size:61px;letter-spacing:-3px}.heroart{height:260px}.roombar{align-items:flex-start;gap:16px;flex-direction:column}.roomactions{width:100%}.roomactions .primary{flex:1}.panel{padding:18px}.gamecard{min-height:124px}.choices{grid-template-columns:1fr}.match{padding:19px;margin-top:19px}.question{margin:28px 0 19px}.matchfoot{gap:12px;font-size:10px}.code{font-size:29px}footer{font-size:8px}}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.creator{position:relative;display:flex;align-items:center;gap:27px;max-width:760px;width:100%;margin:4px auto 42px;padding:22px 26px;border:1px solid #ffffff18;border-radius:16px;background:linear-gradient(115deg,#202022,#19191c);box-shadow:0 18px 55px #0003;overflow:hidden}.creator-photo-frame{flex:none;width:102px;height:102px;padding:4px;border:1px solid #d1fa6770;border-radius:50%;background:#d1fa6713;box-shadow:0 0 28px #d1fa6718}.creator-copy .eyebrow{font-size:9px;color:var(--lime)}.creator-copy h2{font:600 25px/1.1 Space Grotesk;letter-spacing:-.7px;margin:9px 0 6px}.creator-copy h2 em{font-style:normal;color:var(--lime)}.creator-name{font-weight:700;font-size:14px;margin:0;color:#f5f4f1}.creator-role{font-size:11px;color:#aaa9af;margin:3px 0 0}.creator-note{font-size:12px;color:#c2c1c5;margin:11px 0 0}.creator-spark{position:absolute;right:31px;top:19px;color:#d1fa6733;font-size:27px}@media(max-width:520px){.creator{gap:16px;margin:0 auto 28px;padding:18px 16px}.creator-photo-frame{width:80px;height:80px}.creator-copy h2{font-size:21px}.creator-copy .eyebrow{font-size:8px;letter-spacing:.7px}.creator-note{font-size:11px}.creator-spark{right:15px;top:12px;font-size:20px}}.top{gap:16px}.brand{gap:10px;min-width:0;white-space:nowrap}.brandmark{width:36px;height:36px;border-radius:11px;box-shadow:0 0 20px #d1fa6718;font-size:13px}.brand-title{font-size:11px;letter-spacing:1px}.brand-title b{color:#b7d879;font-weight:700}.brand-divider{width:1px;height:25px;background:#ffffff24;margin:0 2px}.brand-avatar{width:34px;height:34px;flex:none;object-fit:cover;object-position:center 39%;border-radius:50%;border:1px solid #d1fa6790;box-shadow:0 0 16px #d1fa6718}.brand-creator{font:600 12px Space Grotesk;letter-spacing:.1px;color:#f5f4f1}.topnote{white-space:nowrap}@media(max-width:820px){.top{gap:10px}.brand{gap:8px}.brandmark{width:33px;height:33px}.brand-title{font-size:10px}.brand-avatar{width:31px;height:31px}.brand-creator{font-size:11px}.brand-divider{height:22px}}@media(max-width:520px){.top{height:68px}.brand{gap:7px}.brandmark{width:31px;height:31px;border-radius:9px;font-size:11px}.brand-title{font-size:9px;letter-spacing:.45px}.brand-title b{color:#b7d879}.brand-divider{height:21px;margin:0 1px}.brand-avatar{width:29px;height:29px}.brand-creator{font-size:10px;letter-spacing:0}.topnote{display:none}}@media(max-width:365px){.brand{gap:5px}.brand-title{font-size:8px;letter-spacing:.2px}.brandmark{width:29px;height:29px}.brand-avatar{width:26px;height:26px}.brand-creator{font-size:9px}}@media(max-width:365px){html,body,#root,.app{overflow-x:clip}}.landing{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:stretch;gap:34px;padding-top:34px}.hero{align-self:center;min-width:0}.creator{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;max-width:none;width:100%;min-width:0;min-height:500px;margin:0;padding:34px 32px 27px;border:1px solid #d1fa6730;border-radius:20px;background:radial-gradient(ellipse at 50% 32%,#d1fa6714,transparent 42%),linear-gradient(145deg,#202023,#171719 72%);box-shadow:0 24px 80px #0005;overflow:hidden;text-align:center}.creator:before{content:"";position:absolute;z-index:-1;width:320px;height:320px;top:33px;left:50%;transform:translate(-50%);border:1px solid #d1fa671c;border-radius:50%;box-shadow:0 0 0 28px #d1fa6708,0 0 0 58px #d1fa6705}.creator-kicker{font:10px DM Mono,monospace;letter-spacing:1.25px;color:var(--lime);margin-bottom:24px}.creator-photo-frame{flex:none;width:204px;height:204px;padding:6px;border:1px solid #d1fa67a0;border-radius:50%;background:linear-gradient(145deg,#d1fa6735,#d1fa6708);box-shadow:0 0 0 9px #d1fa670c,0 0 55px #d1fa6723;margin:0 0 21px}.creator-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 39%}.creator-copy{position:relative;z-index:1}.creator-copy h2{font:600 clamp(31px,3.4vw,41px)/1.05 "Space Grotesk";letter-spacing:-1.4px;margin:0;color:#f5f4f1}.creator-role{font-size:14px;color:#c1c0c5;margin:10px 0 0}.creator-note{font-size:13px;color:#e0dfe2;margin:11px 0 0}.creator-footer{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;padding-top:19px;border-top:1px solid #ffffff16;color:#929198;font:9px DM Mono,monospace;letter-spacing:1px}.creator-footer .brandmark{width:25px;height:25px;border-radius:8px;font-size:9px;letter-spacing:-1px}.creator-spark{position:absolute;right:0;top:14px;color:#d1fa6760;font-size:20px}.live-scores{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.live-score{display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid #ffffff17;border-radius:7px;background:#ffffff08;color:#c9c8cc;font-size:11px}.live-score b{color:var(--lime);font:11px DM Mono,monospace;white-space:nowrap}@media(max-width:820px){.landing{grid-template-columns:1fr;align-items:start;gap:26px;padding:38px 0 30px}.hero{max-width:590px;width:100%;align-self:start}.creator{min-height:440px;padding:29px 24px}.creator-photo-frame{width:178px;height:178px}}@media(max-width:520px){.landing{gap:23px;padding:34px 0 26px}.creator{min-height:420px;padding:25px 17px;border-radius:16px}.creator-kicker{margin-bottom:20px;font-size:9px}.creator-photo-frame{width:158px;height:158px;margin-bottom:18px}.creator-copy h2{font-size:32px}.creator-role{font-size:13px}.creator-note{font-size:12px}.creator-footer{margin-top:21px}.creator-spark{right:0}.live-scores{gap:6px}.live-score{padding:5px 7px;font-size:10px}}