.brand-mark{display:inline-block;width:195px;flex-shrink:0}.logo-art{width:100%;display:block}.illustration{width:43%;height:auto;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}
@font-face{font-family:Lilita;src:url('/fonts/lilita.ttf') format('truetype');font-display:swap}@font-face{font-family:Nunito;src:url('/fonts/nunito.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Nunito;src:url('/fonts/nunito-bold.ttf') format('truetype');font-display:swap;font-weight:600 1000}
:root{color-scheme:light;--cream:#faf8f1;--ink:#080921;--violet:#8255ff;--muted:#8b7caf;--line:#ddd2f5;--lime:#d2f448;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:var(--ink);background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:12px 18px;font-weight:800}button:disabled{cursor:default;opacity:.65}button:hover:not(:disabled){border-color:var(--violet)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--violet);outline-offset:4px}button,input,select{touch-action:manipulation}button.primary{background:var(--lime);border:2px solid var(--ink);border-radius:27px;box-shadow:0 5px 5px #16122316;font-family:Lilita,Arial,sans-serif;font-weight:400;font-size:24px;padding:12px 32px}button.outline{border:2px solid var(--ink);border-radius:30px;background:transparent}button.text-link{padding:2px 0;border:0;border-radius:0;border-bottom:1px solid currentColor;background:transparent;font-size:17px}button.quiet{background:transparent}button.small{font-size:13px;padding:7px 10px}input,select{width:100%;padding:12px 14px;border:1px solid #b9a7e7;border-radius:12px;background:#fffef9;color:var(--ink);font-size:17px}input::placeholder{color:#a294bf}input[aria-invalid=true]{border:2px solid #ac3559}label{display:block;font-weight:800;margin-bottom:6px;font-size:15px}h1,h2,h3{font-family:Lilita,'Arial Rounded MT Bold',sans-serif;font-weight:400;letter-spacing:-.025em;margin:0}h1{font-size:clamp(40px,5vw,70px);line-height:1.08}h2{font-size:28px;line-height:1.2}h3{font-size:22px}p{line-height:1.5;color:var(--muted);margin:9px 0 16px}.q-shell{max-width:1536px;margin:auto;padding:24px 34px 110px;min-height:100vh;background:radial-gradient(ellipse at 78% 8%,#eee8fd88,transparent 50%)}.q-header{display:flex;gap:24px;align-items:center;min-height:68px;margin:0 0 18px}.q-header .brand-mark{width:183px}.header-room{font-size:25px;border-left:1px solid #cdbdeb;padding-left:24px;line-height:1.1}.header-right{display:flex;gap:16px;align-items:center;margin-left:auto}.audio-controls{display:flex;gap:5px}.q-header .audio-controls button{font-size:12px;padding:5px 7px}.panel{background:#fffefdde;border:1px solid var(--line);border-radius:20px;padding:22px}.fixed-footer{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#faf8f1f5;backdrop-filter:blur(12px);border-top:1px solid #beb0d9;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px max(4vw,24px);min-height:82px}.fixed-footer span{font-size:16px;font-weight:800}.fixed-footer .field-error{margin:0 0 5px}.ad-box{width:300px;height:250px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(125deg,#f1edff,#f3f1f5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a194c1;font-size:17px;gap:3px;max-width:100%;flex-shrink:0}.ad-box small{font-size:13px}.setup-page{max-width:1200px}.setup-page .q-header{position:sticky;top:0;background:#faf8f1f2;z-index:8;padding:8px 0;min-height:88px;backdrop-filter:blur(14px)}.create-title-space{height:132px;padding-top:15px;position:sticky;top:90px;z-index:9;pointer-events:none}.create-title-space h1{transform-origin:left top;will-change:transform;font-size:68px;white-space:nowrap}.setup-page.scrolled .create-title-space{height:132px}.setup-section{margin-bottom:30px;padding-bottom:28px;border-bottom:1px solid #d6c7f0}.setup-section h2{display:flex;align-items:center;gap:16px;margin-bottom:20px}.step{font:400 25px Lilita,sans-serif;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(130deg,#ad85ff,#683bff);color:white;flex-shrink:0}.mode-grid,.q-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.illustrated-card{position:relative;display:flex;text-align:left;align-items:center;gap:16px;padding:16px 20px;border:1px solid #d1c4e8;border-radius:17px;min-height:154px;background:#faf8f1;width:100%;overflow:visible}.illustrated-card strong{font:400 29px Lilita,sans-serif;display:block;line-height:1.05;margin-bottom:8px}.illustrated-card small{display:block;color:#8979ad;font-size:17px;line-height:1.4;font-weight:400}.illustrated-card .illustration{width:44%;max-height:165px}.illustrated-card .category-symbol{font-size:70px;width:44%;text-align:center}.illustrated-card:not(.selected) .illustration,.illustrated-card:not(.selected) .category-symbol{filter:grayscale(1);opacity:.6}.illustrated-card.selected{border:2px solid var(--violet);padding:15px 19px;background:linear-gradient(105deg,#f0eaff,#f6f1ff)}.selection-dot{position:absolute;top:12px;right:13px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #b5a3d4;border-radius:50%;background:#fffefd;color:white;font-size:19px}.selected .selection-dot{border:0;background:linear-gradient(140deg,#b188ff,#7545ff)}.mode-card{min-height:190px}.mode-card strong{font-size:30px}.room-details{padding:22px;border:0;border-radius:23px;background:linear-gradient(100deg,#f0e9fb,#f2edf9)}.room-fields{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;padding-left:58px}.round-choice{display:flex;align-items:center}.round-choice button{border-radius:0;flex:0 0 48px;font-size:21px;font-weight:800;padding:10px 8px}.round-choice button:first-child{border-radius:12px 0 0 12px}.round-choice button:nth-child(4){border-radius:0 12px 12px 0}.round-choice button.selected{background:var(--violet);color:#fff}.round-choice span{margin-left:14px;color:var(--muted);font-size:15px;white-space:nowrap}.section-heading{display:flex;align-items:center;gap:20px;margin-bottom:16px}.section-heading h2{margin:0;white-space:nowrap}.section-heading p{font-size:14px;margin:0}.q-categories .illustrated-card{min-height:155px}.options-section{border:1px solid var(--line);border-radius:17px;margin-bottom:22px}.options-trigger{border:0;background:transparent;width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px}.options-trigger>span{display:flex;align-items:center;gap:16px}.options-trigger strong{font:400 24px Lilita,sans-serif}.options-trigger>span:last-child{color:var(--muted);font-weight:400}.options-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 25px;border-top:1px solid var(--line)}.setup-ad{display:flex;justify-content:flex-end;margin-top:32px}.field-error{color:#a72d51;font-size:15px}.check{display:flex;align-items:center;gap:12px;margin:15px 0}.check input{width:24px;height:24px;accent-color:var(--violet);flex-shrink:0}.check small{display:block;font-size:14px;color:var(--muted);font-weight:400}.join-page{max-width:530px;margin:55px auto}.join-page h1{font-size:54px;margin-bottom:30px}.join-page form{display:grid;gap:10px}.join-page input[name=code]{text-transform:uppercase;letter-spacing:.15em}.join-page .ad-box{margin:35px auto}.page-subtitle{font-weight:800;font-size:22px;margin:2px 0 17px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.lobby-upper{display:grid;grid-template-columns:.9fr 1.2fr;gap:15px;margin-bottom:15px}.personal-panel h2,.invite-panel h2{margin-bottom:8px}.personal-fields{display:flex;align-items:center;gap:22px;margin:20px 0 24px}.personal-fields>div{flex:1;min-width:0}.current-character{position:relative;border:2px solid var(--violet);border-radius:50%;padding:4px;width:95px;height:95px;flex-shrink:0;background:#eee6ff}.portrait{width:58px;height:58px;display:block;flex-shrink:0;border-radius:50%;overflow:hidden}.current-character .portrait{width:100%;height:100%}.pencil{position:absolute;bottom:-2px;right:-4px;background:var(--violet);color:white;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.personal-fields .small{margin-top:8px}.invite-panel p{margin:0 0 16px;font-size:15px}.invite-body{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.invite-body>div{flex:1;min-width:145px}.qr{width:280px;height:280px;max-width:100%;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}.room-code{display:block;background:#eee7fb;border-radius:12px;font:400 43px Lilita,sans-serif;text-align:center;margin-bottom:10px;padding:6px}.invite-body button{display:block;width:100%;padding:8px;margin-top:9px;font-size:14px}.people-panel h3{color:var(--violet);margin:12px 0}.player-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.player-tile{border:1px solid #e7dff9;border-radius:12px;padding:12px 4px;display:flex;align-items:center;flex-direction:column;gap:5px;min-height:133px;text-align:center;background:#faf8fe}.player-tile .portrait{width:72px;height:72px}.player-tile strong{overflow-wrap:anywhere;max-width:100%;font-size:15px}.player-tile small{font-size:12px;color:#8775af}.empty-seat{border-style:dashed;justify-content:center;background:transparent;color:#b09ed1}.empty-seat>span{font-size:33px}.spectator-row{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;color:var(--muted)}.spectator-row span{overflow-wrap:anywhere}.spectator-row strong{color:var(--violet)}.assignment-panel{margin-top:15px}.assignment{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.assignment label{font-size:13px}.assignment select{font-size:14px}.question-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:18px}.question-panel{padding:28px 30px;min-height:630px;display:flex;flex-direction:column}.question-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#8c78b5;font-weight:800;font-size:17px}.category-pill{background:#ede5ff;color:#8650ff;border-radius:25px;font-weight:800;padding:9px 17px;text-transform:uppercase;font-size:15px}.clock{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:168px}.clock #timer{width:74px;height:74px;border:7px solid #ede7ff;border-top-color:var(--violet);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-family:Lilita,sans-serif;font-size:32px;font-variant-numeric:tabular-nums}.clock small{color:var(--muted);font-size:13px;width:75px}.clock progress{width:100%;height:8px;appearance:none;border:0;background:#eee7ff;border-radius:8px;overflow:hidden}.clock progress::-webkit-progress-bar{background:#eee7ff}.clock progress::-webkit-progress-value{background:var(--violet);border-radius:8px}.question-text{font-size:clamp(34px,4.25vw,69px);line-height:1.12;margin:30px 0}.q-answers{display:grid;gap:12px}.answer{display:flex;gap:28px;align-items:center;text-align:left;padding:16px 24px;min-height:85px;background:#fffefa;border:1px solid #d0bffa;border-radius:19px;color:var(--ink)}.answer>b{width:56px;height:56px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#b589ff,#8c64f2);font:400 33px Lilita,sans-serif;color:#fff}.answer>span{font:400 33px Lilita,sans-serif}.answer.selected{border:2px solid var(--violet);background:#efe8ff;opacity:1}.answer-note{font-size:16px;margin-top:20px}.question-sidebar{display:flex;flex-direction:column;gap:16px}.question-sidebar .ad-box{align-self:center}.responses{padding:16px}.response-count{font-size:18px;margin:4px 0 15px;font-weight:800}.response-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee6ff;padding:6px 0}.response-row .portrait{width:43px;height:43px}.response-row>strong{font-size:14px;flex:1;overflow-wrap:anywhere}.response-status{display:flex;gap:7px;align-items:center;font-size:13px;color:#9a89bd}.response-status b{display:grid;place-items:center;border-radius:50%;background:#f1ebff;width:25px;height:25px;font-size:17px}.response-status.answered{color:var(--violet)}.response-status.answered b{color:white;background:var(--violet)}.centred-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 8px;gap:12px}.centred-stage h1{font-size:48px}.centred-stage p{margin:0}.countdown-number{font:400 110px Lilita,sans-serif;color:var(--violet)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:14px}.correct-answer{font-size:39px;color:var(--violet)}.question-points{font-weight:800;font-size:25px}.trophy{font-size:65px}.host-close{align-self:flex-start;margin-top:20px;font-size:13px!important;color:#9284a9}.score-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee6ff;padding:14px 0}.score-row>.portrait{width:38px;height:38px}.score-row>span{flex:1;font-size:14px;overflow-wrap:anywhere;min-width:0}.score-row small{display:block;color:var(--muted);font-size:12px}.score-row>strong{font-size:17px;color:var(--violet)}.team-scores p{display:flex;justify-content:space-between}.offline{border:1px solid #d69a54;background:#fff0d7;padding:12px;color:#774e1d;border-radius:12px}#notice{position:fixed;bottom:98px;left:50%;transform:translateX(-50%);z-index:100;max-width:min(90vw,600px);background:#282039;color:white;padding:14px 20px;border-radius:14px;box-shadow:0 5px 20px #08092133;display:none}#notice.show{display:block}dialog{border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--cream);color:var(--ink);width:min(550px,92vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#19112d66;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.dialog-header button{font-size:25px}.character-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.character-picker button{padding:4px;border-radius:50%;border:2px solid transparent}.character-picker button.selected{border-color:var(--violet)}.character-picker .portrait{width:100%;height:auto}.dialog-header h2{font-size:28px}dialog li{margin:14px 0;line-height:1.5}dialog ol{padding-left:22px}.loading{padding:60px;text-align:center}
@media(prefers-reduced-motion:no-preference){.illustrated-card:hover .illustration,.illustrated-card:focus-visible .illustration,.illustrated-card.selected .illustration{animation:card-art 3s ease-in-out infinite}@keyframes card-art{50%{transform:translateY(-4px) rotate(1deg)}}}
@media(max-width:1250px){.lobby-layout{grid-template-columns:1fr}.lobby-ad{display:flex;justify-content:flex-end}.question-layout{grid-template-columns:minmax(0,1fr) 300px}.question-panel{padding:22px}.header-room{font-size:20px}.room-fields{padding-left:0}.round-choice span{white-space:normal}}
@media(max-width:850px){.q-shell{padding:16px 18px 115px}.q-header{gap:12px;flex-wrap:wrap}.q-header .brand-mark{width:140px}.header-room{font-size:18px;padding-left:12px;max-width:50%;overflow-wrap:anywhere}.header-right{gap:10px}.q-header .header-right{width:100%;justify-content:flex-end}.setup-page .header-right{width:auto}.create-title-space{height:110px;top:90px}.create-title-space h1{font-size:45px}.setup-page .q-header{min-height:75px}.room-fields{grid-template-columns:1fr}.round-choice span{white-space:nowrap}.section-heading{display:block}.section-heading p{margin:10px 0}.illustrated-card{gap:10px;padding:12px;min-height:130px}.illustrated-card.selected{padding:11px}.illustrated-card strong{font-size:22px}.illustrated-card small{font-size:14px}.mode-card{min-height:160px}.mode-card .illustration{width:40%}.q-categories .illustrated-card{min-height:132px}.lobby-upper{grid-template-columns:1fr}.invite-body{justify-content:center}.invite-body>div{max-width:280px}.question-layout{grid-template-columns:1fr}.question-panel{min-height:0}.question-meta{font-size:14px;gap:10px}.question-text{font-size:37px;margin:22px 0}.answer{min-height:70px;padding:12px 16px;gap:18px}.answer>b{width:42px;height:42px;font-size:27px}.answer>span{font-size:27px}.question-sidebar{display:grid;grid-template-columns:1fr 300px;align-items:start}.centred-stage h1{font-size:38px}.fixed-footer{padding:12px 18px}.fixed-footer span{font-size:14px}.fixed-footer .primary{font-size:20px;padding:12px 22px}.game-page .q-header .header-right{margin-top:-7px}.clock{width:130px}.clock #timer{width:55px;height:55px;font-size:25px;border-width:5px}.clock small{width:64px;font-size:12px}}
@media(max-width:560px){.mode-grid{grid-template-columns:1fr}.q-categories{grid-template-columns:1fr}.mode-card{min-height:130px}.mode-card .illustration{width:42%;height:105px}.illustrated-card strong{font-size:26px}.q-categories .illustration{height:112px}.room-details{padding:18px}.setup-section h2{font-size:25px;gap:12px}.step{width:35px;height:35px;font-size:22px}.create-title-space h1{font-size:37px}.create-title-space{position:static;height:96px;padding-top:15px}.create-title-space h1{transform:none!important;white-space:normal}.setup-page .q-header{top:0;min-height:68px}.options-trigger>span:last-child{font-size:0;gap:0}.options-trigger>span:last-child b{font-size:26px}.options-body{grid-template-columns:1fr;padding:18px}.round-choice button{flex-basis:43px;font-size:18px}.round-choice span{font-size:13px;white-space:normal}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-tile{min-height:120px}.player-tile .portrait{width:58px;height:58px}.lobby-page>h1{font-size:42px}.header-room{font-size:16px}.q-header .brand-mark{width:124px}.lobby-page .header-room{display:none}.lobby-page .header-right{width:auto}.personal-fields{gap:15px}.invite-body>div{max-width:none}.qr{width:280px;height:280px}.question-sidebar{display:flex}.question-sidebar .responses,.question-sidebar .leaderboard{width:100%}.question-panel{padding:18px 15px}.question-meta>span:nth-child(2){order:3;width:100%;font-size:13px}.category-pill{font-size:12px;padding:7px 11px;max-width:52%}.clock{width:130px}.question-text{font-size:31px;margin:18px 0}.answer{gap:15px;min-height:62px;padding:10px 12px}.answer>b{width:37px;height:37px;font-size:25px}.answer>span{font-size:25px}.answer-note{font-size:13px;margin-bottom:0}.game-page .q-header{margin-bottom:10px}.header-room{max-width:55%}.game-page .q-header .header-right{width:100%;margin-top:0}.q-header .text-link{font-size:13px}.assignment{grid-template-columns:1fr 1fr;gap:10px}.assignment>strong{grid-column:1/-1}.fixed-footer{gap:12px;min-height:78px}.fixed-footer>span,.fixed-footer>div{max-width:55%;font-size:13px}.fixed-footer .primary{font-size:19px;padding:11px 20px}.character-picker{gap:6px}.join-page{margin-top:30px}.ad-box{max-width:100%;margin-left:auto;margin-right:auto}}

.lobby-page .header-room{display:none}.clock #timer{position:relative;border:0;background:conic-gradient(var(--violet) var(--timer-angle,360deg),#ede6ff 0);isolation:isolate}.clock #timer:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fffefa;z-index:-1}

.logo-art{mix-blend-mode:multiply}

.create-title-space{z-index:21}