:root{--ink:#1b1026;--night:#1b1026;--night-2:#291a3d;--night-3:#3b2955;--night-line:#4d3a6b;--foam:#fff6e3;--paper:#f7eedc;--paper-2:#efe2c8;--muted:#6d5f7d;--muted-night:#b9a9d4;--accent:#a98bff;--accent-ink:#5b2bd9;--a:#ff6b57;--a-edge:#cf4532;--b:#4fa3ff;--b-edge:#2b78cf;--c:#ffc43d;--c-edge:#d39a12;--d:#2ecc9b;--d-edge:#1b9d75;--amber:#ffc43d;--display:"Bricolage Grotesque", "Arial Black", "Helvetica Neue", system-ui, sans-serif;--text:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r:18px;--ease:cubic-bezier(.2, .9, .25, 1.15)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--text);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.4}h1,h2,h3,p,ol,ul,figure{margin:0;padding:0}ol,ul{list-style:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.icon{fill:currentColor;flex:none;width:1.15em;height:1.15em}.emoji,.bigemoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1}.kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.82em;font-weight:700}.error{color:#b3261e;font-weight:600}.night .error{color:#ffb4a8}.logo{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:8px;font-size:26px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.logo svg{background:var(--ink);border-radius:10px;width:34px;height:34px;padding:3px}.night .logo svg{background:var(--night-3)}.logo b{color:var(--accent-ink)}.night .logo b{color:var(--accent)}.btn{min-height:52px;font-family:var(--display);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:19px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,opacity .2s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{opacity:.45}.btn.ink{background:var(--ink);color:var(--foam);box-shadow:0 4px #000}.btn.ink:active:not(:disabled){box-shadow:0 1px #000}.btn.foam{background:var(--foam);color:var(--ink);box-shadow:0 4px #cbbf9f}.btn.ghost{border:2px solid var(--ink);min-height:46px;font-size:17px}.btn.next{background:var(--foam);color:var(--ink);box-shadow:0 5px 0 var(--accent);min-height:64px;padding:0 32px;font-size:24px}.btn.next:active:not(:disabled){box-shadow:0 2px 0 var(--accent)}.btn.big{min-height:56px}.btn.huge{border-radius:18px;min-height:72px;padding:0 36px;font-size:26px}.btn.wide{width:100%}.avatar{width:1.9em;height:1.9em;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1em;line-height:1;font-size:inherit;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 -2px #00000026}.shape{width:1em;height:1em;fill:var(--ink);flex:none}.slot-a{--slot:var(--a);--edge:var(--a-edge)}.slot-b{--slot:var(--b);--edge:var(--b-edge)}.slot-c{--slot:var(--c);--edge:var(--c-edge)}.slot-d{--slot:var(--d);--edge:var(--d-edge)}.paper{background:radial-gradient(circle at 1px 1px, #1b102612 1.2px, transparent 0) 0 0 / 22px 22px, var(--paper);min-height:100dvh;padding:0 max(20px, env(safe-area-inset-left)) 48px}.paper>*{max-width:1080px;margin-inline:auto}.nav{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.joinbox{background:var(--foam);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px;align-items:stretch;display:flex;overflow:hidden}.joinbox input{width:6.2em;min-width:0;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;outline:none;padding:0 4px 0 14px;font-size:20px;font-weight:800}.joinbox input::placeholder{letter-spacing:.04em;text-transform:none;color:var(--muted);font-weight:500}.joinbox button{background:var(--ink);min-height:46px;color:var(--foam);font-family:var(--display);align-items:center;gap:6px;padding:0 16px;font-weight:700;display:flex}.joinbox button:disabled{background:var(--muted)}.joinbox.bad{animation:.35s shake}.night .joinbox{box-shadow:0 4px 0 var(--accent);border-color:var(--foam);color:var(--ink)}.night .joinbox input{width:100%;padding:14px 18px;font-size:30px}.hero{text-align:center;padding:clamp(24px,6vw,72px) 0 12px}.hero h1{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(40px,7.4vw,92px);font-weight:800;line-height:.98}.hero h1 em{color:var(--accent-ink);background:linear-gradient(transparent 68%, var(--amber) 68%, var(--amber) 92%, transparent 92%);padding:0 .06em;font-style:normal}.composer{background:var(--foam);border:2.5px solid var(--ink);max-width:820px;box-shadow:8px 8px 0 var(--ink);text-align:left;border-radius:24px;margin:clamp(24px,4vw,44px) auto 0;padding:8px}.composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;padding:18px 18px 8px;font-size:clamp(19px,2.2vw,24px);font-weight:500;line-height:1.35;display:block}.composer textarea::placeholder{color:#9a8ea6}.controls{flex-wrap:wrap;align-items:flex-end;gap:10px 18px;padding:8px 10px 10px 18px;display:flex}.controls .btn{margin-left:auto}.stepper .label,.setting .label{color:var(--muted);align-items:center;gap:6px;margin-bottom:5px;font-size:13px;font-weight:700;display:flex}.stepper>div{background:var(--paper);border:2px solid var(--ink);border-radius:12px;align-items:center;display:flex;overflow:hidden}.stepper button{width:42px;height:42px;font-size:24px;font-weight:600;line-height:1}.stepper button:disabled{opacity:.25}.stepper button:hover:not(:disabled){background:var(--paper-2)}.stepper output{text-align:center;min-width:2.2em;font-family:var(--display);font-size:22px;font-weight:800}.mailtoggle{border:2px solid var(--ink);background:var(--paper);border-radius:12px;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.mailtoggle.on{background:var(--amber)}.composer .mail{border:2px solid var(--ink);background:var(--paper);border-radius:12px;outline:0;width:calc(100% - 28px);margin:0 14px 12px;padding:12px 14px;display:block}.composer .error{padding:0 18px 12px}.chips{flex-wrap:wrap;gap:10px;display:flex}.hero .chips{justify-content:center;max-width:900px;margin:26px auto 0}.hero .chips button{border:2px solid var(--ink);background:0 0;border-radius:999px;padding:9px 16px;font-size:15px;font-weight:600;transition:background .15s,transform .15s}.hero .chips button:hover{background:var(--amber);transform:rotate(-1.5deg)}.shelf{margin-top:clamp(36px,6vw,64px)}.shelf h2{font-family:var(--display);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(24px,3vw,34px);font-weight:800}.cards{grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:20px;display:grid}.card{border:2.5px solid var(--ink);min-height:190px;box-shadow:5px 5px 0 var(--ink);transition:transform .18s var(--ease), box-shadow .18s;border-radius:22px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;display:flex;position:relative}.card:hover{box-shadow:8px 9px 0 var(--ink);transform:translate(-2px,-3px)rotate(-.6deg)}.card strong{font-family:var(--display);letter-spacing:-.015em;overflow-wrap:anywhere;margin-top:auto;font-size:22px;font-weight:800;line-height:1.08}.card .flag{background:var(--ink);color:var(--foam);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:16px;right:16px}.meta{flex-wrap:wrap;gap:6px;font-size:13px;font-weight:700;display:flex}.meta span{background:#1b10261f;border-radius:999px;padding:3px 9px}.card.pending{background:var(--foam)}.card.ghost{box-shadow:none;opacity:.35;border-style:dashed;animation:1.4s infinite pulse}.hue-0{background:linear-gradient(140deg,#ff8f6b,#ffc15a)}.hue-1{background:linear-gradient(140deg,#6fb5ff,#9ee6ff)}.hue-2{background:linear-gradient(140deg,#4fd6a4,#b4ec8f)}.hue-3{background:linear-gradient(140deg,#b89cff,#f0a8ff)}.hue-4{background:linear-gradient(140deg,#ffd04f,#fff09a)}.hue-5{background:linear-gradient(140deg,#ff9dbb,#ffb08a)}.foot{border-top:2px solid var(--ink);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:72px;padding-top:20px;font-weight:600;display:flex}.foot .logo{color:var(--ink);font-size:20px}.lost{text-align:center;justify-items:center;gap:16px;padding:14vh 0;display:grid}.lost h1{font-family:var(--display);font-size:88px;line-height:1}.poster{border:2.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:28px;align-items:center;gap:clamp(16px,3vw,32px);margin-top:12px;padding:clamp(22px,4vw,44px);display:flex}.poster .emoji{font-size:clamp(64px,11vw,128px)}.poster h1{font-family:var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(30px,5vw,60px);font-weight:800;line-height:1}.poster p{max-width:46ch;margin-top:10px;font-size:clamp(16px,1.8vw,20px);font-weight:500}.poster .meta{margin-top:14px;font-size:14px}.hostbox .btn{margin-left:auto}.hostbox{background:var(--foam);border:2.5px solid var(--ink);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;margin-top:32px;padding:22px;display:flex}.settings{flex-wrap:wrap;gap:16px 22px;display:flex}.segmented{border:2px solid var(--ink);background:var(--paper);border-radius:12px;display:inline-flex;overflow:hidden}.segmented button{white-space:nowrap;min-height:42px;padding:0 13px;font-size:15px;font-weight:700}.segmented button+button{border-left:2px solid var(--ink)}.segmented button.on{background:var(--ink);color:var(--foam)}.roundlist{gap:10px;margin-top:28px;display:grid}.roundrow{border:2px solid var(--ink);background:#fff6e3b3;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;display:flex}.roundrow .n{font-family:var(--display);width:1.2em;color:var(--accent-ink);font-size:22px;font-weight:800}.roundrow .emoji{font-size:26px}.roundrow strong{font-family:var(--display);overflow-wrap:anywhere;flex:1;min-width:0;font-size:20px}.roundrow .count{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:700}.peekbox{margin-top:28px}.peek{gap:26px;margin-top:18px;display:grid}.peek .warn{background:var(--amber);border-radius:12px;width:fit-content;padding:10px 14px;font-weight:700}.peek h3{font-family:var(--display);margin-bottom:10px;font-size:24px}.peek ol{counter-reset:q;gap:12px;display:grid}.peek ol>li{counter-increment:q;background:var(--foam);border:2px solid var(--ink);border-radius:16px;gap:10px;padding:16px;display:grid}.peek ol>li>p:first-child:before{content:counter(q) ". ";color:var(--accent-ink);font-weight:800}.peek ol>li>p{font-weight:600}.peek .thumb{border-radius:10px;justify-self:start;max-width:100%;max-height:140px}.peek audio{width:100%;max-width:360px}.peek .options{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.peek .options li{background:color-mix(in srgb, var(--slot) 22%, var(--foam));opacity:.75;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:600;display:flex}.peek .options li .shape{fill:var(--edge)}.peek .options li img{border-radius:4px;height:34px}.peek .options li.right{background:var(--slot);opacity:1;outline:2px solid var(--ink)}.peek .options li.right .shape{fill:var(--ink)}.peek .number{font-family:var(--display);font-size:24px;font-weight:800}.peek small{color:var(--muted)}.building{text-align:center;justify-items:center;gap:14px;padding:8vh 0;display:grid}.building h1{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(30px,5vw,52px);font-weight:800}.building .step{color:var(--accent-ink);font-size:19px;font-weight:700}.glass{border:5px solid var(--ink);clip-path:polygon(0 0,100% 0,91% 100%,9% 100%);background:#ffffff80;border-top-width:0;border-radius:6px 6px 26px 26px;width:120px;height:168px;margin-bottom:8px;position:relative;overflow:hidden}.beer{border-top:16px solid var(--foam);background:linear-gradient(#ffd666,#f5a623);transition:height .9s;position:absolute;inset:auto 0 0}.beer i{background:#ffffffbf;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in infinite bubble;position:absolute;bottom:-8px}.beer i:first-child{left:18%}.beer i:nth-child(2){animation-delay:.6s;left:38%}.beer i:nth-child(3){animation-delay:1.1s;left:55%}.beer i:nth-child(4){animation-delay:.3s;left:70%}.beer i:nth-child(5){animation-delay:1.6s;left:84%}.log{min-height:6.5em;color:var(--muted);align-content:start;gap:4px;font-size:15px;font-weight:500;display:grid}.log li{animation:.35s both rise}.log li:last-child{color:var(--ink);font-weight:700}.progress{background:#ffffff1f;height:6px}.progress i{background:linear-gradient(90deg, var(--accent), var(--foam));border-radius:0 6px 6px 0;height:100%;transition:width .6s;display:block}.progress.wide{border:2px solid var(--ink);background:var(--foam);border-radius:99px;width:min(420px,80vw);height:12px;overflow:hidden}.progress.wide i{background:var(--accent-ink)}.position{color:var(--muted-night);white-space:nowrap;align-items:center;gap:.7em;font-weight:600;display:inline-flex}.position b{font-family:var(--display);color:var(--foam);font-size:1.25em;font-weight:800}.position i{background:var(--accent);border-radius:50%;width:5px;height:5px}.night{color:var(--foam);background:radial-gradient(60vmax 50vmax at 105% -10%, #784eff57, transparent 62%), radial-gradient(50vmax 40vmax at -10% 110%, #ff6b5729, transparent 60%), var(--night);min-height:100dvh}.centered{text-align:center;align-content:center;justify-items:center;gap:22px;padding:24px;display:grid}.centered h1{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(26px,5vw,44px);line-height:1.05}.loading:after{content:"";border:5px solid var(--night-3);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.screen{grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;font-size:clamp(15px,1.25vw,26px);display:grid;overflow:hidden}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:2vw;padding:1.6vh 2.6vw .6vh;display:grid}.topbar .what{min-width:0;color:var(--muted-night);align-items:center;gap:.6em;font-weight:700;display:flex}.topbar .what .emoji{font-size:1.5em}.topbar .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar .position{font-size:1.15em}.topbar .where{justify-content:flex-end;align-items:center;gap:1em;display:flex}.joinpill{background:var(--night-2);border:2px solid var(--night-line);color:var(--muted-night);white-space:nowrap;border-radius:99px;padding:.35em .9em;font-weight:600}.joinpill b{font-family:var(--display);color:var(--foam);letter-spacing:.12em;margin-left:.3em}.offline{color:var(--c);font-weight:700;animation:1.2s infinite pulse}.stage{min-height:0;animation:stage-in .45s var(--ease) both;padding:1.5vh 4vw;display:grid}.bottombar{padding:1vh 2.6vw max(2vh, env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2vw;min-height:calc(64px + 3vh);display:grid}.tools{align-items:center;gap:8px;display:flex}.tools button{width:46px;height:46px;color:var(--muted-night);border-radius:12px;place-items:center;font-size:22px;transition:background .15s,color .15s;display:grid}.tools button:hover{background:var(--night-2);color:var(--foam)}.spectator{color:var(--muted-night);align-items:center;gap:8px;padding-right:8px;font-size:15px;font-weight:600;display:flex}.answeredrow{align-items:center;gap:1.2em;min-width:0;display:flex;overflow:hidden}.tally{color:var(--muted-night);white-space:nowrap;font-size:1.1em;font-weight:600}.tally b{font-family:var(--display);color:var(--foam);font-size:1.7em}.chip{background:var(--night-2);border:2px solid var(--night-line);color:var(--foam);animation:pop .4s var(--ease) both;border-radius:99px;align-items:center;gap:.5em;max-width:100%;padding:.3em .9em .3em .3em;font-weight:700;display:inline-flex}.chip>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip.away{opacity:.45}.chip.armed{background:var(--a);border-color:var(--a);color:var(--ink)}.chips.small{flex-wrap:nowrap;gap:6px;font-size:.78em;overflow:hidden}.chips.small .chip{flex:none}.lobby{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:5vw;width:100%;max-width:180vh;margin:auto;display:grid}.ticket{background:var(--foam);min-width:0;max-width:100%;color:var(--ink);box-shadow:0 1.2vh 0 var(--accent);border-radius:2.2vw;justify-self:center;justify-items:center;gap:2.4vh;padding:3.4vh 2.4vw;display:grid;transform:rotate(-1.2deg)}.qr{aspect-ratio:1;width:min(40vh,30vw);max-width:100%}.qr svg{width:100%;height:100%;display:block}.how{text-align:center;justify-items:center;gap:.6vh;display:grid}.how .kicker{color:var(--accent-ink);font-size:1em}.how .url{font-size:1.15em;font-weight:600}.how .code{font-family:var(--display);gap:.12em;font-size:clamp(40px,min(5.4vw,7.2vh),160px);font-weight:800;line-height:1;display:flex}.how .code i{background:var(--ink);width:1.05em;height:1.25em;color:var(--foam);border-radius:.14em;place-items:center;font-style:normal;display:grid}.crowd{align-content:center;gap:2.2vh;min-width:0;display:grid}.crowd .title{align-items:center;gap:.5em;display:flex}.crowd .title .emoji{font-size:clamp(44px,5vw,110px)}.crowd h1{font-family:var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(30px,4vw,86px);font-weight:800;line-height:1}.pills{flex-wrap:wrap;gap:10px;display:flex}.pills span{border:2px solid var(--night-line);color:var(--muted-night);border-radius:99px;align-items:center;gap:.45em;padding:.35em .9em;font-size:.9em;font-weight:700;display:inline-flex}.crowd h2{font-family:var(--display);color:var(--accent);margin-top:1vh;font-size:1.7em}.crowd .chips{align-content:flex-start;max-height:34vh;font-size:1.05em;overflow:hidden}.roundcard{text-align:center;align-content:center;justify-items:center;gap:2.4vh;display:grid}.roundcard .kicker{color:var(--accent);font-size:1.3em}.roundcard .emoji{animation:pop .6s var(--ease) both .1s;font-size:clamp(80px,16vh,220px)}.roundcard h1{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(44px,7.4vw,150px);font-weight:800;line-height:.95}.roundcard .count{color:var(--muted-night);font-size:1.3em;font-weight:700}.qstage{flex-direction:column;justify-content:center;gap:2.6vh;width:100%;max-width:1760px;min-height:0;margin:0 auto;display:flex}.qhead{justify-content:space-between;align-items:center;gap:3vw;display:flex}.qtext{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;flex:1;font-weight:700;line-height:1.06}.qtext.size-s{font-size:clamp(32px,5.2vw,104px)}.qtext.size-m{font-size:clamp(28px,4.1vw,82px)}.qtext.size-l{font-size:clamp(24px,3.2vw,64px)}.qtext.size-xl{font-size:clamp(20px,2.5vw,50px)}.has-media .qtext.size-s{font-size:clamp(28px,4vw,80px)}.has-media .qtext.size-m{font-size:clamp(24px,3.2vw,64px)}.badge{background:var(--foam);color:var(--ink);font-weight:800;font-family:var(--display);white-space:nowrap;border-radius:99px;padding:.5em 1.1em}.countdown{aspect-ratio:1;flex:none;place-items:center;width:clamp(84px,15vh,190px);display:grid;position:relative}.countdown svg{position:absolute;inset:0;transform:rotate(-90deg)}.countdown circle{fill:none;stroke-width:9px}.countdown .track{stroke:var(--night-3)}.countdown .arc{stroke:var(--foam);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.countdown span{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(30px,6vh,78px);font-weight:800}.countdown.hurry .arc{stroke:var(--a)}.countdown.hurry span{color:var(--a);animation:1s infinite beat}.media{justify-items:center;gap:6px;min-height:0;display:grid}.media.image{flex:1 1 0;max-height:44vh}.media.image img{object-fit:contain;border:.6vh solid var(--foam);background:var(--foam);border-radius:1.4vh;max-width:100%;height:100%;min-height:0;max-height:100%}.media.image:has(.credit) img{height:calc(100% - 2em)}.credit{color:var(--muted-night);gap:.5em;font-size:.6em;display:inline-flex}.credit a{color:var(--accent);text-decoration:none}.media.audio{background:var(--night-2);border:2px solid var(--night-line);border-radius:2.4vh;grid-template-columns:auto 1fr;align-items:center;gap:2.4vw;width:min(100%,1000px);margin:0 auto;padding:2.4vh 2.6vw}.media.audio .credit{grid-column:1/-1;justify-self:center}.play{aspect-ratio:1;background:var(--foam);width:clamp(72px,13vh,150px);color:var(--ink);box-shadow:0 .8vh 0 var(--accent);border-radius:50%;place-items:center;transition:transform .12s;display:grid}.play:active{transform:translateY(4px)}.play svg{fill:currentColor;width:46%;height:46%}.bars{justify-content:space-between;align-items:center;gap:4px;height:clamp(48px,10vh,120px);display:flex}.bars i{background:var(--night-line);transform-origin:50%;border-radius:99px;flex:1;max-width:14px}.playing .bars i{background:var(--accent);animation:.9s ease-in-out infinite alternate wave}.media.compact.image{flex:0 auto;max-height:24dvh}.media.compact.image img{border-width:3px;border-radius:12px;height:auto;max-height:24dvh}.media.compact.audio{border-radius:18px;gap:14px;padding:10px 16px}.media.compact .play{width:56px;box-shadow:0 4px 0 var(--accent)}.media.compact .bars{height:36px}.tiles{grid-template-columns:1fr 1fr;gap:1.8vh 1.4vw;display:grid}.tile{background:var(--slot);min-height:clamp(64px,15vh,210px);color:var(--ink);box-shadow:0 .9vh 0 var(--edge);font-family:var(--display);transition:opacity .4s, transform .4s var(--ease), filter .4s;animation:tile-in .45s var(--ease) both;border-radius:2vh;align-items:center;gap:.7em;padding:1.2vh 1.6vw;font-size:clamp(20px,2.7vw,56px);font-weight:700;line-height:1.05;display:flex;position:relative;overflow:hidden}.tile:nth-child(2){animation-delay:70ms}.tile:nth-child(3){animation-delay:.14s}.tile:nth-child(4){animation-delay:.21s}.has-media .tile{min-height:clamp(56px,10.5vh,150px);font-size:clamp(18px,2.2vw,46px)}.tiles.long .tile{font-size:clamp(16px,1.75vw,36px)}.tile .shape{opacity:.85;width:.9em;height:.9em}.tile .label{overflow-wrap:anywhere;flex:1;min-width:0}.tile>.icon{width:1.2em;height:1.2em}.tile.dim{opacity:.3;filter:saturate(.5);transform:scale(.97)}.tile.right{outline:.7vh solid var(--foam);outline-offset:.5vh;z-index:1;transform:scale(1.015)}.votes{flex-direction:column-reverse;justify-content:flex-start;align-self:stretch;align-items:center;gap:4px;width:1.5em;font-size:.72em;display:flex}.votes i{background:var(--ink);width:.55em;min-height:3px;transition:height .7s var(--ease);border-radius:99px}.votes b{font-variant-numeric:tabular-nums}.tiles.pictures{flex:1 1 0;grid-template-columns:repeat(4,1fr);min-height:0;max-height:52vh}.tiles.pictures .tile{flex-direction:column;align-items:stretch;gap:1vh;min-height:0;padding:1.4vh .9vw 1.6vh}.tiles.pictures .tile .shape{align-self:flex-start}.tiles.pictures .tile img{object-fit:contain;background:var(--foam);border-radius:1.2vh;flex:1 1 0;width:100%;min-height:0;padding:.8vh}.tiles.pictures .tile .label{text-align:center;flex:none;font-size:.7em}.tiles.pictures .votes{flex-direction:row;align-self:auto;width:auto;position:absolute;top:1.2vh;right:3.2em}.tiles.pictures .votes i{display:none}.tiles.pictures .tile>.icon{position:absolute;top:1.2vh;right:.9vw}.numberask{justify-items:center;gap:2vh;padding:2vh 0;display:grid}.digits{gap:1vw;display:flex}.digits i{border:.5vh dashed var(--night-line);width:clamp(60px,9vw,190px);height:clamp(76px,20vh,240px);font-style:normal;font-family:var(--display);color:var(--accent);border-radius:2vh;place-items:center;font-size:clamp(44px,12vh,150px);font-weight:800;animation:1.8s infinite pulse;display:grid}.digits i:nth-child(2){animation-delay:.25s}.digits i:nth-child(3){animation-delay:.5s}.has-media .digits i{height:clamp(60px,11vh,140px);font-size:clamp(34px,7vh,90px)}.numberask .unit{font-family:var(--display);font-size:1.6em;font-weight:700}.numberask .hint{color:var(--muted-night);align-items:center;gap:.5em;font-size:1.1em;font-weight:600;display:inline-flex}.numbersolved{justify-items:center;gap:2.6vh;display:grid}.numbersolved .value{background:var(--foam);color:var(--ink);box-shadow:0 1vh 0 var(--accent);font-family:var(--display);letter-spacing:-.02em;animation:pop .5s var(--ease) both;border-radius:.18em;padding:.12em .5em;font-size:clamp(56px,16vh,230px);font-weight:800;line-height:1.05}.has-media .numbersolved .value{font-size:clamp(44px,9vh,130px)}.guesses{flex-wrap:wrap;justify-content:center;gap:10px 14px;display:flex}.guess{background:var(--night-2);border:2px solid var(--night-line);border-radius:99px;align-items:center;gap:.5em;max-width:100%;padding:.3em .9em .3em .3em;font-weight:600;animation:.4s both rise;display:inline-flex}.guess .who{color:var(--muted-night);text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.guess b{font-family:var(--display);font-size:1.15em}.guess.win{border-color:var(--d)}.guess em{color:var(--d);font-style:normal;font-weight:800}.fact{text-align:center;color:var(--foam);text-wrap:balance;font-size:1.15em;font-weight:500;animation:.5s .25s both rise}.fact small{color:var(--muted-night);margin-left:.8em;font-size:.7em}.scoreboard{align-content:center;justify-items:center;gap:2.4vh;width:100%;display:grid}.scoreboard h1,.podium h1{font-family:var(--display);letter-spacing:-.03em;text-align:center;font-size:clamp(34px,5vw,92px);font-weight:800;line-height:1}.board{gap:1vh;width:min(100%,1100px);display:grid}.board li{background:var(--night-2);border:2px solid var(--night-line);border-radius:.9em;grid-template-columns:2em auto minmax(0,1fr) minmax(0,.8fr) auto auto;align-items:center;gap:.8em;padding:.5em 1.1em .5em .7em;font-size:1.2em;font-weight:700;animation:.45s both rise;display:grid}.board .rank{font-family:var(--display);text-align:center;color:var(--accent);font-weight:800}.board .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board .meter{background:var(--night-3);border-radius:99px;height:.5em;overflow:hidden}.board .meter i{background:var(--accent);height:100%;transition:width .8s var(--ease);border-radius:99px;display:block}.board .delta{color:var(--d);font-size:.85em;font-weight:800}.board .score{font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;grid-column:-2/-1;min-width:2.6em;font-size:1.2em;font-weight:800}.board li:first-child{background:var(--foam);color:var(--ink);border-color:var(--foam)}.board li:first-child .rank{color:var(--accent-ink)}.board li:first-child .meter{background:#1b102626}.board li:first-child .meter i{background:var(--accent-ink)}.board li:first-child .delta{color:#0f7a56}.board li.me{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}.scoreboard.final.two .board{grid-template-rows:repeat(8,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;column-gap:2vw;width:min(100%,1600px);font-size:.85em}.scoreboard.final .btn{margin-top:1vh}.podium{align-content:end;justify-items:center;gap:3vh;width:100%;padding-bottom:1vh;display:grid;position:relative}.podium .steps{justify-content:center;align-items:flex-end;gap:1.6vw;width:min(100%,1300px);display:flex}.podium .col{flex-direction:column;flex:1;align-items:center;gap:1.6vh;min-width:0;display:flex}.podium .col.empty{visibility:hidden}.podium .who{text-align:center;align-content:end;justify-items:center;gap:.6vh;max-width:100%;min-height:17vh;display:grid}.podium .who .avatar{font-size:clamp(30px,5.4vh,70px)}.podium .who strong{font-family:var(--display);overflow-wrap:anywhere;font-size:clamp(20px,2.4vw,50px);line-height:1.05}.podium .who span:last-child{color:var(--muted-night);font-weight:700}.podium .shown .who>*{animation:pop .6s var(--ease) both}.podium .block{background:var(--night-3);width:100%;color:var(--night-line);font-family:var(--display);border-radius:2vh 2vh 0 0;place-items:start center;padding-top:1.6vh;font-size:clamp(40px,9vh,120px);font-weight:800;line-height:1;transition:background .5s,color .5s;display:grid}.podium .p1 .block{height:36vh}.podium .p2 .block{height:26vh}.podium .p3 .block{height:18vh}.podium .shown .block{color:var(--ink)}.podium .p1.shown .block{background:var(--c)}.podium .p2.shown .block{background:var(--foam)}.podium .p3.shown .block{background:var(--a)}.confetti{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;animation:linear infinite fall;position:absolute;top:-4vh}.modal{z-index:20;background:#0a0512c7;place-items:center;padding:20px;animation:.2s both fade;display:grid;position:fixed;inset:0}.sheet{background:var(--foam);color:var(--ink);text-align:center;border-radius:24px;justify-items:center;gap:12px;padding:28px;font-size:17px;display:grid}.sheet .qr{width:min(56vh,70vw,320px)}.sheet strong{font-family:var(--display);font-size:26px}.phone{height:100dvh;min-height:0;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;overflow:hidden}.phone.centered{padding:24px;display:grid}.phone .joinbox{width:min(100%,360px)}.phonebar{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 16px;font-size:15px;display:grid}.phonebar .who{align-items:center;gap:8px;min-width:0;display:flex}.phonebar .who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phonebar .score,.phonebar .count,.phonebar .offline{font-family:var(--display);justify-self:end;align-items:center;gap:6px;font-size:20px;font-weight:800;display:inline-flex}.phonebody{min-height:0;padding:6px 16px max(16px, env(safe-area-inset-bottom));animation:stage-in .35s var(--ease) both;flex-direction:column;flex:1;display:flex}.hello,.standing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;display:flex}.standing{justify-content:flex-start;padding-top:4dvh;overflow-y:auto}.hello h1,.standing h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(30px,9vw,46px);font-weight:800;line-height:1.02}.hello strong{color:var(--accent);font-size:22px}.hello p,.standing p{color:var(--muted-night);font-weight:600}.hello .kicker,.standing .kicker{color:var(--accent)}.bigemoji{font-size:84px}.drum{animation:.5s infinite beat}.joinhead{justify-items:center;gap:10px;display:grid}.joinhead .emoji{font-size:64px}.codepill{font-family:var(--display);letter-spacing:.18em;background:var(--night-2);border:2px solid var(--night-line);border-radius:99px;padding:4px 14px;font-weight:800}.nameform{gap:14px;width:min(100%,380px);display:grid}.nameform input{border:2.5px solid var(--foam);background:var(--night-2);text-align:center;border-radius:16px;outline:0;width:100%;padding:16px 18px;font-size:22px;font-weight:700}.nameform input:focus{border-color:var(--accent)}.nameform input::placeholder{color:var(--muted-night);font-weight:500}.asking{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.timebar{background:var(--night-3);border-radius:99px;flex:none;height:10px;margin-right:2.4em;position:relative}.timebar i{background:var(--foam);border-radius:99px;height:100%;transition:width .12s linear;display:block}.timebar b{text-align:right;width:2em;font-family:var(--display);font-variant-numeric:tabular-nums;font-size:18px;position:absolute;top:50%;right:-2.4em;transform:translateY(-50%)}.timebar.hurry i{background:var(--a)}.timebar.hurry b{color:var(--a)}.ptext{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;flex:none;font-size:clamp(20px,5.8vw,30px);font-weight:700;line-height:1.12}.ptext.long{font-size:clamp(16px,4.4vw,22px)}.pads{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;min-height:0;padding-bottom:6px;display:grid}.pads.long{grid-template-columns:1fr}.pad{background:var(--slot);min-height:0;color:var(--ink);box-shadow:0 6px 0 var(--edge);font-family:var(--display);text-align:center;animation:tile-in .35s var(--ease) both;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:clamp(17px,5vw,24px);font-weight:700;line-height:1.08;transition:transform 80ms;display:flex;overflow:hidden}.pad:nth-child(2){animation-delay:50ms}.pad:nth-child(3){animation-delay:.1s}.pad:nth-child(4){animation-delay:.15s}.pad:active{box-shadow:0 1px 0 var(--edge);transform:translateY(5px)}.pad span{overflow-wrap:anywhere;max-width:100%}.pad .shape{opacity:.85;width:26px;height:26px}.pads.long .pad{text-align:left;flex-direction:row;justify-content:flex-start;padding:8px 16px;font-size:clamp(15px,4.2vw,19px)}.pads.pictures .pad img{object-fit:contain;background:var(--foam);border-radius:10px;flex:1 1 0;max-width:100%;min-height:0;padding:5px}.numberform{flex-direction:column;flex:1;justify-content:flex-start;gap:14px;padding-top:2dvh;display:flex}.numberform label{border:3px solid var(--foam);background:var(--night-2);border-radius:20px;align-items:baseline;gap:10px;padding:10px 18px;display:flex}.numberform label:focus-within{border-color:var(--accent)}.numberform input{width:100%;min-width:0;font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;font-size:44px;font-weight:800}.numberform input::placeholder{color:var(--night-line)}.numberform label span{color:var(--muted-night);font-size:20px;font-weight:700}.lockedin{animation:pop .4s var(--ease) both;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.lockedin .kicker{color:var(--d);align-items:center;gap:8px;font-size:15px;display:inline-flex}.pick{background:var(--slot,var(--night-2));max-width:100%;color:var(--ink);box-shadow:0 5px 0 var(--edge,var(--night-line));font-family:var(--display);text-align:center;overflow-wrap:anywhere;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:22px;font-weight:700;line-height:1.1;display:inline-flex}.pick img{object-fit:contain;background:var(--foam);border-radius:8px;max-width:50vw;height:64px;padding:4px}.pick.number{background:var(--foam);box-shadow:0 5px 0 var(--accent);font-size:34px;font-weight:800}.pick.none{color:var(--muted-night);border:2px dashed var(--night-line);box-shadow:none;background:0 0}.psolved{text-align:center;flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;display:flex;overflow-y:auto}.verdict{background:var(--night-2);border:2px solid var(--night-line);width:100%;animation:pop .45s var(--ease) both;border-radius:24px;justify-items:center;gap:6px;padding:22px 16px;display:grid}.verdict .mark{background:var(--night-3);width:64px;height:64px;font-family:var(--display);border-radius:50%;place-items:center;font-size:36px;font-weight:800;line-height:1;display:grid}.verdict h1{font-family:var(--display);font-size:32px;font-weight:800;line-height:1.05}.verdict .gain{font-family:var(--display);font-size:26px;font-weight:800}.psolved.right .verdict{background:var(--d);border-color:var(--d);color:var(--ink)}.psolved.right .mark{background:var(--ink);color:var(--d)}.psolved.close .verdict{background:var(--c);border-color:var(--c);color:var(--ink)}.psolved.close .mark{background:var(--ink);color:var(--c)}.psolved.wrong .mark{background:var(--a);color:var(--ink)}.psolved .ask{color:var(--muted-night);font-size:15px;font-weight:600}.truth{justify-items:center;gap:8px;display:grid}.truth .kicker{color:var(--muted-night);margin-top:4px;font-size:12px}.psolved .fact{color:var(--foam);font-size:15px}.rankbig{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(44px,14vw,68px);font-weight:800;line-height:1}.scorebig{font-family:var(--display);color:var(--accent);font-size:26px;font-weight:800}.scorebig span{font-family:var(--text);color:var(--muted-night);font-size:15px;font-weight:600}.phone .board{flex:none;margin-top:8px;font-size:13px}.phone .board li{grid-template-columns:1.6em auto minmax(0,1fr) auto;padding:.45em .9em .45em .6em}.phone .board .meter,.phone .board .delta{display:none}.remotebody{flex:1;align-content:start;gap:14px;min-height:0;padding:6px 16px 12px;display:grid;overflow-y:auto}.now{background:var(--night-2);border:2px solid var(--night-line);border-radius:16px;gap:6px;padding:14px 16px;display:grid}.now p{font-weight:600}.now strong{font-family:var(--display);color:var(--d);font-size:22px}.tallybig{color:var(--muted-night);font-weight:600}.tallybig b{font-family:var(--display);color:var(--foam);font-size:40px;font-weight:800}.roster{gap:8px;display:grid}.roster li{background:var(--night-2);border:2px solid var(--night-line);border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 10px;font-weight:700;display:flex}.roster li.done{border-color:var(--d)}.roster li.done>.icon{color:var(--d)}.roster li.away{opacity:.5}.roster .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.roster button{min-width:40px;height:40px;color:var(--muted-night);border-radius:10px;place-items:center;padding:0 10px;font-size:14px;font-weight:700;display:grid}.roster button.armed{background:var(--a);color:var(--ink)}.roster .empty{color:var(--muted-night);border-style:dashed;justify-content:center;font-weight:600}.thumb{padding:10px 16px max(16px, env(safe-area-inset-bottom))}.thumb .btn{min-height:76px;font-size:26px}@keyframes stage-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes tile-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes fade{0%{opacity:0}}@keyframes pulse{50%{opacity:.45}}@keyframes beat{50%{transform:scale(1.14)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes bubble{to{opacity:0;transform:translateY(-170px)}}@keyframes fall{to{transform:translateY(110vh) rotate(var(--turn,360deg))}}@media (width<=760px){.nav .joinbox input{width:4.6em;font-size:17px}.nav .joinbox button{padding:0 12px}.composer{box-shadow:5px 5px 0 var(--ink);border-radius:20px}.controls{gap:12px;padding:8px 10px 10px}.controls .btn{width:100%;margin:4px 0 0}.hero .chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:-20px;padding:4px 20px 10px;overflow-x:auto}.hero .chips button{flex:none}.cards{grid-template-columns:1fr 1fr;gap:14px}.card{min-height:160px;box-shadow:4px 4px 0 var(--ink);padding:14px}.card strong{font-size:18px}.card .emoji{font-size:36px}.card .flag{top:12px;right:12px}.poster{box-shadow:5px 5px 0 var(--ink);flex-direction:column;align-items:flex-start}.hostbox .btn{width:100%}.segmented{flex-wrap:wrap;display:flex}.setting{width:100%}.segmented button{flex:1}.screen{font-size:15px}.topbar{grid-template-columns:1fr auto}.topbar .where{display:none}.lobby{grid-template-columns:1fr;gap:3vh;max-height:100%;overflow-y:auto}.qr{width:min(46vw,30vh)}.tiles{grid-template-columns:1fr;gap:1.2vh}.tile{min-height:8vh}.tiles.pictures{grid-template-columns:1fr 1fr}.bottombar{grid-template-columns:auto 1fr}.bottombar .answeredrow .chips{display:none}.bottombar .btn.next{grid-column:1/-1;width:100%}.scoreboard.final.two .board{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row}.board li{font-size:1em}.board .meter{display:none}.board li{grid-template-columns:2em auto minmax(0,1fr) auto auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.confetti{display:none}}.phonebar>:last-child{grid-column:3;justify-self:end}.phonebar .position{grid-column:2}.board{text-align:left}.screen .board{width:min(100%,1320px);font-size:1.2em}.screen .btn.foam{min-height:2.8em;padding:0 1.6em;font-size:1.1em}.screen .btn.next{min-height:clamp(60px,7vh,92px);padding:0 1.5em;font-size:clamp(20px,1.5vw,34px)}.screen .fact{max-width:34em;margin-inline:auto;font-size:1.5em}.bars i{min-width:4px;display:block}@media (width>=761px){.mailtoggle{align-self:flex-end}}.media.audio{justify-items:stretch}.media.audio .play{justify-self:center}.media.image{grid-template-rows:minmax(0,1fr) auto;min-height:24vh}:is(.media.image img,.media.image:has(.credit) img){height:100%}.media.compact.image{min-height:0}.media.compact.image img{height:auto}.screen .credit{font-size:.72em}.votes i{min-height:0}.filters{scrollbar-width:none;gap:8px;margin:-4px 0 18px;padding-bottom:4px;display:flex;overflow-x:auto}.filters button{border:2px solid var(--ink);border-radius:999px;flex:none;padding:7px 15px;font-size:15px;font-weight:700}.filters button.on{background:var(--ink);color:var(--foam)}.playnow{border:2.5px solid var(--ink);background:var(--accent-ink);color:var(--foam);box-shadow:8px 8px 0 var(--ink);text-align:left;transition:transform .14s var(--ease), box-shadow .14s;border-radius:26px;align-items:center;gap:18px;margin-top:clamp(22px,4vw,40px);padding:18px 30px 18px 22px;display:inline-flex}.playnow:hover:not(:disabled){box-shadow:11px 12px 0 var(--ink);transform:translate(-2px,-3px)rotate(-.8deg)}.playnow:active:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(5px,5px)}.playnow:disabled{opacity:.6}.playnow .emoji{font-size:clamp(40px,6vw,60px)}.playnow .words{gap:2px;display:grid}.playnow strong{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(30px,4.6vw,48px);font-weight:800;line-height:1}.playnow small{opacity:.85;font-size:clamp(13px,1.5vw,16px);font-weight:600}.playnow .icon{background:var(--amber);width:34px;height:34px;color:var(--ink);box-sizing:content-box;border-radius:50%;padding:6px}.hero .or{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:clamp(22px,3.4vw,34px);font-size:14px;font-weight:700}.hero .or+.composer{margin-top:12px}.filters button{background:var(--foam);align-items:center;gap:7px;display:inline-flex}.filters button.star{background:var(--amber)}.filters button.on{background:var(--ink)}.genre{margin-top:30px}.genrehead{align-items:center;gap:12px;margin-bottom:14px;display:flex}.genrehead .emoji{font-size:30px}.genrehead h3{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.05}.genrehead p{color:var(--muted);font-size:14px;font-weight:600}.cards{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:16px}.card{min-height:164px;box-shadow:4px 4px 0 var(--ink);border-radius:20px;gap:8px;padding:15px}.card .emoji{font-size:38px}.card strong{font-size:19px}.card .meta{font-size:12px}.card .flag{font-size:11px;top:13px;right:13px}.genre.featured{border:2.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:28px;padding:22px}.genre.featured .genrehead .emoji{font-size:46px}.genre.featured .genrehead h3{font-size:clamp(26px,3.4vw,36px)}.genre-kids.featured .card{border-radius:28px}.genre-geo-training.featured{background:linear-gradient(#fff6e312 1px, transparent 1px) 0 0 / 100% 34px, linear-gradient(90deg, #fff6e312 1px, transparent 1px) 0 0 / 34px 100%, var(--ink);color:var(--foam)}.genre-geo-training.featured .genrehead p{color:var(--muted-night)}.genre-geo-training.featured .card{color:var(--ink);border-color:var(--foam);box-shadow:4px 4px 0 var(--accent)}.speakbtn{border:2px solid var(--night-line);width:2.1em;height:2.1em;color:var(--muted-night);vertical-align:middle;border-radius:50%;flex:none;place-items:center;font-size:.85em;display:inline-grid}.speakbtn:hover{color:var(--foam);border-color:var(--accent)}.screen .speakbtn{font-size:1.1em}.ptext .speakbtn{margin-left:8px;font-size:15px}.tools button.on{background:var(--accent);color:var(--ink)}.media.audio{grid-template-columns:auto auto 1fr}.replay{aspect-ratio:1;border:2px solid var(--night-line);width:clamp(44px,6.4vh,72px);color:var(--foam);border-radius:50%;place-items:center;font-size:clamp(20px,3vh,34px);display:grid}.replay:hover{border-color:var(--accent)}.media.compact .replay{width:40px;font-size:18px}.tiles.pictures{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:1.6vh 1.2vw;max-height:none}.tiles.pictures .tile{flex-direction:row;align-items:stretch;gap:.8vw;padding:1.2vh 1vw 1.6vh}.tiles.pictures .tile .shape{opacity:1;align-self:flex-start;width:clamp(22px,2.6vw,54px);height:clamp(22px,2.6vw,54px)}.tiles.pictures .tile img{flex:1 1 0;width:auto;min-width:0;height:100%}.tiles.pictures .tile .label{background:var(--ink);color:var(--foam);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;max-width:80%;padding:.2em .8em;font-size:.6em;position:absolute;bottom:2.4vh;left:50%;overflow:hidden;transform:translate(-50%)}.tiles.pictures .votes{font-size:.8em;top:auto;bottom:1.8vh;right:1.2vw}.tiles.pictures .tile>.icon{inset:auto auto 1.8vh 1vw}.qstage:has(.tiles.pictures){justify-content:flex-start;height:100%}.qstage:has(.tiles.pictures) .qtext{font-size:clamp(22px,3vw,58px)}.qstage:has(.tiles.pictures) .media.audio{padding:1.2vh 2vw}.qstage:has(.tiles.pictures) .media.audio .play{width:clamp(60px,9vh,110px)}.pads.pictures{gap:10px}.pads.pictures .pad{gap:6px;padding:8px 8px 12px}.pads.pictures .pad .shape{opacity:1;width:22px;height:22px}.pads.pictures .pad img{width:100%}.numberask.words .digits i{width:clamp(48px,7vw,150px);font-size:clamp(34px,9vh,120px)}.numbersolved .value.words{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:clamp(40px,9vh,130px)}.guess.miss{opacity:.6}.guess.tappable{opacity:1;color:var(--foam);border-style:dashed;border-color:var(--muted-night);font:inherit;cursor:pointer;font-weight:600}.guess.tappable .icon{color:var(--d)}.guess.tappable:hover{border-color:var(--d);border-style:solid}.numberform input.words{text-align:left;font-size:26px;font-weight:700}.pick.words{font-size:24px}.roster.typed .name b{color:var(--c)}.roster.typed .ok{background:var(--d);color:var(--ink)}@media (width<=760px){.playnow{width:100%;box-shadow:5px 5px 0 var(--ink);gap:14px;padding:16px 18px}.playnow .words{flex:1}.cards.row{scroll-snap-type:x proximity;scrollbar-width:none;gap:12px;margin-inline:-20px;padding:2px 20px 10px;display:flex;overflow-x:auto}.cards.row .card{scroll-snap-align:start;flex:0 0 158px;min-height:150px}.genre.solo .cards.row{grid-template-columns:1fr 1fr;margin-inline:0;padding:0;display:grid}.genre.featured{box-shadow:5px 5px 0 var(--ink);border-radius:22px;padding:16px 16px 8px}.genre.featured .cards.row{margin-inline:-16px;padding-inline:16px}.tiles.pictures .tile{flex-direction:column}}.genre-kids.featured{background:radial-gradient(circle at 97% 92%,#9ee6ff 0 70px,#0000 71px),radial-gradient(circle at 86% 12%,#ffb3cf 0 26px,#0000 27px),radial-gradient(circle at 70% 104%,#ffd76a 0 44px,#0000 45px),#fff3c4}.qstage:has(.tiles.pictures):has(.media.audio){grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;column-gap:2vw;display:grid}.qstage:has(.tiles.pictures)>.media.audio{grid-area:1/2;grid-template-columns:auto auto;gap:1vw;width:auto;margin:0}.qstage:has(.tiles.pictures)>.media.audio .bars{display:none}:is(.qstage:has(.tiles.pictures)>.tiles,.qstage:has(.tiles.pictures)>.fact){grid-column:1/-1}.qstage:has(.tiles.pictures)>.tiles{flex:1 1 0;min-height:0}.card strong{margin-top:0}.card .meta{margin-top:auto}@media (width<=760px){.genre+.genre{margin-top:30px}.genre.featured,.genre-kids.featured,.genre-geo-training.featured{box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;padding:0}.genre.featured .genrehead .emoji{border:2.5px solid var(--ink);background:var(--amber);border-radius:50%;flex:none;place-items:center;width:50px;height:50px;font-size:26px;display:grid}.genre-geo-training.featured .genrehead .emoji{background:var(--ink)}.genre.featured .genrehead h3{font-size:26px}.genre-geo-training.featured .genrehead p{color:var(--muted)}.genre-kids.featured .card,.genre-geo-training.featured .card{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:20px}.cards.row,.genre.featured .cards.row{gap:12px;margin-inline:-20px;padding:2px 20px 10px;scroll-padding-inline:20px}.cards.row .card{flex:0 0 calc(50vw - 40px);gap:8px;min-height:158px;padding:14px}.card .emoji{font-size:34px;line-height:1}.card strong{font-size:17px}.card .flag{display:none}.card .meta{gap:5px;font-size:11px}.card .meta span{padding:3px 8px}.filters{margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.filters::-webkit-scrollbar{display:none}.cards.row::-webkit-scrollbar{display:none}.cards.row{scroll-snap-type:x mandatory}}.leave{border:2px solid var(--night-line);background:var(--night-2);min-width:2.4em;height:2.4em;color:var(--muted-night);white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:.5em;padding:0 .6em;font-weight:700;display:inline-flex}.leave:hover{color:var(--foam);border-color:var(--foam)}.leave.armed{background:var(--a);border-color:var(--a);color:var(--ink);padding:0 1em}.leave .icon{width:1em;height:1em}.phonebar:has(.leave){grid-template-columns:1fr auto auto auto}.phonebar .leave{font-size:14px}.playsolo{color:var(--ink);text-align:left;align-items:baseline;gap:8px;margin-top:22px;padding:6px 2px;font-size:17px;display:flex}.playsolo strong{text-underline-offset:4px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.playsolo small{opacity:.7;font-size:15px}.playsolo:hover strong{color:var(--accent-ink)}.playsolo:disabled{opacity:.5}.hostbox .btn.solo{min-height:56px;margin-left:0;padding:0 22px}.solobar{padding:8px 16px max(16px, env(safe-area-inset-bottom))}.solobar .btn.ghost{border-color:var(--night-line);color:var(--muted-night)}.standing.solo .rightof{color:var(--accent);font-size:20px;font-weight:800}.standing .board{flex:none}.board.alltime li{grid-template-columns:2em auto minmax(0,1fr) auto auto}.board.alltime .score{grid-column:auto}.board .hits{opacity:.7;font-variant-numeric:tabular-nums;font-size:.8em}.alltimebox{margin-top:36px}.alltimebox h2{font-family:var(--display);margin-bottom:14px;font-size:26px;font-weight:800}.alltimebox p{opacity:.7;font-weight:600}.paper .board{gap:8px;width:min(100%,720px)}.paper .board li{color:var(--ink);background:0 0;border:0;border-bottom:2px solid #1b10261f;border-radius:0;padding:8px 6px;font-size:17px;animation:none}.paper .board li:first-child{background:0 0}.paper .board .rank{color:var(--accent-ink)}.scoreboard.final.withalltime{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:3vw;max-width:1700px;margin:auto}.scoreboard.final.withalltime>h1,.scoreboard.final.withalltime>.btn{grid-column:1/-1}.scoreboard.final.withalltime .board{grid-template-rows:none;grid-template-columns:none;grid-auto-flow:row;width:100%;font-size:.85em}.scoreboard .alltime h2{font-family:var(--display);color:var(--accent);margin-bottom:1.2vh;font-size:1.3em}div.alltime{width:100%}.scoreboard div.alltime .board li:first-child{background:var(--night-2);color:inherit;border-color:var(--night-line)}.scoreboard div.alltime .board li:first-child .rank{color:var(--accent)}.scoreboard div.alltime .board li.me{border-color:var(--c)}@media (width<=760px){.topbar{grid-template-columns:1fr auto auto}.topbar .where{display:flex}.topbar .where .joinpill{display:none}.scoreboard.final.withalltime{grid-template-columns:1fr;row-gap:3vh}.playsolo{flex-wrap:wrap}}.topbar .where{grid-column:-2/-1}.phonebar>.leave:last-child{grid-area:1/4}.phonebar:has(.leave)>.score{grid-column:3}.phonebar:has(.leave)>.offline{grid-column:3}.phonebar:has(.leave)>span:not(.who):not(.position){grid-column:3}.playsolo{justify-content:center;width:fit-content;margin-inline:auto}.report{gap:8px;margin-top:10px;font-size:14px;display:grid}.report.toggle{width:fit-content;color:inherit;opacity:.6;border-radius:99px;justify-self:center;align-items:center;gap:6px;margin-inline:auto;padding:6px 10px;font-weight:600;display:inline-flex}.report.toggle:hover{opacity:1}.report.done{opacity:.75;text-align:center;font-weight:600}.report .kinds{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.report .kinds button{opacity:.75;border:2px solid;border-radius:99px;padding:7px 12px;font-size:14px;font-weight:700}.report .kinds button.on{opacity:1;background:var(--amber);border-color:var(--amber);color:var(--ink)}.report .line{gap:8px;display:flex}.report .line input{min-width:0;color:inherit;font:inherit;background:0 0;border:2px solid;border-radius:12px;flex:1;padding:10px 12px}.report .line .btn{min-height:44px;padding:0 16px;font-size:15px}.peek .report.toggle{margin-inline:0;padding-left:0}.peek .report .kinds{justify-content:flex-start}.sheet .report{width:100%;color:var(--ink)}.navright{align-items:center;gap:14px;display:flex}.accountlink{color:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:700;display:inline-flex}.accountlink:hover,.accountlink.in{background:#1b102614}.authbox{background:var(--foam);border:2.5px solid var(--ink);max-width:440px;box-shadow:6px 6px 0 var(--ink);border-radius:24px;gap:14px;margin:clamp(16px,5vw,48px) auto 0;padding:22px;display:grid}.authbox form,.account form.inline{gap:10px;display:grid}.authbox input,.account form.inline input{border:2px solid var(--ink);font:inherit;background:#fff;border-radius:14px;min-width:0;padding:13px 14px;font-size:17px}.authbox .btn{min-height:52px;font-size:18px}.authbox .segmented{grid-template-columns:1fr 1fr;display:grid}.textlink{text-underline-offset:3px;color:var(--ink);text-align:left;justify-self:start;padding:4px 0;font-weight:700;text-decoration:underline}.hint{color:var(--muted);font-size:14px;font-weight:600}.whoami{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:clamp(16px,4vw,40px);display:flex}.whoami h1{font-family:var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(24px,4vw,40px);font-weight:800}.whoami .row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.account form.inline{grid-auto-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-auto-flow:column;align-items:center}.playedlist{display:grid}.played{color:var(--ink);border-bottom:2px solid #1b10261f;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 6px;display:grid}.played strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.played .emoji{font-size:22px}.played .what,.played .when{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:600}.card .flag.lock{background:var(--ink);color:var(--foam)}.genrehead>div:first-of-type{flex:1;min-width:0}.genreplay{flex:none;align-items:center;gap:8px;display:flex}.genreplay .segmented button{min-width:36px;padding:7px 0}.genreplay .unit{color:var(--muted);font-size:14px;font-weight:700}.genreplay .btn{min-height:42px;padding:0 16px;font-size:16px}.genreplay .alone{border:2px solid var(--ink);border-radius:99px;width:42px;height:42px;font-size:18px}.morebox{border:2.5px dashed var(--ink);border-radius:24px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;padding:18px 22px;display:flex}.morebox>div:first-child{flex:1;min-width:200px}.morebox h2{font-family:var(--display);font-size:22px;font-weight:800}.morebox p{color:var(--muted);font-weight:600}.morebox .btn{min-height:50px;padding:0 20px}.morebox .error{flex-basis:100%}@media (width<=760px){.navright{gap:6px}.accountlink{padding:8px;font-size:0}.accountlink span{font-size:20px}.genrehead{flex-wrap:wrap}.genreplay{flex-basis:100%}.played{grid-template-columns:auto minmax(0,1fr) auto}.played .what{grid-area:2/2/auto/-1}.account form.inline{grid-auto-columns:auto;grid-auto-flow:row}}.accountlink{text-decoration:none}@media (width<=760px){.nav{gap:8px}.nav .joinbox input{width:4.6em;padding-inline:10px}.nav .joinbox button{padding-inline:10px}}.report.toggle{opacity:.38;text-underline-offset:3px;padding:4px 6px;font-size:12px;font-weight:500;text-decoration:underline}.report.toggle:hover,.report.toggle:focus-visible{opacity:.8}.psolved .reportfoot{width:100%;margin-top:auto;padding-top:18px}.peek .report.toggle{opacity:.45}.supply{gap:12px;margin-top:22px;display:grid}.supply .fresh{color:var(--muted);font-weight:700}.supply .fresh.short{color:var(--accent-ink)}.writing{border:2px solid var(--night-line);text-align:left;background:#ffffff14;border-radius:16px;gap:8px;width:100%;padding:14px 16px;display:grid}.writing .top{justify-content:space-between;gap:12px;font-size:1em;display:flex}.writing .top span,.writing .step{color:var(--muted-night);font-size:.9em;font-weight:600}.writing .progress{background:var(--night-3);border-radius:99px;height:10px;overflow:hidden}.writing .progress i{background:var(--amber);border-radius:99px;height:100%;transition:width 1.2s linear;display:block}.bottombar .writing{max-width:420px;padding:8px 12px}.breakactions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn.quiet{border:2px solid var(--night-line);min-height:44px;color:var(--muted-night);box-shadow:none;background:0 0;padding:0 16px;font-size:.95em}.btn.quiet:hover:not(:disabled){color:var(--foam);border-color:var(--foam)}.paper .btn.quiet{color:var(--ink);border-color:#1b10264d;min-height:38px;padding:0 12px;font-size:14px}.paper .btn.quiet.strong{background:var(--ink);border-color:var(--ink);color:var(--foam)}.solobar{gap:10px;display:grid}.solobar .breakactions{justify-content:center}.roundcard .repeats{max-width:34em;color:var(--muted-night);margin-top:1.5vh;font-size:.8em;font-weight:600}.played{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"emoji title again""emoji what again";row-gap:2px}.played .emoji{grid-area:emoji}.played>a,.played>strong{color:var(--ink);grid-area:title;min-width:0}.played .what{white-space:normal;grid-area:what}.played .again{grid-area:again;gap:6px;display:flex}@media (width<=760px){.played{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"emoji title""emoji what""again again"}.played .what{grid-area:auto}.played .again{margin-top:6px}.bottombar .breakactions{grid-column:1/-1;justify-content:stretch}.bottombar .breakactions .btn{flex:1}}.bottombar .nextside{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}@media (width<=760px){.bottombar .nextside{flex-wrap:wrap;grid-column:1/-1}.bottombar .nextside .btn.next{flex:100%}}@media (width<=760px),(height<=520px){.screen{font-size:16px}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"what where""position position";align-items:center;gap:10px 16px;padding:14px 16px 4px}.topbar .what{grid-area:what;gap:10px}.topbar .where{grid-area:where/auto;gap:10px;display:flex}.topbar .where .joinpill{display:none}.topbar .position{grid-area:position;justify-self:start;font-size:15px}.position{gap:14px}.position b{margin-left:.2em}.stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 16px 18px;display:block;overflow-y:auto}.stage>*{margin-inline:auto}.qstage{justify-content:flex-start;gap:18px;min-height:0}.qstage>*{flex:none}.qhead{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 14px;display:grid}.qhead .qtext{grid-area:1/1/span 2}.qhead .countdown{grid-area:1/2;width:68px;height:68px;font-size:15px}.qhead .speakbtn{grid-column:2;justify-self:center;width:40px;height:40px}.qhead .badge{grid-area:1/2}.qtext.size-s,.has-media .qtext.size-s{font-size:26px}.qtext.size-m{font-size:23px}.qtext.size-l{font-size:20px}.qtext.size-xl{font-size:18px}.screen .media.audio{border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:12px 14px}.screen .media.audio .play{width:56px;height:56px}.screen .media.image{grid-template-rows:auto auto;min-height:0}:is(.screen .media.image img,.screen .media.image:has(.credit) img){height:auto;max-height:34vh}.tiles,.tiles.long{grid-template-columns:1fr;gap:12px}.tile,.has-media .tile,.tiles.long .tile{min-height:58px;box-shadow:0 5px 0 var(--edge);border-radius:16px;padding:12px 16px;font-size:19px}.tiles.pictures{grid-template-columns:1fr 1fr}.numberask,.numbersolved{gap:14px}.screen .fact{font-size:16px}.lobby{grid-template-columns:1fr;gap:22px;max-height:none;overflow:visible}.ticket{border-radius:22px;gap:14px;padding:18px}.qr{width:min(58vw,38vh,260px)}.how .code{font-size:clamp(34px,11vw,56px)}.scoreboard,.scoreboard.final{align-content:start;gap:16px}.screen .board{gap:8px;font-size:15px}.screen .board li{grid-template-columns:1.6em auto minmax(0,1fr) auto auto;gap:8px;padding:8px 12px 8px 8px}.screen .board .meter{display:none}.podium{align-content:start;gap:18px}.podium .steps{height:auto;min-height:0}.podium .col .block{min-height:0}.bottombar{padding:10px 16px max(14px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;min-height:0;display:flex}.bottombar .tools{gap:6px}.bottombar .tools button{min-width:44px;min-height:44px}.bottombar .answeredrow{flex:1;justify-content:flex-end;min-width:0}.bottombar .answeredrow .chips{display:none}.bottombar .nextside{flex-wrap:wrap;flex:100%;gap:10px}.bottombar .nextside .btn.next{flex:100%;width:100%;min-height:58px;font-size:20px}.bottombar .breakactions{flex:100%;justify-content:stretch}.bottombar .breakactions .btn{flex:1}.leave{min-width:44px;height:44px}}.phonebar{gap:14px;padding:12px 16px}.phonebar .position{gap:12px;font-size:15px}@media (width<=760px){.nav{flex-wrap:wrap;row-gap:10px}.navright{flex:1;justify-content:flex-end;min-width:0}.nav .joinbox{flex:0 auto;min-width:0}.nav .joinbox input{width:4.2em;min-width:0}}.stage{overflow-y:auto}.scoreboard.final{align-content:start;padding-block:1vh}@media (width<=760px),(height<=520px){.screen .media.audio{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.screen .media.audio>*{flex:none}.screen .media.audio .bars{flex:1;min-width:90px;height:44px}.screen .media.audio .credit{flex-basis:100%}.bottombar .answeredrow{overflow:visible}.bottombar .answeredrow .tally{white-space:nowrap;flex:none}}
