:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}:root{--ink:#0b0907;--ink-2:#1b1813;--bone:#efe7d6;--smoke:#9f978b;--amber:#f0a226;--blood:#c51e21;--venom:#9ee756;--hex:#9860d0;--bg:var(--ink);--fg:var(--bone);--f-logo:"Butcherman", "Impact", fantasy;--f-display:"Big Shoulders Display", "Impact", "Arial Narrow", sans-serif;--f-body:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--z-grain:50;--z-toast:40;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--ink:lab(2.47878% .344127 .931215);--ink-2:lab(8.35983% 1.252 3.46055);--bone:lab(91.9901% .392169 9.6442);--smoke:lab(62.9311% 1.27104 7.62373);--amber:lab(73.0623% 23.414 69.6469);--blood:lab(43.4764% 63.0288 44.9792);--venom:lab(84.5735% -40.4638 60.4274);--hex:lab(50.9845% 39.5993 -49.8877)}}html,body{height:100%}body{background:var(--bg);color:var(--fg);font:400 1rem/1.5 var(--f-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));transition:background-color .35s var(--ease);padding-block:0;overflow-x:hidden}body[data-scene=lobby]{--bg:var(--amber);--fg:var(--ink)}body[data-scene=right]{--bg:var(--venom);--fg:var(--ink)}body[data-scene=wrong]{--bg:var(--blood);--fg:var(--bone)}body:after{content:"";pointer-events:none;z-index:var(--z-grain);opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.4 -.2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:var(--z-grain);background:radial-gradient(at 50% 45%,#0000 55%,#00000073 100%);background:radial-gradient(at 50% 45%,#0000 55%,lab(0% 0 0/.45) 100%);position:fixed;inset:0}#app{flex-direction:column;max-width:1400px;min-height:100%;margin-inline:auto;display:flex}h1,h2,h3{text-wrap:balance;margin:0;font-weight:800}button{font:800 1.25rem/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase;background:var(--fg);color:var(--bg);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease);box-shadow:5px 5px 0 0 color-mix(in oklch, var(--fg) 35%, transparent);border:3px solid;border-radius:2px;padding:.8em 1.4em}button:hover{box-shadow:7px 7px 0 0 color-mix(in oklch, var(--fg) 35%, transparent);transform:translate(-2px,-2px)}button:active{transform:translate(3px,3px);box-shadow:1px 1px #0000}button:focus-visible,input:focus-visible{outline:3px dashed var(--fg);outline-offset:4px}button.ghost{color:var(--fg);box-shadow:none;background:0 0}button[disabled]{opacity:.45;cursor:default;transform:none}.poster{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"head roster""tag roster""join actions";align-content:center;gap:clamp(20px,3vw,40px);padding-block:clamp(24px,4vw,56px);display:grid}.poster .head{grid-area:head}.billing{font:800 clamp(.95rem, 1.6vw, 1.2rem)/1.2 var(--f-display);text-transform:uppercase;letter-spacing:.12em;flex-wrap:wrap;gap:.4em 1.2em;display:flex}.logo{font:400 clamp(3.4rem, 10vw, 6rem)/.86 var(--f-logo);color:var(--blood);text-shadow:3px 3px 0 var(--ink);transform-origin:0;animation:slam .9s var(--ease) both;margin-top:.15em;transform:rotate(-2deg)}.poster .tag{font:600 clamp(1.4rem, 2.6vw, 2.1rem)/1.15 var(--f-display);grid-area:tag;max-width:26ch;margin:0}.poster .tag em{background:var(--ink);color:var(--amber);padding:0 .2em;font-style:normal}.roster-wrap{border:3px solid var(--ink);background:color-mix(in oklch, var(--ink) 6%, transparent);grid-area:roster;align-self:stretch;min-width:0;padding:18px 20px 22px}.roster-wrap h2{font:900 1.6rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.03em;border-bottom:3px solid var(--ink);justify-content:space-between;padding-bottom:10px;display:flex}.roster-wrap h2 b{font-variant-numeric:tabular-nums}#roster{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}#roster li{font:800 1.25rem/1 var(--f-display);background:var(--ink);color:var(--amber);animation:drop .5s var(--ease) both;overflow-wrap:anywhere;max-width:100%;padding:.4em .6em}#roster li:nth-child(3n+2){transform:rotate(1.5deg)}#roster li:nth-child(3n){transform:rotate(-1.2deg)}.roster-empty{margin:14px 0 0;font-size:1.05rem}.join{grid-area:join;align-items:center;gap:20px;max-width:52ch;font-size:1.1rem;display:flex}.join #qr{background:var(--bone);flex:none;padding:8px;line-height:0}.join #qr:empty{display:none}.join #qr img,.join #qr canvas{width:120px;height:120px}.join p{margin:0}.join code{font-family:var(--f-body);word-break:break-all;font-weight:600}.poster .actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:14px;display:flex}.stage{flex:1;grid-template-rows:auto auto 1fr auto;gap:clamp(14px,2.4vw,28px);min-height:100%;padding-block:clamp(16px,3vw,36px);display:grid}.qhead{font:800 clamp(1rem, 1.8vw, 1.35rem)/1 var(--f-display);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.qno{background:var(--blood);color:var(--bone);padding:.35em .6em;transform:rotate(-1.5deg)}.qno small{font-size:inherit;opacity:.75}.answered b{font-variant-numeric:tabular-nums;color:var(--amber);font-size:1.6em}.question{font:900 clamp(2rem, 5.2vw, 5.4rem)/.98 var(--f-display);text-transform:uppercase;letter-spacing:-.005em;overflow-wrap:break-word;max-width:22ch}.slam{animation:slam .75s var(--ease) both}.clock{align-self:end;align-items:center;gap:18px;display:flex}.clock #tleft{font:900 clamp(2.6rem, 6vw, 4.6rem)/1 var(--f-display);font-variant-numeric:tabular-nums;min-width:2ch;color:var(--amber)}.clock.low #tleft{color:var(--blood);animation:.5s ease-in-out infinite alternate throb}.fuse{background:var(--ink-2);--p:1;flex:1;height:6px;position:relative;container-type:inline-size}.fuse i{background:var(--amber);transform-origin:0;transform:scaleX(var(--p));transition:transform .25s linear;position:absolute;inset:0}.fuse b{background:radial-gradient(circle, var(--bone) 0 25%, var(--amber) 45%, transparent 70%);width:18px;height:18px;transform:translateX(calc(var(--p) * 100cqw));border-radius:50%;margin-top:-9px;transition:transform .25s linear;animation:.18s steps(2,end) infinite spark;position:absolute;top:50%;left:-9px}.clock.done .fuse b{display:none}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,16px);margin:0;padding:0;list-style:none;display:grid}.opt{min-height:clamp(84px,13vh,150px);font:800 clamp(1.25rem, 2.6vw, 2.3rem)/1.05 var(--f-display);text-transform:uppercase;color:var(--ink);animation:rise .55s var(--ease) both;transition:opacity .4s var(--ease), filter .4s var(--ease), transform .4s var(--ease);align-items:center;gap:clamp(12px,1.6vw,22px);padding:14px clamp(14px,2vw,26px);display:flex;position:relative;overflow:hidden}.opt:nth-child(2){animation-delay:70ms}.opt:nth-child(3){animation-delay:.14s}.opt:nth-child(4){animation-delay:.21s}.opt svg{fill:currentColor;flex:none;width:clamp(40px,5vw,68px);height:auto}.opt span{overflow-wrap:anywhere;min-width:0}.o0{background:var(--amber)}.o1{background:var(--blood);color:var(--bone)}.o2{background:var(--venom)}.o3{background:var(--hex);color:var(--bone)}.opt .cnt{font:900 1.4em/1 var(--f-display);font-variant-numeric:tabular-nums;margin-left:auto;display:none}.opt .bar{opacity:.55;transform-origin:0;height:8px;transform:scaleX(var(--p,0));transition:transform .9s var(--ease) .2s;background:currentColor;display:none;position:absolute;inset:auto 0 0}.revealed .opt .cnt,.revealed .opt .bar{display:block}.revealed .opt.wrong{opacity:.22;filter:grayscale(.85);transform:scale(.97)}.revealed .opt.right{outline:4px solid var(--bone);outline-offset:5px;animation:none;transform:scale(1.02)}.revealed .opt.right:before{content:"Juist";font:400 .8em/1 var(--f-logo);text-transform:none;color:var(--blood);position:absolute;top:8px;right:12px;transform:rotate(8deg)}.revealed .opt.right .cnt{margin-right:3.4em}.stage-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;min-height:3.6rem;display:flex}.stage-foot .note{color:var(--smoke);margin-right:auto;font-size:1.05rem}.credits{flex-direction:column;flex:1;gap:24px;padding-block:clamp(20px,4vw,48px);display:flex}.credits h1{font:400 clamp(2.4rem, 6vw, 4.6rem)/1 var(--f-logo);color:var(--amber);transform:rotate(-1.5deg)}.ranks{flex-direction:column;gap:6px;max-width:900px;margin:0;padding:0;list-style:none;display:flex}.ranks li{font:800 clamp(1.3rem, 2.8vw, 2.2rem)/1.15 var(--f-display);text-transform:uppercase;border-bottom:1px dashed color-mix(in oklch, var(--bone) 25%, transparent);animation:rise .5s var(--ease) both;grid-template-columns:2.6ch minmax(0,1fr) auto auto;align-items:baseline;gap:18px;padding:6px 0;display:grid}.ranks .n{color:var(--blood);font-variant-numeric:tabular-nums}.ranks .nm{overflow-wrap:anywhere}.ranks .pts{font-variant-numeric:tabular-nums}.ranks .gain{color:var(--venom);font-variant-numeric:tabular-nums;text-align:right;min-width:4ch;font-size:.7em}.ranks .gain.zero{color:var(--smoke)}.board .ranks li:first-child .nm{color:var(--amber)}.podium{justify-content:center;align-items:flex-end;gap:clamp(10px,2vw,28px);margin-top:8px;display:flex}.stone{background:var(--ink-2);border:3px solid var(--smoke);text-align:center;width:clamp(96px,20vw,220px);animation:rise-stone 1s var(--ease) both;border-bottom:none;border-radius:50% 50% 0 0/34% 34% 0 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:clamp(18px,3vw,34px) 10px 18px;display:flex}.stone .rip{font:400 clamp(1rem, 2.2vw, 1.6rem)/1 var(--f-logo);color:var(--smoke)}.stone .who{font:900 clamp(1.1rem, 2.6vw, 2.2rem)/1 var(--f-display);text-transform:uppercase;overflow-wrap:anywhere;max-width:100%}.stone .pts{font:800 clamp(.95rem, 1.6vw, 1.3rem)/1 var(--f-display);font-variant-numeric:tabular-nums;color:var(--smoke)}.stone.p1{border-color:var(--amber);height:clamp(220px,36vh,360px);animation-delay:.5s}.stone.p1 .who{color:var(--amber)}.stone.p2{height:clamp(170px,28vh,280px);animation-delay:.25s}.stone.p3{height:clamp(140px,22vh,220px)}.ground{background:var(--ink-2);border-top:3px solid var(--smoke);height:14px;margin-top:-3px}.phone{flex-direction:column;flex:1;gap:16px;width:100%;max-width:560px;margin-inline:auto;padding-block:16px;display:flex}.me-bar{font:800 1.15rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.me-bar .nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.me-bar b{font-variant-numeric:tabular-nums}.big-msg{flex-direction:column;flex:1;justify-content:center;gap:14px;display:flex}.big-msg h1{font:400 clamp(2.6rem, 14vw, 4.4rem)/.95 var(--f-logo)}.big-msg p{max-width:34ch;margin:0;font-size:1.15rem}.big-msg .pts{font:900 clamp(3rem, 18vw, 5.5rem)/1 var(--f-display);font-variant-numeric:tabular-nums}.join-form{flex-direction:column;gap:12px;display:flex}.join-form label{font:800 1.2rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.08em}.join-form input{font:800 1.8rem/1 var(--f-display);text-transform:uppercase;background:var(--bone);color:var(--ink);border:3px solid var(--ink);border-radius:2px;width:100%;padding:.45em .5em}.join-form .err{color:var(--fg);background:var(--blood);margin:0;padding:8px 10px}.pq{font:800 clamp(1.3rem, 6vw, 1.9rem)/1.05 var(--f-display);text-transform:uppercase}.ptimer{font:800 1rem/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--smoke);align-items:center;gap:10px;display:flex}.ptimer .fuse{height:4px}.pads{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:300px;display:grid}.pad{box-shadow:none;font:800 1.05rem/1.05 var(--f-display);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);text-align:center;border:none;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.pad.o1,.pad.o3{color:var(--bone)}.pad svg{fill:currentColor;width:54px;height:auto}.pad span{overflow-wrap:anywhere}.pad:hover{box-shadow:none;transform:none}.pad:active{transform:scale(.96)}.pad.chosen{outline:4px solid var(--bone);outline-offset:3px}.pads.locked .pad:not(.chosen){opacity:.2}.pads.locked .pad{cursor:default}.notice{border:2px dashed;margin:0;padding:10px 12px;font-size:.95rem}@keyframes slam{0%{opacity:0;filter:blur(8px);transform:scale(1.18)rotate(-2.5deg)}to{opacity:1;filter:blur()}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes rise-stone{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;translate:0 -14px}to{opacity:1;translate:0}}@keyframes spark{to{opacity:.35}}@keyframes throb{to{transform:scale(1.08)}}@keyframes shake{0%,to{translate:0}20%{translate:-10px}40%{translate:9px}60%{translate:-6px}80%{translate:4px}}.shake{animation:.5s ease-out both shake}@media (width<=760px){.poster{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""tag""roster""join""actions"}.poster .actions{justify-content:flex-start}.answers{grid-template-columns:minmax(0,1fr)}.ranks li{grid-template-columns:2.2ch minmax(0,1fr) auto}.ranks .gain{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.ticket{background:var(--ink);color:var(--amber);flex-direction:column;align-items:flex-start;gap:2px;padding:12px 18px 14px;display:flex;transform:rotate(-1.5deg)}.ticket span{font:800 1rem/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--bone)}.ticket b{font:900 clamp(3.4rem, 8vw, 5.6rem)/.9 var(--f-display);letter-spacing:.08em;font-variant-numeric:tabular-nums}.ticket small{font:600 1rem/1.2 var(--f-body);color:var(--bone);overflow-wrap:anywhere}.roster-empty{overflow-wrap:anywhere}.roster-hint{margin:12px 0 0;font-size:.95rem}.kickable{all:unset;cursor:pointer;overflow-wrap:anywhere}.kickable:focus-visible{outline-offset:3px;outline:3px dashed}.kickable[data-armed="1"]:after{content:" · eruit?";color:var(--blood)}#roster li:has(.kickable[data-armed="1"]){background:var(--bone)}.ranks .kickable[data-armed="1"]:after{color:var(--blood)}.qbody{grid-template-columns:minmax(0,1fr) minmax(0,clamp(220px,30vw,440px));align-items:start;gap:clamp(16px,3vw,40px);display:grid}.lobbycard{background:var(--bone);animation:card-in .8s var(--ease) .15s both;margin:0;padding:10px 10px 8px;transform:rotate(2deg);box-shadow:8px 10px #00000073;box-shadow:8px 10px lab(0% 0 0/.45)}.lobbycard img{aspect-ratio:4/3;object-fit:cover;filter:sepia(.35)contrast(1.15)saturate(.85);width:100%;max-height:36vh;display:block}.lobbycard figcaption,.pimg figcaption{font:600 .72rem/1.3 var(--f-body);color:var(--ink);overflow-wrap:anywhere;margin-top:6px}.lobbycard img[data-fit=contain],.pimg img[data-fit=contain]{object-fit:contain;background:var(--ink)}.pimg{margin:0;position:relative}.pimg img{object-fit:cover;filter:sepia(.35)contrast(1.15)saturate(.85);width:100%;height:clamp(110px,20vh,180px);display:block}.pimg figcaption{color:var(--bone);background:#0b0907bf;background:lab(2.47878% .344127 .931215/.75);margin:0;padding:2px 6px;font-size:.65rem;position:absolute;bottom:0;right:0}@keyframes card-in{0%{opacity:0;transform:translateY(30px)rotate(8deg)}to{opacity:1;transform:rotate(2deg)}}.me-bar{flex-wrap:wrap}.leave{color:var(--fg);box-shadow:none;background:0 0;border-width:2px;padding:.45em .7em;font-size:.85rem}.leave[data-armed="1"]{background:var(--blood);color:var(--bone);border-color:var(--blood)}.stage-foot .quiet{opacity:.6;border-width:2px;margin-right:auto;padding:.6em 1em;font-size:.95rem}.stage-foot .quiet:hover,.stage-foot .quiet:focus-visible{opacity:1}.quiet[data-armed="1"]{opacity:1;background:var(--blood);color:var(--bone);border-color:var(--blood)}.stage-foot .quiet+.note{margin-right:0}.poster .actions .quiet{box-shadow:none}.sources{margin-top:18px;font-size:.85rem}.sources summary{cursor:pointer;font-weight:600}.sources ul{margin:8px 0 0;padding-left:18px}.sources a{color:inherit}@media (width<=760px){.qbody{grid-template-columns:minmax(0,1fr)}.lobbycard{order:-1;max-width:360px}.lobbycard img{max-height:24vh}}.join{min-width:0}.host-link{align-self:flex-start;margin-top:8px;padding:.6em 1em;font-size:1rem}.net{z-index:var(--z-toast);left:max(16px, env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--blood);color:var(--bone);font:800 1rem/1.2 var(--f-display);text-transform:uppercase;letter-spacing:.06em;margin:0;padding:10px 14px;position:fixed}
