@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f5f4f2;font-synthesis:none;--bg:#10131b;--surface:#191d28;--border:#2b303e;--muted:#a4a9b8;--amber:#f6b84d;--green:#94d7b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10131b;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:#252a38;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}button:hover:not(:disabled){background:#343b4c}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:4px}button.primary{background:var(--amber);color:#1c1b1b;box-shadow:0 4px 18px #0002}button.primary:hover:not(:disabled){background:#ffc96a;transform:translateY(-1px)}button.secondary{border-color:var(--border);background:#202737}.quiet{color:#d3d6df;background:0 0;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:inline-flex}.quiet:hover{background:#ffffff09}.full{width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h2{letter-spacing:-.9px;font-size:26px;line-height:1.3}h3{letter-spacing:-.3px;font-size:18px}p{line-height:1.65}.muted{color:var(--muted)}small{color:var(--muted);font-size:13px;line-height:1.5;display:block}svg{flex-shrink:0}.site-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;max-width:1240px;height:102px;margin:auto;padding:0 42px;display:flex}.brand{letter-spacing:-1.3px;align-items:center;font-size:26px;font-weight:800;display:flex}.brand-mark{background:var(--amber);color:#171923;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:11px;font-size:30px;line-height:1;display:inline-flex}.brand-mark>span{margin-left:-1px;font-size:26px}.brand-dot{color:var(--amber)}nav{align-items:center;gap:29px;display:flex}nav>a{color:#c4c7d1;font-size:14px}nav>a:hover{color:var(--amber)}nav .quiet{border:1px solid var(--border)}.home{max-width:1156px;margin:0 auto;padding:48px 0 0}.eyebrow{letter-spacing:1.8px;color:#aaaebb;align-items:center;gap:10px;font-size:11px;font-weight:700;line-height:1.7;display:flex}.tiny-line{background:var(--amber);width:24px;height:2px}.start-grid{grid-template-columns:1fr 390px;gap:80px;margin:24px 0 64px;display:grid}.intro{padding:3px 0 0}.intro h1{letter-spacing:-4px;font-size:clamp(54px,5.6vw,78px);font-weight:800;line-height:1.08}.intro h1 em{color:var(--amber);font-style:normal}.lead{color:#aaaebc;margin:24px 0 27px;font-size:17px;line-height:1.75}.create-cta{min-height:49px}.intro-facts{color:#959cac;gap:20px;margin-top:19px;font-size:12px;display:flex}.intro-facts>span{align-items:center;gap:7px;display:flex}.mini-steps{color:#c6c9d3;align-items:center;gap:16px;margin-top:43px;font-size:13px;display:flex}.mini-steps span{align-items:center;gap:9px;display:flex}.mini-steps b{color:#82899c;font-size:11px}.mini-steps i{background:var(--border);width:28px;height:1px}.join-card{background:linear-gradient(135deg,#232735,#1b1f2a);border:1px solid #333848;border-radius:18px;padding:27px 30px;position:relative;box-shadow:0 16px 50px #0002}.join-card:before{content:"";background:var(--amber);width:40px;height:3px;position:absolute;top:-1px;left:30px}.card-topline{color:var(--amber);justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-topline .eyebrow{letter-spacing:1.4px;font-size:10px}.join-card h2{margin-bottom:6px;font-size:24px}.join-card>.muted{margin-bottom:23px;font-size:14px}form{gap:16px;display:grid}label{color:#c6cbd7;gap:8px;font-size:13px;font-weight:500;display:grid}input,select{color:#f3f4f8;background:#131721;border:1px solid #3a4050;border-radius:8px;outline:none;width:100%;min-width:0;padding:12px 13px;line-height:1.5}input:focus,select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f6b84d18}input::placeholder{color:#808696}.code-input{text-align:center;letter-spacing:7px;height:59px;font-size:24px;font-weight:700}.code-input::placeholder{letter-spacing:3px;font-size:13px;font-weight:500}.avatar-picker{border:0;gap:9px;margin:0;padding:0;display:flex}.avatar-picker legend{color:#9ea6b7;margin-bottom:9px;font-size:12px}.avatar-picker button{background:0 0;border:1px solid #0000;border-radius:50%;padding:3px}.avatar-picker button.picked{border-color:var(--amber)}.avatar{color:#e9b860;background:#3b3023;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.avatar.moon{color:#b99bd8;background:#352c4d}.avatar.bolt{color:#8dd1c5;background:#263e43}.avatar.flame{color:#ec929c;background:#482d35}.form-note{color:#9299a9;justify-content:center;align-items:center;gap:7px;font-size:11px;line-height:1.5;display:flex}.section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.section-title .eyebrow{margin-bottom:9px;font-size:10px}.section-title>span{color:var(--muted);font-size:12px}.pill{border:1px solid var(--border);letter-spacing:1px;color:#b8bfce;white-space:nowrap;border-radius:30px;padding:7px 11px;font-size:10px;font-weight:600}.topic-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.topic-card{background:linear-gradient(110deg,#29261f,#1d2028);border:1px solid #4a3b2d;border-radius:13px;align-items:flex-start;gap:21px;min-height:212px;padding:30px 28px;display:flex;position:relative;overflow:hidden}.topic-card.diaries{background:linear-gradient(110deg,#2d222b,#201d2a);border-color:#49303f}.topic-symbol{color:#d5ad63;padding-top:23px}.diaries .topic-symbol{color:#cd8eaa}.topic-kicker{letter-spacing:1.5px;color:#cba767;font-size:9px;font-weight:600}.diaries .topic-kicker{color:#c48ca5}.topic-content h3{letter-spacing:-.6px;margin:8px 0 10px;font-size:26px;font-weight:700}.topic-content p{color:#b4b2b1;font-size:13px;line-height:1.65}.topic-meta{color:#c1b59f;align-items:center;gap:17px;margin-top:21px;font-size:10px;display:flex}.topic-meta>span{align-items:center;gap:6px;display:flex}.diaries .topic-meta{color:#b9a5b6}.topic-index{color:#ffffff24;letter-spacing:1px;font-size:12px;position:absolute;top:20px;right:21px}.seed-note{color:#8e94a3;margin:13px 0 0;font-size:12px}.download-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:20px;margin-top:39px;padding:28px 0;display:flex}.phone-emblem{color:#a3aec3;background:#202633;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.download-section h2{letter-spacing:-.4px;font-size:19px}.download-section p{color:var(--muted);margin-top:5px;font-size:12px}.download-buttons{gap:10px;margin-left:auto;display:flex}.download-button{border:1px solid #3a4150;border-radius:9px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.download-button small{color:#9099aa;font-size:10px}.download-button.unavailable{opacity:.65}footer{color:#8d94a4;justify-content:space-between;max-width:1156px;margin:auto;padding:28px 0 32px;font-size:11px;display:flex}footer>span:first-child{color:#c1c5d0}.my-teams{margin-bottom:40px}.team-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.team-list>a{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:13px;padding:18px;display:flex}.team-list code{letter-spacing:2px;color:var(--amber);margin-left:auto}dialog{color:inherit;background:#1c202c;border:1px solid #3c4353;border-radius:18px;width:min(440px,100% - 32px);padding:27px;box-shadow:0 30px 100px #0007}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070911b8}.modal-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.modal-heading h2{font-size:23px}.icon-button{background:0 0;padding:5px}.segmented{background:#121722;border-radius:9px;margin:19px 0;padding:4px;display:flex}.segmented button{background:0 0;flex:1;font-size:14px}.segmented button.selected{background:#333a4b}dialog>small{margin-top:17px}dialog>.muted{font-size:14px}.error{color:#ffbfc3;background:#702e3533;border:1px solid #ae565b70;border-radius:8px;padding:13px;font-size:14px;line-height:1.5}.notice{color:#ecd6ad;background:#f6b84d12;border:1px solid #f6b84d55;border-radius:8px;margin-bottom:20px;padding:13px;font-size:14px}.room{max-width:1156px;margin:auto;padding:38px 0 70px}.room-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.room-heading h1{letter-spacing:-1.3px;margin-top:6px;font-size:34px}.room>.error{margin-bottom:20px}.room-nav{align-items:center;gap:18px;display:flex}.connection{color:#f0bf6c;align-items:center;gap:7px;font-size:12px;display:flex}.connection:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.connection.online{color:var(--green)}.room-grid{grid-template-columns:minmax(0,1fr) 300px;gap:25px;display:grid}.room-main{flex-direction:column;gap:24px;min-width:0;display:flex}.invite{background:linear-gradient(110deg,#2c2922,#1d212b);border:1px solid #3e3a30;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}.invite .eyebrow{color:#baa580;font-size:10px}.team-code{letter-spacing:7px;color:var(--amber);margin:5px 0 6px;padding:0;font-size:36px;font-weight:700;background:0 0!important}.team-code svg{color:#b7a47d;margin-left:8px}.invite small{font-size:12px}.invite img{border:5px solid #fff;border-radius:7px}.empty-night,.ready-panel{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:45px 26px}.empty-night>svg{color:var(--amber);margin-bottom:18px}.empty-night h2,.ready-panel h2{font-size:23px}.empty-night p,.ready-panel p{max-width:440px;margin:15px auto 24px;font-size:14px}.round-icon,.trophy-emblem{width:65px;height:65px;color:var(--amber);background:#f6b84d13;border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.round-picker{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:25px}.round-picker .section-title h2{font-size:22px}.round-picker .section-title .pill{font-size:9px}.topic-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.topic-option{background:#121620;border:1px solid #343949;flex-direction:column;align-items:flex-start;gap:9px;padding:21px 18px;display:flex;position:relative}.topic-option strong{font-size:17px}.topic-option small{font-size:12px}.topic-option>svg:first-child{color:#c5a572}.topic-option.diaries>svg:first-child{color:#c996c1}.topic-option.active{border-color:var(--amber);background:#f6b84d0b}.chosen{color:var(--amber);position:absolute;top:17px;right:15px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.settings-grid label{font-size:12px}.settings-grid select{font-size:14px}.start-round{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding-top:18px;display:flex}.start-round>span{font-size:13px}.start-round small{margin-top:5px;font-size:11px}.round-picker>.form-note{margin-top:15px}.room-sidebar{flex-direction:column;gap:21px;display:flex}.players-panel,.leaderboard,.host-tools{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:21px}.players-panel .section-title{margin-bottom:15px}.players-panel h3,.leaderboard h3{font-size:15px}.player-row{border-top:1px solid #ffffff07;align-items:center;gap:10px;padding:12px 0;font-size:14px;display:flex}.player-row>span:nth-child(2){overflow-wrap:anywhere}.player-row small{color:var(--amber);margin-left:6px;font-size:10px;display:inline}.player-status{color:#7f889c;margin-left:auto;font-size:11px}.player-status.ready{color:var(--green)}.empty-players{text-align:center;color:#7e879c;padding:24px 0;font-size:13px}.empty-players p{margin-top:13px}.leaderboard h3{color:#c7cede;align-items:center;gap:8px;margin-bottom:16px;display:flex}.leaderboard h3 svg{color:var(--amber)}.score-row{border-top:1px solid #ffffff09;align-items:center;gap:10px;padding:13px 0;font-size:13px;display:flex}.score-row>b{color:#7e889a;width:17px;font-size:12px}.score-row>b.gold{color:var(--amber)}.score-row>.avatar{width:29px;height:29px}.score-row>.avatar svg{width:15px}.score-row>span:nth-of-type(2){overflow-wrap:anywhere;min-width:0}.score-row small{font-size:10px}.score-row>strong{text-align:right;margin-left:auto;font-size:16px}.score-row.is-me{color:var(--amber)}.host-tools h3{margin-bottom:12px;font-size:14px}.host-tools button{color:#a7afc0;justify-content:flex-start;width:100%;padding:10px 0;font-size:12px}.ready-panel>.avatar{width:62px;height:62px;margin-bottom:18px}.ready-panel>.avatar svg{width:28px;height:28px}.question-panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:28px}.question-top{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.question-top .pill{letter-spacing:.2px;font-size:11px}.timer{color:var(--amber);align-items:center;gap:7px;font-weight:700;display:flex}.timer.urgent{color:#f59999}.time-track{background:#2a3140;border-radius:3px;height:3px;margin:22px 0 32px;overflow:hidden}.time-track span{background:var(--amber);height:100%;transition:width .15s linear;display:block}.question-text{letter-spacing:-.8px;min-height:100px;margin-bottom:31px;font-size:29px;line-height:1.4}.answer-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.answer{text-align:left;background:#111620;border-color:#384050;justify-content:flex-start;gap:12px;min-height:77px;padding:16px;font-size:15px;font-weight:500}.answer:disabled{opacity:1}.answer>span:nth-child(2){flex:1}.answer-letter{color:#a8b2c5;border:1px solid #444c5e;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:inline-flex}.answer.selected{border-color:var(--amber);background:#f6b84d13}.answer.selected .answer-letter{background:var(--amber);color:#191c22;border-color:var(--amber)}.answer.correct{background:#75c89b14;border-color:#75c89b}.answer.correct>.answer-letter{color:#c3f4d7;background:#75c89b33;border-color:#75c89b}.answer.wrong{background:#ca6f8014;border-color:#ca6f80}.question-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:26px;font-size:13px;display:flex}.question-bottom>.muted{align-items:center;gap:6px;display:flex}.question-bottom>strong{color:#c6b48f;text-align:right;font-size:13px}.reveal-box{border-top:1px solid var(--border);margin-top:27px;padding-top:22px;position:relative}.reveal-box>.eyebrow{color:var(--green);font-size:10px}.reveal-box h3{margin:8px 0;font-size:21px}.reveal-box p{color:#c3c9d4;margin-bottom:8px;font-size:14px}.reveal-box button{margin-top:24px}.earned{color:var(--amber);margin-top:17px;font-size:24px;display:block}.results{text-align:center;background:linear-gradient(#f6b84d09,#191d28 250px);border:1px solid #514431;border-radius:14px;padding:30px}.results>.eyebrow{color:var(--amber);justify-content:center}.results>h2{overflow-wrap:anywhere;margin-top:10px;font-size:32px}.results>p{color:var(--muted);margin:10px 0 25px}.results .leaderboard{text-align:left;background:0 0;border:0;padding:15px 0}.results .trophy-emblem{margin-bottom:17px}.results details{text-align:left}.history{margin-top:45px}.history h2{margin-bottom:20px;font-size:23px}details{border:1px solid var(--border);background:#191d28;border-radius:10px;margin-top:10px;padding:17px}summary{cursor:pointer;font-size:15px;font-weight:600}summary span{float:right;color:var(--muted);font-size:12px}details .leaderboard{border:0}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;display:flex}.loading-page a:not(.brand){color:var(--amber)}.display .question-text{font-size:36px}.display .answer{font-size:19px}.display .room-grid{grid-template-columns:minmax(0,1fr) 270px}@media (width>=1400px){.home{padding-top:56px}.start-grid{margin-bottom:75px}.site-header{height:110px}}@media (width<=1240px){.home,.room,footer{margin-left:42px;margin-right:42px}.start-grid{grid-template-columns:1fr 370px;gap:45px}.intro h1{font-size:65px}.topic-card{gap:16px;padding:25px 22px}.topic-meta{gap:11px}.topic-content h3{font-size:23px}}@media (width<=980px){.site-header{padding:0 26px}.home,.room,footer{margin-left:26px;margin-right:26px}.start-grid{grid-template-columns:1fr 340px;gap:28px}.intro h1{letter-spacing:-3px;font-size:54px}.intro-facts{flex-direction:column;gap:9px}.join-card{padding:24px}.mini-steps{gap:11px;margin-top:30px}.topic-symbol{display:none}.download-section{flex-wrap:wrap}.download-buttons{margin-left:76px}.room-grid,.display .room-grid{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.round-picker,.question-panel{padding:20px}.round-picker .section-title{flex-wrap:wrap}.start-round{flex-direction:column;align-items:stretch}.start-round>.primary{width:100%}.question-text{font-size:25px}.answer-grid{grid-template-columns:1fr}.question-bottom{flex-wrap:wrap}.question-bottom>button{width:100%}.room-heading h1{font-size:29px}}@media (width<=720px){.site-header{height:78px;padding:0 20px}.brand{font-size:23px}.brand-mark{border-radius:9px;width:31px;height:31px;font-size:27px}nav{gap:10px}nav>a{display:none}nav .quiet{padding:9px 11px;font-size:12px}.home,.room,footer{margin-left:20px;margin-right:20px}.home{padding-top:31px}.home>.eyebrow{letter-spacing:1.2px;font-size:9px}.start-grid{grid-template-columns:1fr;gap:34px;margin-top:24px;margin-bottom:43px}.intro h1{letter-spacing:-3.3px;font-size:61px}.lead{margin-top:21px;font-size:16px}.intro-facts{flex-direction:row;gap:16px;font-size:11px}.mini-steps{display:none}.join-card{padding:25px}.join-card h2{font-size:26px}.topic-grid{grid-template-columns:1fr;gap:14px}.section-title h2{font-size:23px}.topics-section .section-title>.pill{display:none}.topic-card{gap:22px;min-height:205px;padding:26px}.topic-symbol{display:block}.topic-content h3{font-size:27px}.topic-meta{gap:18px;font-size:10px}.download-section{gap:15px;margin-top:28px}.download-section>div:nth-child(2){flex:1}.download-section h2{font-size:18px}.download-section p{font-size:12px}.download-buttons{width:100%;margin-left:0}.download-button{flex:1;justify-content:center}.phone-emblem{width:45px;height:50px}footer{gap:15px;padding:23px 0;font-size:10px}footer>span:last-child{display:none}.team-list{grid-template-columns:1fr}.room-nav{gap:6px}.room-nav .quiet{padding:8px;font-size:11px}.room-nav .quiet svg{display:none}.connection{font-size:10px}.room{padding-top:25px}.room-heading{align-items:flex-start;gap:8px;margin-bottom:22px}.room-heading h1{font-size:27px}.room-heading .eyebrow{font-size:10px}.room-heading>.pill{margin-top:3px;padding:6px 8px;font-size:8px}.room-grid,.display .room-grid{grid-template-columns:1fr;gap:24px}.room-sidebar{grid-template-columns:1fr;gap:17px;display:grid}.invite{gap:10px;padding:20px}.team-code{letter-spacing:5px;font-size:31px}.invite small{max-width:180px}.invite img{width:73px;height:73px}.empty-night{padding:32px 20px}.empty-night h2{font-size:22px}.round-picker{padding:20px}.round-picker .section-title{gap:10px}.round-picker .section-title h2{font-size:22px}.topic-options{gap:10px}.topic-option{padding:18px 13px}.topic-option strong{font-size:16px}.topic-option small{font-size:11px}.question-panel{padding:20px}.question-top{gap:7px;font-size:12px}.question-top .pill{padding:6px 9px;font-size:10px}.question-text,.display .question-text{min-height:0;font-size:26px;line-height:1.45}.time-track{margin:18px 0 25px}.answer-grid{gap:10px}.answer,.display .answer{min-height:68px;padding:14px;font-size:16px}.question-bottom{justify-content:center;gap:15px}.question-bottom>strong{text-align:center}.results{padding:25px 20px}.results>h2{font-size:29px}.settings-grid{gap:13px}.room-heading .pill{white-space:normal;text-align:center}.loading-page{text-align:center;padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
