:root{--bg:#08131f;--panel:#102238;--panel-deep:#0d1c2e;--text:#f5f3ed;--muted:#a4b4c8;--gold:#f4bc46;--line:#ffffff20;--green:#9ed2af;--red:#ffb1ac;--radius:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 0 0, #163553 0, transparent 43%), var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:DM Sans,Arial,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em;font-family:Libre Baskerville,Georgia,serif;font-weight:700;line-height:1.25}h1{font-size:clamp(32px,4.4vw,59px)}h2{font-size:clamp(25px,3vw,38px)}h3{font-size:19px;line-height:1.5}p{color:var(--muted)}em{color:var(--gold);font-weight:400}svg{vertical-align:middle;flex-shrink:0}main{max-width:1280px;min-height:70vh;margin:auto;padding:0 36px}.site-header{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:auto;padding:30px 48px;display:flex}.brand{text-align:left;letter-spacing:-.7px;background:0 0;border:0;align-items:center;gap:14px;padding:0;font:700 24px/1.25 Libre Baskerville,Georgia,serif;display:flex}.brand-icon{background:var(--gold);color:#101f2f;border-radius:17px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 10px 40px #f4bc4618}.mobile-break{display:none}nav{align-items:center;gap:20px;display:flex}.primary,.secondary,.nav-admin{text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.primary{background:var(--gold);color:#081725;border-color:var(--gold)}.primary:hover:enabled{background:#ffcf6b;transform:translateY(-1px)}.secondary{border-color:var(--line);background:#ffffff06}.secondary:hover:enabled{background:#ffffff0d;border-color:#fff4}.quiet{color:var(--muted);background:0 0;border:0;padding:8px 0}.quiet:hover{color:var(--text)}.compact{padding:10px 16px;font-size:14px}.nav-admin{color:var(--gold);padding:8px 0}.icon-label{align-items:center;gap:7px;display:inline-flex}.text-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-weight:600;display:inline-flex}.text-link:hover{color:var(--gold)}.eyebrow{letter-spacing:2px;color:var(--gold);align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.dot{background:var(--gold);border-radius:100%;width:7px;height:7px;display:inline-block}.dot.muted{background:var(--muted)}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;padding:72px 0 80px;display:grid}.hero h1{margin:22px 0 25px;font-size:clamp(38px,4.3vw,61px)}.lede{max-width:500px;font-size:18px;line-height:1.8}.actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.hero .actions{margin-top:28px}.hero-proof{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:27px;font-size:12px;display:flex}.hero-proof span{align-items:center;gap:6px;display:flex}.hero-proof svg{color:var(--gold)}.hero-card{background:linear-gradient(135deg,#18334e,#0e2033);border:1px solid #ffffff24;border-radius:28px;padding:34px;position:relative;transform:rotate(1.5deg);box-shadow:15px 25px 70px #0003}.hero-card:before{content:"";z-index:-1;border:1px solid #f4bc462d;border-radius:28px;position:absolute;inset:12px -12px -12px 12px}.card-top{color:var(--gold);justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.card-top .eyebrow{letter-spacing:1.5px;font-size:10px}.hero-card h2{font-size:29px;line-height:1.55}.hero-card>p{margin-bottom:30px;font-size:13px}.sample-answer{border:1px solid var(--line);background:#ffffff06;border-radius:12px;align-items:center;gap:13px;margin-top:10px;padding:15px;font-size:14px;display:flex}.sample-answer span{width:32px;height:32px;color:var(--gold);background:#ffffff0c;border-radius:8px;place-items:center;font-weight:700;display:grid}.sample-answer svg{color:var(--gold);margin-left:auto}.card-foot{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;margin-top:28px;padding-top:22px;font-size:12px;display:flex}.join-banner{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff03;grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;padding:32px;display:grid}.join-banner h2{margin:8px 0;font-size:26px}.join-banner p{margin:0;font-size:13px}.join-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.join-form .primary{grid-column:1/-1}.code-input{text-transform:uppercase;letter-spacing:2px}.section{padding:90px 0}.section-heading{text-align:center;max-width:620px;margin:0 auto 25px}.section-heading h2{margin-top:18px}.section-heading p{font-size:16px;line-height:1.8}.segmented{border:1px solid var(--line);background:#07131f;border-radius:99px;max-width:360px;margin:30px auto 28px;padding:5px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:99px;flex:1;padding:12px 25px;font-weight:700}.selected,.segmented button.selected{background:var(--gold)!important;color:#0b1929!important;border-color:var(--gold)!important}.collection-detail{border:1px solid var(--line);background:#102237;border-radius:18px;align-items:center;gap:24px;max-width:790px;margin:auto;padding:30px;display:flex}.collection-detail>svg{color:var(--gold)}.collection-detail h3{margin-bottom:9px}.collection-detail p{margin:0;font-size:14px}.pricing{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.pricing h2{margin:18px 0}.pricing>div>p{max-width:380px}.price-card{background:linear-gradient(130deg,#162d46,#102033);border:1px solid #f4bc4655;border-radius:24px;padding:35px}.price{letter-spacing:-2px;font-size:58px;font-weight:700;line-height:1.6}.price span{letter-spacing:0;color:var(--muted);margin-left:9px;font-size:14px;font-weight:400}.price-card ul{margin:12px 0 28px;padding:0;list-style:none}.price-card li{align-items:center;gap:11px;padding:8px 0;font-size:14px;display:flex}.price-card li svg{color:var(--gold)}.price-card .primary{width:100%}.fine{text-align:center;margin:15px 0 0;font-size:12px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#13263b,#0e1d2e);margin-bottom:24px;padding:32px}.panel h2{font-size:29px}.panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px;display:flex}.panel-heading h2{margin:7px 0 0}.panel-heading>svg{color:var(--gold)}.panel p{font-size:15px}.narrow{width:100%;max-width:580px}.standalone{margin:65px auto}.center-page{justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.center-page h1{margin-top:18px;font-size:36px}.center-page .primary{width:100%}.center-page .text-link{margin-top:20px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020911cc;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow:auto}.modal{width:100%;max-width:520px;margin:0;padding:40px;position:relative;box-shadow:0 30px 100px #0008}.modal h2{margin:20px 0}.modal .primary{width:100%;margin-top:8px}.close{font-size:30px;position:absolute;top:10px;right:22px}label{color:var(--text);margin-bottom:23px;font-size:14px;font-weight:600;display:block}input,select,textarea{color:#f6f5f0;background:#091726;border:1px solid #ffffff25;border-radius:11px;width:100%;min-width:0;margin-top:9px;padding:14px 16px;font-weight:400;line-height:1.5;display:block}input::placeholder,textarea::placeholder{color:#8c9eb2;opacity:1}textarea{resize:vertical;min-height:120px}input:disabled,select:disabled{opacity:.65}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0;margin:0}fieldset{border:1px solid var(--line);border-radius:12px;margin:0 0 22px;padding:18px}legend{padding:0 8px;font-size:14px}.check-label{align-items:center;gap:10px;margin:10px 0;display:flex}.help{color:var(--muted);margin-top:9px;font-weight:400;line-height:1.7;display:block;font-size:12px!important}.two-col{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.alert,.notice{color:var(--red);overflow-wrap:anywhere;background:#3a2529;border:1px solid #ffb1ac55;border-radius:12px;margin:15px 0 24px;padding:16px 20px}.notice{color:#c4e6cb;background:#182e38;border-color:#9ed2af44}.global{justify-content:space-between;align-items:center;gap:20px;display:flex}.global .quiet{flex-shrink:0}.notice p{color:inherit}.danger{color:var(--red)}.loading{text-align:center;padding:80px 0}.dashboard{padding:35px 0 80px}.dashboard-top{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.dashboard-top h1{margin:12px 0;font-size:36px}.dashboard-top p{margin:0;font-size:14px}.group-picker{min-width:220px;max-width:320px}.dashboard-layout{grid-template-columns:220px minmax(0,1fr);gap:30px;display:grid}.dashboard-layout aside{align-self:start;padding-top:6px;position:sticky;top:20px}.dashboard-layout aside>button{text-align:left;width:100%;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:13px;margin-bottom:5px;padding:14px 16px;font-size:14px;display:flex}.dashboard-layout aside>button.active{color:var(--gold);background:#f4bc4619;border-color:#f4bc4638}.group-status{color:var(--muted);align-items:center;gap:8px;padding:0 16px 23px;font-size:12px;display:flex}.collection-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.collection-buttons button{border:1px solid var(--line);text-align:left;background:#081625;border-radius:12px;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.collection-buttons button svg:last-child{margin-left:auto}.pills{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.pills button{border:1px solid var(--line);text-transform:capitalize;background:#081625;border-radius:100px;padding:10px 18px;font-size:14px}.badge{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.4px;color:#c2cede;background:#ffffff06;border-radius:100px;align-items:center;gap:7px;padding:5px 12px;font-size:11px;line-height:1.5;display:inline-flex}.pills.small{gap:7px;margin:0 0 12px}.list-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;align-items:center;gap:14px;padding:18px 0;display:flex}.list-row>div:first-child,.list-row>span:first-child{flex:1}.list-row small,summary small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.inline-form{align-items:end;gap:15px;margin:27px 0;display:flex}.inline-form label{flex:1;min-width:0;margin:0}.inline-form .primary{flex-shrink:0}.notice .secondary{margin-top:12px}.empty{text-align:center;color:var(--muted);padding:45px 20px}.empty>svg{color:var(--gold);margin-bottom:12px}.result{border:1px solid var(--line);border-radius:13px;margin-top:15px;padding:18px}.result summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;font-size:14px;display:flex}.result summary>span:last-child{color:var(--gold);white-space:nowrap;font-size:12px}.result .list-row:last-child{border:0}.billing-status{color:var(--muted);align-items:center;gap:16px;margin:25px 0;font-size:13px;display:flex}.question-row{border-top:1px solid var(--line);padding:25px 0}.question-row h3{margin:12px 0;font-size:17px;font-weight:500}.answer-preview{margin-bottom:5px;color:var(--green)!important}.question-row .actions{margin-top:15px}.question-row .help{overflow-wrap:anywhere}.choice-editor{align-items:center;gap:14px;display:flex}.choice-editor input:not([type=radio]){margin:5px 0}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.game-page{max-width:1120px;margin:auto;padding:20px 0 80px}.game-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:35px;display:flex}.centered{text-align:center}.lobby{padding:50px 40px}.lobby h1{margin:25px 0 18px}.room-code{color:var(--gold);letter-spacing:7px;background:#08131f;border:1px dashed #f4bc4677;border-radius:15px;align-items:center;gap:20px;margin:18px 0;padding:20px 27px;font-size:40px;font-weight:700;display:inline-flex}.player-chips{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0;display:flex}.player-chips>span{border:1px solid var(--line);background:#ffffff04;border-radius:99px;align-items:center;gap:9px;padding:7px 15px 7px 7px;font-size:14px;display:flex}.player-chips b{background:#294969;border-radius:100%;place-items:center;width:32px;height:32px;display:grid}.centered .inline-form{text-align:left;max-width:550px;margin:25px auto}.centered-actions{justify-content:center;margin:25px 0}.whatsapp{color:var(--green)}.start-game{min-width:min(100%,400px);margin:15px auto;display:flex}.waiting{color:var(--muted);margin:22px 0;font-size:14px!important}.question-top{justify-content:space-between;align-items:center;gap:25px;margin:50px 0 25px;display:flex}.question-top .eyebrow{letter-spacing:.6px;font-size:13px}.question-top .badge{margin-left:10px}.progress{background:#ffffff16;border-radius:10px;width:230px;max-width:80vw;height:5px;margin-top:17px;overflow:hidden}.progress span{background:var(--gold);border-radius:10px;height:100%;display:block}.points{text-align:right;line-height:1.3}.points strong{color:var(--gold);font-size:34px;display:block}.points span{letter-spacing:2px;color:var(--muted);font-size:11px;font-weight:700}.question-card{text-align:center;place-items:center;min-height:235px;margin-bottom:20px;padding:65px 38px;display:grid}.question-card h1{margin:0;font-size:clamp(26px,3.5vw,43px);line-height:1.45}.answer-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.answer{border:1px solid var(--line);text-align:left;background:#13273c;border-radius:18px;align-items:center;gap:17px;min-height:91px;padding:20px;font-size:17px;display:flex}.answer:hover:enabled{border-color:#f4bc4688}.answer.chosen{border-color:var(--gold);background:#493d20}.answer.correct{opacity:1;background:#1b483b;border-color:#9ed2af}.answer:disabled{opacity:.8}.answer-letter{width:43px;height:43px;color:var(--gold);background:#253f59;border-radius:11px;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.answer>svg{margin-left:auto}.fill-form{grid-template-columns:minmax(0,1fr) auto;gap:14px;max-width:850px;margin:25px auto;display:grid}.fill-form input{color:#fff;-webkit-text-fill-color:#fff;caret-color:var(--gold);width:100%;min-width:0;margin:0;padding:18px 20px;font-size:20px}.fill-form .primary{min-width:180px}.answer-status{text-align:center;min-height:22px;margin:22px auto;font-size:13px}.host-controls{text-align:center;padding:18px 0 35px}.host-controls p{font-size:14px}.reveal-panel{text-align:center;background:#17312d;border:1px solid #9ed2af55;border-radius:18px;margin-top:25px;padding:28px}.reveal-panel h2{color:#d7f2dd;margin:14px 0}.reference{color:var(--gold);font-weight:700}.precepts{overflow-wrap:anywhere;font-size:13px}.leaderboard{max-width:700px;margin:20px auto;padding:0;list-style:none}.leaderboard li{border:1px solid var(--line);text-align:left;background:#ffffff04;border-radius:12px;align-items:center;gap:20px;margin:10px 0;padding:14px 20px;display:flex}.leaderboard li.you{border-color:#f4bc4655}.leaderboard .rank{color:var(--gold);min-width:20px;font-weight:700}.leaderboard li>strong{color:#cad6e3;white-space:nowrap;margin-left:auto}.leaderboard small{color:var(--muted)}.leaderboard-details{padding:22px}.leaderboard-details summary{cursor:pointer;font-weight:600}.leaderboard-details summary .help{margin-left:12px;display:inline}.results-panel{padding:45px}.results-panel h1{margin:20px 0}.trophy{background:var(--gold);color:#172337;border-radius:100%;place-items:center;width:104px;height:104px;margin:30px auto;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}footer{border-top:1px solid var(--line);max-width:1208px;color:var(--muted);justify-content:space-between;gap:25px;margin:auto;padding:30px 0;font-size:12px;display:flex}footer span:first-child{align-items:center;gap:9px;display:flex}@media (max-width:1000px){.hero{gap:35px}.hero-card{padding:25px}.hero-card h2{font-size:25px}.site-header{padding:25px 30px}.brand{font-size:20px}.pricing{gap:40px}.dashboard-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.collection-buttons{grid-template-columns:1fr}.dashboard-top h1{font-size:30px}footer{margin:0 35px}.group-picker{min-width:180px}.panel{padding:25px}}@media (max-width:760px){main{padding:0 20px}.site-header{gap:10px;padding:20px}.brand{gap:10px;font-size:17px}.brand-icon{border-radius:12px;width:43px;height:43px}.mobile-break{display:block}nav{gap:12px}nav>.quiet:first-child,.icon-label span{display:none}.secondary.compact{padding:9px 11px}.hero{grid-template-columns:1fr;gap:40px;padding:40px 0 55px}.hero h1{font-size:46px}.hero .lede{font-size:16px}.hero-card{max-width:550px;transform:none}.hero-card h2{font-size:28px}.hero-card:before{display:none}.join-banner{grid-template-columns:1fr;gap:20px;padding:25px 0}.section{padding:60px 0}.pricing{grid-template-columns:1fr;gap:25px}.collection-detail{align-items:start;gap:18px;padding:22px}.collection-detail>svg{width:25px}.collection-detail h3{font-size:17px}.price-card{padding:26px}.price{font-size:50px}.price span{font-size:12px}.dashboard{padding-top:20px}.dashboard-top{display:block}.dashboard-top h1{font-size:29px}.group-picker{max-width:none;margin-top:20px}.dashboard-layout{flex-direction:column;gap:18px;display:flex}.dashboard-layout aside{align-items:center;gap:5px;width:100%;max-width:100%;padding:0 0 8px;display:flex;position:static;overflow:auto}.group-status{display:none}.dashboard-layout aside>button{white-space:nowrap;gap:8px;width:auto;margin:0;padding:12px 13px;font-size:12px}.dashboard-layout aside>button svg{width:16px}.panel{border-radius:18px;padding:23px}.panel h2{font-size:25px}.two-col,.collection-buttons{grid-template-columns:1fr}.panel-heading{align-items:start}.panel-heading .primary{white-space:nowrap;padding:10px;font-size:12px}.inline-form{flex-direction:column;align-items:stretch}.inline-form label,.inline-form .primary{width:100%}.result summary{align-items:start}.list-row{gap:9px}.list-row strong{font-size:14px}.list-row small{font-size:11px}.billing-status{flex-wrap:wrap}.modal{padding:30px 25px}.modal h2{font-size:27px}.lobby{padding:30px 20px}.lobby h1{font-size:33px}.room-code{letter-spacing:5px;padding:17px;font-size:30px}.game-toolbar{gap:10px;margin-bottom:20px}.game-toolbar .badge{font-size:10px}.game-toolbar .text-link{font-size:13px}.question-top{align-items:start;margin:30px 0 25px}.question-top .badge{margin:8px 0 0;display:table}.question-top .eyebrow{font-size:11px}.points strong{font-size:29px}.points span{font-size:9px}.question-card{min-height:190px;padding:30px 20px}.question-card h1{font-size:26px}.answer-grid{grid-template-columns:1fr;gap:10px}.answer{border-radius:14px;min-height:72px;padding:15px;font-size:16px}.answer-letter{width:36px;height:36px}.fill-form{grid-template-columns:minmax(0,1fr)}.fill-form .primary{width:100%}.fill-form input{font-size:18px}.results-panel{padding:30px 20px}.leaderboard li{gap:10px;padding:12px;font-size:14px}.leaderboard-details summary .help{margin-left:0;display:block}footer{flex-direction:column;gap:8px;margin:0 20px;padding:25px 0}.global{font-size:13px}.actions{gap:12px}.hero .actions .primary{padding:15px 18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.footer-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}footer a,.fine a,.legal a{color:var(--gold)}.fine.left{text-align:left}.legal{max-width:760px;margin:40px auto;line-height:1.7}.legal h1{margin-bottom:4px}.legal h2{margin:30px 0 8px;font-size:20px}.legal ul{padding-left:20px}.legal li{margin:6px 0}.site-header a.brand,.site-header nav a{color:inherit;text-decoration:none}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:24px 0;display:grid}.stat-grid .stat{margin:0;padding:18px}.stat small{color:var(--muted);font-size:12px;display:block}.stat strong{color:var(--text);margin:4px 0;font-size:28px;display:block}.week-chart .week{grid-template-columns:64px 1fr 150px;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:grid}.week-chart small{color:var(--muted)}.bars{flex-direction:column;gap:3px;display:flex}.bar{border-radius:4px;min-width:2px;height:8px;display:inline-block}.bar.signups{background:var(--gold)}.bar.games{background:var(--green)}.legend{text-align:left;align-items:center;gap:8px;display:flex}.legend .bar{width:14px}.platform-row{flex-wrap:wrap}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.danger{color:var(--red);border-color:#ffb1ac55}@media (max-width:700px){.week-chart .week{grid-template-columns:56px 1fr}.week-chart .week small{grid-column:2}}
