@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/luckiest-guy-latin-400-normal-dJClyBWO.woff2)format("woff2"),url(/assets/luckiest-guy-latin-400-normal-f5b8-b44.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-italic-BnrCcHbg.woff2)format("woff2"),url(/assets/nunito-latin-400-italic-CDISnx4K.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--paper:#f3e6c4;--paper-dark:#e4d0a0;--cream:#fff7e3;--ink:#1c1712;--ink-soft:#4a3f33;--red:#c8352b;--red-dark:#9e241c;--mustard:#e8ac2e;--sky:#9fd3f0;--radius:16px;--border:3px solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-small:2px 2px 0 var(--ink);--font-title:"Luckiest Guy", "Arial Black", system-ui, sans-serif;--font-text:"Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background-color:var(--paper);background-image:radial-gradient(#0000 55%,#78501e38 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.25 0 0 0 0 0.1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100%}body{min-height:100vh;color:var(--ink);font:400 1.125rem/1.55 var(--font-text);place-items:start center;margin:0;display:grid}#app{text-align:center;justify-items:center;gap:1.5rem;width:min(100%,60rem);padding:clamp(1rem,4vw,2.5rem) 1rem 3rem;display:grid}h1,h2{font-family:var(--font-title);letter-spacing:.02em;margin:0;font-weight:400;line-height:1.05}.title{color:var(--red);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);font-size:clamp(3rem,12vw,6.5rem);transform:rotate(-3deg)}h2{color:var(--ink);font-size:clamp(1.6rem,5vw,2.4rem)}.intertitle{background:var(--ink);color:var(--cream);outline:2px solid var(--cream);outline-offset:-8px;box-shadow:var(--shadow);border-radius:6px;max-width:34rem;padding:1rem 1.75rem;font-size:clamp(1.05rem,2.8vw,1.35rem);font-style:italic}.intertitle strong{font-family:var(--font-title);color:var(--mustard);letter-spacing:.03em;font-style:normal;font-weight:400}.illustration{filter:drop-shadow(4px 4px #1c171240);width:min(80vw,300px);height:auto}.button{font:400 clamp(1.3rem, 3.5vw, 1.7rem) var(--font-title);letter-spacing:.04em;color:var(--ink);background:var(--mustard);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;padding:.7em 1.6em .55em;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.button:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.button:active{box-shadow:var(--shadow-small);transform:translate(3px,3px)}.button.secondary{background:var(--cream);box-shadow:3px 3px 0 var(--ink);padding:.55em 1.1em .45em;font-size:1.1rem}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}:focus-visible{outline:3px dashed var(--red);outline-offset:4px}.card{background:var(--cream);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:min(100%,40rem);padding:1.25rem 1.5rem}.privacy{color:var(--ink-soft);text-align:left;border:2px dashed var(--ink-soft);background:#fff7e3b3;border-radius:12px;align-items:flex-start;gap:.75rem;max-width:38rem;margin:0;padding:.75rem 1rem;font-size:.95rem;display:flex}.privacy .lock{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 32'%3E%3Cg fill='none' stroke='%231c1712' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 14V9a6 6 0 0 1 12 0v5'/%3E%3Crect x='3' y='14' width='22' height='16' rx='4' fill='%23e8ac2e'/%3E%3Cpath d='M14 20v4'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:1.4rem;height:1.6rem;margin-top:.1rem}.illustration.small{width:min(50vw,200px)}.status{font-family:var(--font-title);margin:0;font-size:clamp(1.3rem,4vw,1.8rem)}.status.error{color:var(--red-dark)}.muted{color:var(--ink-soft);margin:0;font-size:.95rem}.invite{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1rem 0 0;display:flex}.invite input{min-width:0;font:800 1rem var(--font-text);color:var(--ink);border:var(--border);background:#fff;border-radius:12px;flex:18rem;padding:.6rem .8rem}.waiting:before{content:"";width:1.5em;display:inline-block}.waiting:after{content:"";text-align:left;width:1.5em;animation:1.2s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.stage{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem;width:100%;display:grid}.frame{gap:.5rem;margin:0;display:grid}.frame>video,.frame>canvas{aspect-ratio:4/3;object-fit:cover;background:var(--paper-dark);border:4px solid var(--ink);width:100%;box-shadow:var(--shadow);border-radius:22px}.frame>[hidden]{display:none}.frame.self>video{transform:scaleX(-1)}.frame figcaption{font-family:var(--font-title);font-size:1.2rem}.segmented{border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:3px 3px 0 var(--ink);flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0;padding:.35rem;display:inline-flex}.segmented legend{font-family:var(--font-title);padding:0 .5rem}.segmented label{cursor:pointer;border-radius:11px;padding:.4rem .9rem;font-weight:800}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:checked){background:var(--ink);color:var(--cream)}.segmented label:has(input:focus-visible){outline:3px dashed var(--red);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.segmented label.disabled{opacity:.5;cursor:not-allowed}.offscreen-video{opacity:0;pointer-events:none;width:2px;height:2px;position:fixed;bottom:0;left:0}.mirror-wrap{width:min(100%,44rem);position:relative}.mirror{aspect-ratio:4/3;object-fit:cover;background:var(--paper-dark);border:5px solid var(--ink);width:100%;box-shadow:7px 7px 0 var(--ink);border-radius:26px;display:block;transform:scaleX(-1)}.mirror-overlay{background:var(--ink);color:var(--cream);border-radius:12px;padding:.6rem 1rem;font-weight:800;position:absolute;inset:auto 1rem 1rem}.mirror-overlay.hidden{display:none}.mirror-overlay.countdown{font:400 clamp(6rem, 25vw, 12rem) var(--font-title);color:var(--mustard);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--ink);background:0 0;place-items:center;display:grid;inset:0}.chrono{font:400 clamp(2.5rem, 9vw, 4rem) var(--font-title);font-variant-numeric:tabular-nums;margin:0}.result[hidden]{display:none}.result{justify-items:center;gap:.5rem;display:grid}.big-time{font:400 clamp(1.8rem, 6vw, 2.6rem) var(--font-title);margin:0}.record{font:400 1.6rem var(--font-title);color:var(--red);margin:0}.score{font:400 clamp(1.4rem, 4vw, 2rem) var(--font-title);font-variant-numeric:tabular-nums;margin:0}.score[hidden]{display:none}.banner{align-content:center;justify-items:center;gap:.75rem;min-height:9rem;display:grid}.banner p{margin:0}.karaoke{font:800 clamp(1.3rem, 3.6vw, 1.9rem) / 1.35 var(--font-text);gap:.2rem;display:grid}.karaoke .word{color:var(--ink-soft);opacity:.45;transition:color .12s,opacity .12s}.karaoke .word.sung{color:var(--red);opacity:1}[aria-pressed=true].button{background:var(--ink);color:var(--cream)}