:root{--stage:#5b1d3a;--board:#ffe56a;--ink:#2a1020;--quiet:#f3c9d4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--board);background:var(--stage);font-synthesis:none;text-rendering:optimizelegibility;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:1.125rem;line-height:1.35}body{margin:0}.viewport{height:100dvh;overflow:hidden}.reel{height:100%;display:flex;transform:translate(0)}.pane{box-sizing:border-box;flex:none;align-content:center;justify-items:center;gap:1.25rem;width:100vw;height:100%;padding:2rem 1.25rem;display:grid}h1{letter-spacing:-.03em;text-align:center;margin:0;font-family:Titan One,Arial Black,sans-serif;font-size:clamp(3.2rem,10vw,5.4rem);font-weight:400;line-height:.85}.prompt{color:var(--quiet);margin:0;font-size:1.35rem;font-weight:500}.board,.shelf{width:min(26rem,100%)}.board{background:var(--board);box-shadow:0 .55rem 0 var(--ink);border-radius:1.4rem;gap:.45rem;padding:.55rem;display:grid}.board button,.back{font:inherit;cursor:pointer;border:0}.board button{text-align:left;min-height:4.6rem;color:var(--ink);background:0 0;border-radius:.9rem;gap:.1rem;padding:.85rem 1rem .85rem 2.6rem;display:grid;position:relative}.board button span{font-size:1.55rem;font-weight:700;line-height:1.1}.board button small{font-size:1rem;font-weight:500}.board button[aria-pressed=true]{color:var(--board);background:var(--ink)}.board button[aria-pressed=true]:before{content:"";border-style:solid;border-width:.5rem 0 .5rem .75rem;border-color:transparent transparent transparent var(--board);position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.board button:focus-visible,.back:focus-visible{outline:3px solid var(--board);outline-offset:3px}.shelf{justify-items:start;gap:.75rem;display:grid}.shelf h2{margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1}.shelf p{color:var(--quiet);margin:0;font-size:1.25rem}.games{gap:.6rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.game{width:100%;font:inherit;text-align:left;color:var(--ink);background:var(--board);box-shadow:0 .4rem 0 var(--ink);cursor:pointer;border:0;border-radius:1rem;gap:.15rem;padding:1rem 1.1rem;display:grid}.game span{font-size:1.5rem;font-weight:700;line-height:1.1}.game small{font-size:1rem;font-weight:500}.back{color:var(--ink);background:var(--board);border-radius:999px;padding:.45rem .9rem;font-weight:700}.sound{width:2.6rem;height:2.6rem;color:var(--board);box-shadow:inset 0 0 0 2px var(--board);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.sound svg{fill:currentColor;width:1.4rem;height:1.4rem}.sound .stroke{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.sound[aria-pressed=false]{opacity:.6}.sound:focus-visible{outline-offset:3px;outline:3px solid #fff7d1}.sound.corner{z-index:5;position:fixed;top:1rem;right:1rem}.screen{z-index:10;background:var(--stage);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.screen-bar{z-index:1;background:var(--stage);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex;position:sticky;top:0}.screen-bar h2{margin:0 auto 0 0;font-size:1.3rem;font-weight:700}.screen-body{box-sizing:border-box;flex:1;align-content:start;justify-items:stretch;gap:1rem;width:min(30rem,100%);margin:0 auto;padding:.5rem 1.25rem 2.5rem;display:grid}.screen-body.center{text-align:center;align-content:center;justify-items:center}.lede{color:var(--quiet);margin:0;font-size:1.1rem}.headline{margin:0;font-family:Titan One,Arial Black,sans-serif;font-size:clamp(2.2rem,9vw,3.4rem);font-weight:400;line-height:.95}.key,.ghost{font:inherit;cursor:pointer;border:0;border-radius:1rem;font-weight:700}.key{min-height:3.6rem;color:var(--ink);background:var(--board);box-shadow:0 .4rem 0 var(--ink);padding:.8rem 1.4rem;font-size:1.35rem}.key.alt{color:var(--board);background:var(--ink);box-shadow:0 .4rem #14060e}.key.wide{width:100%}.ghost{min-height:3rem;color:var(--board);box-shadow:inset 0 0 0 2px var(--board);background:0 0;padding:.6rem 1rem}.ghost.square{flex:none;width:3rem;padding:0;font-size:1.5rem}.key:disabled,.ghost:disabled{opacity:.4;cursor:not-allowed}.text{box-sizing:border-box;width:100%;min-height:3.2rem;font:inherit;color:var(--ink);background:#fff7d1;border:0;border-radius:.8rem;padding:.6rem .9rem;font-size:1.25rem;font-weight:500}.text::placeholder{color:#8a6a74}.field{color:var(--quiet);gap:.35rem;font-weight:500;display:grid}.code-input{letter-spacing:.3em;text-transform:uppercase;font-size:1.6rem;font-weight:700}.entry{gap:1rem;display:grid}.divider{color:var(--quiet);text-align:center;margin:.5rem 0 -.25rem}.error,.status{border-radius:.8rem;margin:0;padding:.7rem .9rem;font-weight:500}.error{color:var(--ink);background:#ff9c8a}.status{color:var(--quiet);background:#43142a}.names{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.names li{gap:.5rem;display:flex}.big-name{overflow-wrap:anywhere;margin:0;font-family:Titan One,Arial Black,sans-serif;font-size:clamp(2.8rem,14vw,5rem);line-height:.95}.countdown{margin:0;font-family:Titan One,Arial Black,sans-serif;font-size:min(60vw,60dvh);line-height:1}.reveal{width:100%;max-width:none;container-type:inline-size}.reveal-number{font-family:Titan One,Arial Black,sans-serif;font-size:min(calc(150cqi / (var(--chars) + .5)), 42dvh);white-space:nowrap;margin:0;line-height:1}.verdict{grid-template-columns:1fr 1fr;gap:.75rem;width:min(30rem,100%);display:grid}.flash{text-align:center;color:var(--board);background:var(--ink);flex:1;align-content:center;justify-items:center;gap:.5rem;padding:2rem;display:grid}.flash.hit{color:var(--ink);background:var(--board)}.flash strong{font-family:Titan One,Arial Black,sans-serif;font-size:clamp(3.4rem,18vw,7rem);font-weight:400;line-height:1}.flash p{margin:0;font-size:1.4rem;font-weight:500}.ranking{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ranking li{color:var(--ink);background:var(--board);border-radius:.9rem;grid-template-columns:2.4rem 1fr auto;grid-template-areas:"place who what""place note what";align-items:center;column-gap:.75rem;padding:.7rem .9rem;display:grid}.ranking .place{text-align:center;grid-area:place;font-family:Titan One,Arial Black,sans-serif;font-size:1.8rem}.ranking .who{grid-area:who;font-weight:700}.ranking small{grid-area:note}.ranking .what{font-variant-numeric:tabular-nums;grid-area:what;font-weight:700}.ranking li:first-child{box-shadow:0 .35rem 0 var(--ink)}.lobby,.results,.table{gap:1rem;display:grid}.lobby{text-align:center;justify-items:center}.room-code{letter-spacing:.08em;margin:-.5rem 0 0;font-family:Titan One,Arial Black,sans-serif;font-size:clamp(4rem,24vw,7rem);line-height:1}.roster{text-align:left;gap:.45rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.roster li{color:var(--ink);background:var(--board);border-radius:.8rem;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem .9rem;font-weight:700;display:flex}.roster small{font-weight:500}.roster li.away,.seat.away{opacity:.55}.turn h2{margin:0 0 .25rem;font-family:Titan One,Arial Black,sans-serif;font-size:clamp(2.2rem,10vw,3.2rem);font-weight:400;line-height:1}.event{color:var(--board);background:var(--ink);border-radius:.8rem;margin:0;padding:.7rem .9rem;font-weight:700}.guess{gap:.5rem;display:flex}.guess .key{flex:none}.tried{color:var(--quiet);margin:-.4rem 0 0}.tried span{color:var(--board);font-variant-numeric:tabular-nums;font-weight:700}.seats{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.seat{color:var(--ink);background:var(--board);box-shadow:0 .35rem 0 var(--ink);border-radius:1rem;gap:.15rem;padding:.75rem .8rem;display:grid;container-type:inline-size}.seat-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.seat-number{font-family:Titan One,Arial Black,sans-serif;font-size:min(calc(150cqi / (var(--chars) + .5)), 2.6rem);white-space:nowrap;line-height:1.1}.seat small{font-weight:500}.seat.me{color:var(--board);background:var(--ink);box-shadow:inset 0 0 0 2px var(--board)}.seat.turn{outline-offset:3px;outline:3px solid #fff7d1}.seat.solved{background:#b9f27c}.seat.me.solved{color:var(--ink)}.key:focus-visible,.ghost:focus-visible,.game:focus-visible,.text:focus-visible{outline-offset:3px;outline:3px solid #fff7d1}@media (width>=900px){.pane{width:50vw}.reel{transform:translate(25vw)}.reel.open{transform:translate(0)}}@media (width<=899px){.reel.open{transform:translate(-100vw)}}@media (prefers-reduced-motion:no-preference){.reel{transition:transform .56s cubic-bezier(.22,.8,.2,1)}.board button{transition:background .18s,color .18s,transform .18s}.board button:active{transform:scale(.98)}.board button[aria-pressed=true]:before{animation:.18s nudge}.shelf,.games li{animation:.42s both arrive}.games li:nth-child(2){animation-delay:70ms}.games li:nth-child(3){animation-delay:.14s}.game,.key,.ghost{transition:transform .14s,box-shadow .14s}.game:active,.key:active:not(:disabled){box-shadow:0 .1rem 0 var(--ink);transform:translateY(.3rem)}.ghost:active:not(:disabled){transform:scale(.97)}.screen{animation:.46s cubic-bezier(.22,.8,.2,1) both slide-in}.screen-body,.flash{animation:.36s cubic-bezier(.3,1.4,.5,1) both pop}.countdown{animation:.8s both count}.reveal-number{animation:.42s cubic-bezier(.3,1.6,.5,1) both pop}.names li,.roster li,.seat,.ranking li{animation:.36s both arrive}.ranking li:nth-child(2){animation-delay:80ms}.ranking li:nth-child(3){animation-delay:.16s}.ranking li:nth-child(n+4){animation-delay:.24s}.event{animation:.32s cubic-bezier(.3,1.4,.5,1) both pop}.seat{transition:background .24s,outline-color .24s}.seat.turn{animation:1.2s ease-in-out infinite bob}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(.85)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}@keyframes nudge{0%{transform:translate(-8px,-50%)}to{transform:translateY(-50%)}}@keyframes arrive{0%{transform:translate(1.75rem)}to{transform:translate(0)}}