:root{--ink:#1d1422;--yellow:#ffd23f;--teal:#2ec4b6;--pink:#ff4f9a;--purple:#7b5cff;--orange:#ff7a1a;--red:#e8252b;--cream:#fff6e6;--grey:#cfc4d6;--hud-top:calc(env(safe-area-inset-top,0px) + 12px);--safe-bottom:env(safe-area-inset-bottom,0px);--badge-strip:calc(50px + env(safe-area-inset-bottom,0px));color-scheme:light}*{box-sizing:border-box}html,body{background:var(--cream);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;overflow:hidden}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--ink);font-family:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}input::placeholder{color:#b3a8b0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes sunSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes fall{0%{transform:translateY(-40px)rotate(0)}to{transform:translate3d(var(--dx), 110vh, 0) rotate(900deg)}}@keyframes lockbar{0%{width:0}to{width:100%}}@keyframes stampPop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}55%{opacity:1;transform:scale(1.15)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(-7deg)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes wavebar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes pulse{0%{box-shadow:0 0 #e8252b99}to{box-shadow:0 0 0 16px #e8252b00}}@keyframes countPop{0%{opacity:0;transform:rotate(-6deg)scale(1.6)}40%{opacity:1}to{transform:rotate(-6deg)scale(1)}}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.app{background:var(--cream);position:fixed;inset:0;overflow:hidden}.stage{background:var(--yellow);position:absolute;inset:0;overflow:hidden}.stage-bg,.stage-fg{pointer-events:none;position:absolute;inset:0}.stage-fg{z-index:2}#canvas{z-index:1;touch-action:none;width:100%;height:100%;transition:filter .6s;display:block;position:absolute;inset:0}#canvas.sad{filter:saturate(.5)brightness(.95)}.stage-color{transition:background .45s;position:absolute;inset:0}.burst{background:repeating-conic-gradient(#ffffff38 0 7.5deg, transparent 7.5deg 15deg);width:2000px;height:2000px;transition:opacity .5s;position:absolute;top:300px;left:50%;transform:translate(-50%,-50%)}.dots{background-image:radial-gradient(var(--ink) 1.6px, transparent 1.8px);opacity:.14;background-size:22px 22px;position:absolute;inset:0}.shape{transition:background .45s,border-color .45s;position:absolute}.shape.circle{border:4px solid var(--ink);border-radius:50%;width:120px;height:120px;top:230px;left:-40px}.shape.tri{border-left:60px solid #0000;border-right:60px solid #0000;border-bottom:104px solid var(--pink);width:0;height:0;top:160px;right:-30px;transform:rotate(18deg)}.shape.square{border:4px solid var(--ink);width:64px;height:64px;top:430px;right:24px;transform:rotate(22deg)}.floor{background:var(--ink);border-top:10px solid var(--pink);box-shadow:0 -4px 0 var(--ink);transition:top .6s;position:absolute;bottom:-40px;left:0;right:0}.confetti{position:absolute;inset:0;overflow:hidden}.confetti span{border:2px solid var(--ink);position:absolute;top:0}.vignette{transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #78000080}.bigcount{text-align:center;color:var(--yellow);-webkit-text-stroke:6px var(--ink);text-shadow:10px 10px 0 var(--ink);font-family:Bungee,sans-serif;font-size:200px;line-height:1;animation:.35s cubic-bezier(.2,1.4,.4,1) both countPop;position:absolute;top:40px;left:0;right:0;transform:rotate(-6deg)}.title{top:calc(var(--hud-top) + 42px);text-align:center;color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink);font-family:Bungee,sans-serif;font-size:48px;line-height:.95;position:absolute;left:0;right:0;transform:rotate(-4deg)}.title span{color:var(--pink)}.roomcode{top:calc(var(--hud-top) + 38px);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:0;right:0}.roomcode .small{font-family:Bungee,sans-serif;font-size:12px}.roomcode .code{color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink);letter-spacing:.08em;font-family:Bungee,sans-serif;font-size:46px;line-height:1}.bubble-row{left:16px;right:16px;top:calc(var(--hud-top) + 64px);justify-content:flex-end;display:flex;position:absolute}.bubble-row.left{justify-content:flex-start}.bubble-row.start{top:calc(var(--hud-top) + 178px);justify-content:flex-end}.bubble-row.room,.app.desktop .bubble-row.room{top:calc(var(--hud-top) + 104px)}.bubble{border:3px solid var(--ink);max-width:270px;box-shadow:5px 5px 0 var(--ink);text-wrap:pretty;background:#fff;border-radius:22px;padding:10px 14px;font-size:16px;font-weight:800;line-height:1.25;transform:rotate(2deg)}.bubble-row.left .bubble{transform:rotate(-2deg)}.bubble-row.xcu{justify-content:center;top:56%}.bubble-row.xcu .bubble{max-width:100%;font-size:22px;transform:rotate(2deg)}.bubble .who,.heard .who{color:#e0337f;margin-bottom:2px;font-family:Bungee,sans-serif;font-size:10px}.heard .who{color:inherit;opacity:.75}.dots3 i{background:var(--ink);border-radius:50%;width:8px;height:8px;margin-right:5px;animation:1.2s infinite blink;display:inline-block}.dots3 i:nth-child(2){animation-delay:.2s}.dots3 i:nth-child(3){animation-delay:.4s}.stamp{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:25%;left:0;right:0}.stamp-text{-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--ink);white-space:nowrap;font-family:Bungee,sans-serif;font-size:58px;line-height:1;animation:.5s cubic-bezier(.2,1.5,.4,1) both stampPop}.stamp .pts{background:var(--teal);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:2px 14px;font-family:Bungee,sans-serif;font-size:22px;animation:.4s .25s both popIn}.heard{right:16px;bottom:var(--heard-bottom,310px);border:3px solid var(--ink);max-width:260px;box-shadow:4px 4px 0 var(--ink);z-index:3;border-radius:20px 20px 4px;padding:8px 14px;font-size:16px;font-weight:800;animation:.3s cubic-bezier(.2,1.4,.4,1) both popIn;position:absolute}.loadbox{border:3px solid var(--ink);width:min(300px,80%);box-shadow:5px 5px 0 var(--ink);text-align:center;pointer-events:auto;background:#fff;border-radius:20px;padding:12px 14px;font-size:14px;font-weight:800;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.loadbox.error{background:#fff0f0}.loadbar{border:3px solid var(--ink);background:#fff;border-radius:999px;height:12px;margin-top:8px;overflow:hidden}.loadbar i{background:var(--teal);height:100%;transition:width .3s;display:block}.retry{border:3px solid var(--ink);background:var(--yellow);border-radius:999px;height:40px;margin-top:8px;padding:0 16px;font-family:Bungee,sans-serif}.panel{z-index:12;pointer-events:none;flex-direction:column;justify-content:flex-end;max-height:100%;display:flex;position:absolute;bottom:0;left:0;right:0}.panel-inner{pointer-events:auto;max-height:calc(100dvh - var(--hud-top) - 60px);flex-direction:column;gap:12px;display:flex}.flow{padding:0 14px calc(var(--safe-bottom) + 24px);flex-direction:column;gap:10px;display:flex}.pop{animation:.5s cubic-bezier(.2,1.4,.4,1) both popIn}.up{animation:.4s cubic-bezier(.2,1.2,.4,1) both sheetUp}.row{gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:8px;display:flex}.grow{flex:1}.grow2{flex:2}.center{text-align:center}.pad4{padding:0 4px}.btn{border:3px solid var(--ink);border-radius:999px;height:58px;padding:0 18px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.btn:active{transform:translateY(3px)scale(.99)}.btn[disabled]{opacity:.45;cursor:default}.btn.solo{background:var(--teal);height:66px;box-shadow:0 5px 0 var(--ink);font-family:Bungee,sans-serif;font-size:24px;font-weight:400}.btn.host,.btn.join{height:58px;box-shadow:0 5px 0 var(--ink);flex:1;font-family:Bungee,sans-serif;font-size:16px;font-weight:400}.btn.host{background:var(--pink)}.btn.join{background:#fff}.btn.solo:active,.btn.host:active,.btn.join:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.hint{text-align:center;font-size:14px;font-weight:700}.app.mobile .hint{text-shadow:0 0 3px #fff,0 0 6px #fff,0 0 10px #fff}.hint a{color:inherit}.tagline{margin-bottom:6px;font-family:Bungee,sans-serif;font-size:44px;line-height:1}.sheet{background:var(--ink);padding:20px 16px calc(var(--safe-bottom) + 26px);color:#fff;overscroll-behavior:contain;border-radius:28px 28px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.sheet.room{padding:16px 14px calc(var(--safe-bottom) + 24px);gap:10px}.sheet.tray{padding:14px 14px calc(var(--safe-bottom) + 22px);gap:10px}.sheet.breaksheet,.sheet.oversheet{padding:18px 14px calc(var(--safe-bottom) + 24px);gap:12px}.label{color:var(--yellow);font-family:Bungee,sans-serif;font-size:12px}.muted,.note{color:var(--grey)}.note{font-size:13px;font-weight:600}.err{color:#ff9ab8}.codein{text-align:center;letter-spacing:.35em;width:100%;height:76px;color:var(--ink);text-transform:uppercase;background:#fff;border:none;border-radius:16px;padding-left:.35em;font-family:Bungee,sans-serif;font-size:40px}.namein{width:100%;height:58px;color:var(--ink);background:#fff;border:none;border-radius:14px;padding:0 16px;font-family:inherit;font-size:20px;font-weight:800}.btn.ghost{color:#fff;background:0 0;border-color:#fff;height:60px;padding:0 20px}.btn.yellow{background:var(--yellow);border-color:#fff;height:62px;font-family:Bungee,sans-serif;font-size:20px;font-weight:400}.btn.outline{color:#fff;background:0 0;border-color:#fff;flex:1;height:48px;font-size:14px}.btn.dark{background:var(--ink);color:#fff;border:none}.btn.small{height:44px;padding:0 16px;font-size:14px}.btn.teal{background:var(--teal);border-color:#fff}.btn.teal.small{border-color:var(--ink)}.btn.white{background:#fff;border-color:#fff}.btn.big{height:60px;font-family:Bungee,sans-serif;font-size:20px;font-weight:400}.swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatch{border:3px solid #fff;border-radius:50%;width:44px;height:44px;padding:0}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.players{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-height:40vh;overflow:hidden auto}.player{height:50px;color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:0 10px;font-size:15px;font-weight:800;display:flex}.pname,.bname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dot{border:2px solid var(--ink);border-radius:50%;flex:none;width:24px;height:24px}.tag{color:var(--purple);margin-left:auto;font-family:Bungee,sans-serif;font-size:10px}.waiting-slot{height:50px;color:var(--grey);border:3px dashed #6a5a76;border-radius:14px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.waitpill{text-align:center;border:3px dashed var(--yellow);min-height:62px;color:var(--yellow);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:800;display:flex}.qr{background:#fff;border-radius:14px;align-self:center;padding:10px;line-height:0}.qr svg{width:180px;height:180px}.card{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:20px;padding:14px 16px}.meta{color:var(--purple);margin-bottom:6px;font-family:Bungee,sans-serif;font-size:11px}.qtext{text-wrap:pretty;font-size:21px;font-weight:800;line-height:1.2}.reading-note{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.bars{align-items:center;gap:3px;height:22px;display:flex}.bars span{transform-origin:50%;border-radius:2px;width:4px;height:100%}.trayhead{text-wrap:pretty;font-size:16px;font-weight:800;line-height:1.2}.tile{text-align:left;border:3px solid #fff;border-radius:14px;align-items:center;gap:8px;min-height:54px;padding:6px 10px;font-size:14px;font-weight:800;line-height:1.1;transition:transform .15s,opacity .25s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.tile:active{transform:scale(.97)!important}.tile .letter{font-family:Bungee,sans-serif;font-size:15px}.tile .ttext{flex:1}.tile .badge{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.marks{flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:70%;display:flex;position:absolute;top:3px;right:4px}.mark{border:2px solid var(--ink);border-radius:50%;place-items:center;width:18px;height:18px;font-family:Bungee,sans-serif;font-size:9px;display:grid}.mark.more{background:#fff;border-radius:9px;width:auto;padding:0 4px}.lockbar{background:var(--ink);height:6px;animation:1.1s linear forwards lockbar;position:absolute;bottom:0;left:0}.pill{text-align:left;border:3px solid #fff;border-radius:999px;align-items:center;gap:12px;min-height:62px;padding:6px 6px 6px 18px;display:flex}.pill.mic{background:var(--yellow);width:100%}.pill .ptitle{flex:1;font-family:Bungee,sans-serif;font-size:15px;line-height:1.1}.pill .psub{margin-top:2px;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:700;display:block}.micdot{background:var(--red);border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;animation:1.4s infinite pulse;display:grid}.pill.white{border-color:var(--yellow);color:var(--ink);background:#fff;gap:10px;padding:6px 6px 6px 16px}.pill .ltitle{flex:1;font-size:14px;font-weight:800;line-height:1.15}.pill .lsub{color:#6a5a66;font-size:12px;font-weight:600;display:block}.pill.dashed{border-style:dashed;border-color:var(--yellow);padding:6px 18px}.yellowtext{color:var(--yellow)}.greytext{color:var(--grey)}.pill.tealfill{background:var(--teal);color:var(--ink);padding:6px 18px;font-size:14px;font-weight:800}.pill.typed input{min-width:0;height:44px;font:inherit;color:var(--ink);background:0 0;border:none;flex:1;font-size:15px;font-weight:700}.talkback{justify-content:center;align-items:center;gap:8px;display:flex}.talkback[aria-busy=true]{opacity:.7}.next{font-family:Bungee,sans-serif;font-size:16px;font-weight:400}.next[aria-pressed=true]{opacity:.65}.btitle{color:var(--yellow);text-align:center;letter-spacing:.06em;font-family:Bungee,sans-serif;font-size:14px}.stat{color:var(--ink);text-align:center;background:#fff;border-radius:14px;padding:10px 6px}.stat .big{font-family:Bungee,sans-serif;font-size:26px;line-height:1}.oversheet .stat .big{font-size:24px}.stat .small{margin-top:4px;font-size:12px;font-weight:700}.board{flex-direction:column;gap:6px;max-height:32vh;display:flex;overflow-y:auto}.brow{min-height:44px;color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-weight:800;display:flex}.board.small .brow{min-height:34px;font-size:14px}.brow .rank{width:22px;font-family:Bungee,sans-serif}.brow .dot{width:18px;height:18px}.brow .bscore{font-family:Bungee,sans-serif}.brow .delta{color:#0b8a7f;font-family:Bungee,sans-serif;font-size:11px}.nexttier{text-align:center;font-size:17px;font-weight:800}.nexttier span{color:var(--pink)}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:3px solid #fff;border-radius:999px;height:44px;padding:0 14px;font-size:14px;font-weight:800}.chip[aria-disabled=true]{cursor:default}.otitle{color:var(--yellow);text-align:center;font-family:Bungee,sans-serif;font-size:26px}.rank{text-align:center;color:var(--pink);font-size:16px;font-weight:800}.notice{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;align-self:center;margin:0 14px;padding:8px 12px;font-size:14px;font-weight:800}.hud{top:var(--hud-top);z-index:14;pointer-events:none;align-items:center;gap:8px;padding:0 14px;display:flex;position:absolute;left:0;right:0}.hud>*{pointer-events:auto}.hud .score{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:14px;padding:4px 12px;font-family:Bungee,sans-serif;font-size:22px;transform:rotate(-3deg)}.hearts{gap:1px;display:flex}.spacer{flex:1}.chips-row{scrollbar-width:none;flex:1;gap:5px;min-width:0;display:flex;overflow-x:auto}.chips-row::-webkit-scrollbar{display:none}.pchip{border:3px solid var(--ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;height:34px;padding:0 9px;font-size:12px;font-weight:800;display:flex}.pchip .dot{width:12px;height:12px}.pchip .st{font-family:Bungee,sans-serif;font-size:10px}.roundbadge{background:var(--purple);color:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:5px 10px;font-family:Bungee,sans-serif;font-size:11px}.timer{border:3px solid var(--ink);width:54px;height:54px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.timer span{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Bungee,sans-serif;font-size:18px;display:grid}.mictoggle{border:3px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.app.desktop .stage{width:var(--stage-w);right:auto}.app.desktop .panel{left:var(--stage-w);background-color:var(--cream);background-image:radial-gradient(#1d14221f 1.4px,#0000 1.6px);background-size:22px 22px;justify-content:center;padding:110px 40px 40px;top:0}.app.desktop .panel-inner{width:100%;max-width:560px;max-height:calc(100vh - 150px);margin:0 auto}.app.desktop .flow{padding:0}.app.desktop .sheet{box-shadow:6px 6px 0 var(--pink);border-radius:28px;padding-bottom:26px}.app.desktop .hud{top:30px;left:var(--stage-w);padding:0 40px}.app.desktop .qtext{font-size:26px}.app.desktop .trayhead{font-size:20px}.app.desktop .tile{min-height:64px;font-size:16px}.app.desktop .bubble{max-width:420px;font-size:20px}.app.desktop .bubble-row{top:36px}.app.desktop .bubble-row.start{top:190px}.app.desktop .bubble-row.xcu{top:56%}.app.desktop .title,.app.desktop .roomcode{top:54px}.app.desktop .stamp{top:30%}.app.desktop .heard{bottom:40px}.monitor{z-index:30;background:var(--ink);color:#fff;opacity:.94;pointer-events:none;border-radius:18px;flex-direction:column;gap:10px;width:300px;padding:14px;font-size:12px;display:flex;position:absolute;bottom:12px;right:12px}.monitor .mtitle{color:var(--yellow);font-family:Bungee,sans-serif;font-size:13px}.monitor .mgrid{grid-template-columns:84px 1fr;gap:4px 8px;line-height:1.3;display:grid}.monitor .mk{color:var(--grey);font-weight:700}.monitor .mv{font-weight:800}.monitor .teal{color:var(--teal)}.monitor .pink{color:var(--pink)}.monitor .mono,.monitor .ev{font-family:ui-monospace,monospace;font-size:11px}.monitor .mlog,.monitor .mjumps{flex-direction:column;gap:3px;display:flex}.monitor .mjumps .row{gap:6px}.monitor .mjump{border:2px solid var(--ink);pointer-events:auto;border-radius:10px;flex:1;height:30px;font-family:Bungee,sans-serif;font-size:12px}.app.mobile .monitor .mjumps{display:none}.monitor .ev{color:#e8dff0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.monitor[hidden]{display:none!important}.app.desktop.with-monitor .panel,.app.desktop.with-monitor .hud{right:330px}.app.desktop.with-monitor .monitor{width:306px;max-height:calc(100vh - 24px);top:12px;bottom:auto;overflow:hidden}.app.mobile .monitor{width:150px;bottom:auto;top:calc(var(--hud-top) + 250px);opacity:.78;border-radius:10px;gap:4px;padding:6px;font-size:8px;left:4px;right:auto}.app.mobile .monitor .mgrid{grid-template-columns:44px 1fr;gap:1px 4px}.app.mobile .monitor .mtitle,.app.mobile .monitor .mlog{display:none}.app.mobile .monitor .mono,.app.mobile .monitor .ev{font-size:8px}@media (prefers-reduced-motion:reduce){.burst,.bars span,.micdot,.confetti span{animation:none!important}}@keyframes slamIn{0%{opacity:0;transform:scale(1.9)rotate(8deg)}60%{opacity:1;transform:scale(.94)rotate(-2deg)}to{transform:none}}@keyframes spinIn{0%{transform:rotate(-540deg)scale(0)}70%{transform:rotate(12deg)scale(1.06)}to{transform:none}}@keyframes slideIn{0%{transform:translate(130%)skew(-18deg)}70%{transform:translate(-6%)skew(6deg)}to{transform:none}}@keyframes dropIn{0%{transform:translateY(-120%)}60%{transform:translateY(4%)scaleY(.92)}80%{transform:translateY(-3%)}to{transform:none}}@keyframes flash{0%{opacity:.85}to{opacity:0}}@keyframes stickerIn{0%{transform:scale(0)rotate(-30deg)}70%{transform:scale(1.2)rotate(6deg)}to{transform:scale(1)rotate(-8deg)}}@keyframes bulb{0%,to{background:#fff6c9;box-shadow:0 0 8px 2px #ffd23f}50%{box-shadow:none;background:#6b4a14}}@keyframes fillup{0%{width:0}to{width:100%}}#canvas.offstage{visibility:hidden}#canvas.popin{animation:.5s cubic-bezier(.2,1.4,.4,1) both popIn}.logo{top:calc(var(--hud-top) + 34px);z-index:4;width:354px;height:168px;margin-left:-177px;position:absolute;left:50%;transform:rotate(-2deg)}.logo .marquee{background:var(--ink);border:5px solid var(--yellow);box-shadow:0 0 0 4px var(--ink), 8px 10px 0 4px var(--ink);border-radius:28px;position:absolute;inset:0}.logo .bulb{background:#fff6c9;border-radius:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute}.logo .rays{background:repeating-conic-gradient(from 0deg at 50% 110%, #2a1b36 0 8deg, var(--ink) 8deg 16deg);border-radius:16px;position:absolute;inset:18px}.logo-tala{text-align:center;color:var(--yellow);letter-spacing:.02em;text-shadow:0 3px 0 #ff9a1f, 0 6px 0 var(--pink), 0 9px 0 var(--pink), 0 12px 0 var(--ink), 0 18px 18px #0006;font-family:Bungee,sans-serif;font-size:88px;line-height:1;position:absolute;top:14px;left:0;right:0}.logo .ribbon{align-items:center;display:flex;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)rotate(3deg)}.logo .rend{border-top:22px solid #c22a72;border-bottom:22px solid #c22a72;width:0;height:0;margin-top:14px}.logo .rend.l{border-left:16px solid #0000;margin-right:-6px}.logo .rend.r{border-right:16px solid #0000;margin-left:-6px}.logo .rtext{z-index:1;background:var(--pink);border:4px solid var(--ink);color:#fff;-webkit-text-stroke:1.5px var(--ink);white-space:nowrap;box-shadow:0 5px 0 var(--ink);border-radius:6px;padding:4px 18px 2px;font-family:Bungee,sans-serif;font-size:30px;line-height:1.1;position:relative}.logo .star{color:var(--yellow);-webkit-text-stroke:2px var(--ink);position:absolute}.logo .star.s1{font-size:34px;top:-14px;left:-10px;transform:rotate(-14deg)}.logo .star.s2{color:#fff;font-size:26px;top:-10px;right:-8px;transform:rotate(18deg)}.montage{aspect-ratio:2/3;z-index:1;position:absolute;left:50%;transform:translate(-50%)}.montage.big{top:calc(var(--hud-top) + 200px);height:min(474px,60vh)}.app.desktop .montage.big{height:min(610px,70vh);top:210px}.montage:not(.big){top:calc(var(--hud-top) + 110px);height:min(700px,80vh)}.montage .pose{position:absolute;inset:0}.montage img{object-fit:contain;filter:drop-shadow(8px 10px #1d1422d9);user-select:none;width:100%;height:100%}.montage .sticker{border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--ink);white-space:nowrap;background:#fff;border-radius:14px;padding:6px 12px 4px;font-family:Bungee,sans-serif;font-size:22px;position:absolute;top:70px}.montage .sticker.left{left:-24px}.montage .sticker.right{right:-24px}.stageflash{z-index:1;pointer-events:none;background:#fff;animation:.3s ease-out both flash;position:absolute;inset:0}.loadstrip{color:#fff;border:3px solid var(--ink);border-radius:999px;align-items:center;gap:10px;min-height:42px;padding:0 16px;font-size:13px;font-weight:800;transition:background .3s;display:flex;position:relative;overflow:hidden}.loadstrip .lbar{background:var(--teal);height:4px;transition:width .3s;position:absolute;bottom:0;left:0}.loadstrip .ldot{border-radius:50%;flex:none;width:10px;height:10px}.loadstrip .lline{flex:1}.loadstrip .lpct{font-family:Bungee,sans-serif;font-size:12px}.icard{flex-direction:column;gap:12px;display:flex}.ilabel{color:var(--purple);font-family:Bungee,sans-serif;font-size:11px}.irow{transform-origin:0;align-items:center;gap:12px;transition:opacity .3s,transform .3s;display:flex}.irow .itext{font-size:16px;font-weight:800;line-height:1.2}.ichip{background:var(--teal);border:3px solid var(--ink);border-radius:12px;flex:none;align-items:center;gap:6px;height:40px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.ichip .il{font-family:Bungee,sans-serif}.imic{border:3px solid var(--ink);background:#e8252b;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;animation:1.4s infinite pulse;display:grid}.ihearts{flex:none;gap:1px;width:78px;display:flex}.idots{gap:6px;display:flex}.idots span{border:2px solid var(--ink);border-radius:50%;width:10px;height:10px}.next{position:relative;overflow:hidden}.next .autofill{background:#fff6;width:0;animation:linear forwards fillup;position:absolute;top:0;bottom:0;left:0}.next .nlabel{position:relative}.soundtoggle{border:3px solid var(--ink);width:52px;height:52px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.soundtoggle[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--pink)}.soundtoggle.alone{margin-top:4px;margin-left:auto}.app.desktop .soundtoggle{width:48px;height:48px}.app.mobile .hud{gap:5px;padding:0 10px}.app.mobile .exittoggle{width:40px;height:40px}.app.mobile .hud .hearts{flex:0 auto;min-width:0;overflow:hidden}.app.mobile .hud .hearts svg{flex:none;width:22px;height:22px}.app.mobile .hud .timer{width:48px;height:48px}.app.mobile .hud .timer span{width:34px;height:34px;font-size:16px}.app.mobile .hud .roundbadge{flex:0 auto;min-width:0;padding:5px 8px;overflow:hidden}.mutehint{border:3px solid var(--ink);max-width:calc(100% - 96px);box-shadow:4px 4px 0 var(--ink);text-align:left;background:#fff;border-radius:14px;padding:8px 12px;font-size:14px;font-weight:800;line-height:1.25;animation:.4s cubic-bezier(.2,1.4,.4,1) .6s both popIn;position:absolute;top:4px;right:76px}.mutehint:before{content:"";border:7px solid #0000;border-left-color:var(--ink);margin-top:-7px;position:absolute;top:50%;right:-17px}.mutehint b{color:#e0337f}.app.desktop .mutehint{max-width:300px;right:104px}.exittoggle{border:3px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.exitlink{border-color:#0000;align-self:center;text-decoration:underline}.exitsheet{gap:14px}.btn.pinkfill{background:var(--pink);color:#fff;border-color:#fff;height:56px;font-family:Bungee,sans-serif;font-size:17px;font-weight:400}.rejoinpill{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 16px;font-size:15px;font-weight:800;display:flex}.enableaudio-wrap{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:38%;left:0;right:0}.enableaudio{pointer-events:auto;background:var(--yellow);min-height:76px;color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:999px;align-items:center;gap:12px;padding:10px 26px 10px 18px;font-family:Bungee,sans-serif;font-size:24px;animation:.45s cubic-bezier(.2,1.4,.4,1) both popIn,1.6s .5s infinite pulse;display:flex}.enableaudio .bullhorn{flex:none}.keepquiet{pointer-events:auto;border:2px solid var(--ink);background:#ffffffe6;border-radius:999px;min-height:40px;padding:0 14px;font-size:13px;font-weight:800}.app[data-screen=room] .roomcode{z-index:5;top:calc(var(--hud-top) + 60px);gap:8px}.app[data-screen=room] .roomcode .small{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;padding:4px 14px 2px;font-size:15px}.app[data-screen=room] .roomcode .code{font-size:min(190px, calc(var(--stage-w) * .22));letter-spacing:.08em;color:var(--yellow);background:var(--ink);border:5px solid var(--yellow);box-shadow:0 0 0 4px var(--ink), 8px 10px 0 4px var(--ink);-webkit-text-stroke:0;text-shadow:0 .035em 0 #ff9a1f, 0 .07em 0 var(--pink);border-radius:24px;padding:.06em .22em .02em .3em;line-height:1.05;transform:rotate(-2deg)}.app.desktop[data-screen=room] .roomcode{top:70px}.app[data-screen=room] .bubble-row.room{z-index:5;top:calc(var(--hud-top) + 132px + min(190px, calc(var(--stage-w) * .22)) * 1.15)}.app.desktop[data-screen=room] .bubble-row.room{top:calc(146px + min(190px, calc(var(--stage-w) * .22)) * 1.15)}.app[data-screen=room] .montage.big{top:calc(var(--hud-top) + 150px + min(190px, calc(var(--stage-w) * .22)) * 1.15)}.app.desktop[data-screen=room] .montage.big{top:calc(120px + min(190px, calc(var(--stage-w) * .22)) * 1.15);height:min(640px, calc(100vh - 130px - min(190px, calc(var(--stage-w) * .22)) * 1.15))}.stamp-text.long{font-size:min(58px,11.5vw)}@media (width<=899px),(orientation:portrait){.app.mobile{bottom:var(--badge-strip);--safe-bottom:0px}}.diffpick{border:3px solid var(--ink);background:#1d1422d9;border-radius:999px;gap:6px;padding:4px;display:flex}.dpill{color:#fff;background:0 0;border:none;border-radius:999px;flex:1;min-height:38px;font-family:Bungee,sans-serif;font-size:13px}.dpill[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.diffnote{text-align:center;color:var(--grey);margin-top:-4px;font-size:12px;font-weight:700}.app[data-screen=start] .diffnote{color:#1d1422bf}.app.mobile[data-screen=start] .diffnote{display:none}