@font-face{font-family:"Jersey 15";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-15-latin-ext-400-normal-CvhfUKc7.woff2)format("woff2"),url(/assets/jersey-15-latin-ext-400-normal-CbkgKn9S.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Jersey 15";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-15-latin-400-normal-C8Nlw5JP.woff2)format("woff2"),url(/assets/jersey-15-latin-400-normal-4mtCZV7-.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#2e1830;--text:#f4f1e4;--muted:#b9c9bb;--accent:#ef8a2c;--accent-shadow:#9a4a1c;--accent-text:#2a1d24;--border:#2a1d24;--wood:#8a5a34;--wood-dark:#3f2a1d;--carrot-gold:#ffe6a8;--display:"Jersey 15", ui-monospace, monospace;--edge:4px;--panel:620px;--paper:#fff6e0;--bubble:#fff6e0;--bubble-ink:#2a1d24;--ink:#2a1d24;--ink-soft:#66564f;--rule:#d9cfbc;--link:#a8501a;--pixel:4px;--head-centre:50vw;--head-top:0px;--head-rows:112;--panel-left:0px}*{box-sizing:border-box}body{background:var(--background);min-height:100dvh;color:var(--text);flex-direction:column;align-items:center;margin:0;padding:0 12px;font:18px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative;overflow-x:hidden}:root[data-layout=wide] body{padding:16px 16px 16px var(--panel-left);justify-content:center;align-items:flex-start}header,main{z-index:1;width:100%;max-width:var(--panel);position:relative}header{z-index:2;pointer-events:none;width:auto;position:absolute;top:0;left:12px}:root[data-layout=wide] header{left:24px}.sign{background:repeating-linear-gradient(180deg, #6f4526 0 10px, var(--wood) 10px 12px);box-shadow:0 calc(var(--edge) * -1) var(--wood-dark), 0 var(--edge) var(--wood-dark), calc(var(--edge) * -1) 0 var(--wood-dark), var(--edge) 0 var(--wood-dark);color:var(--carrot-gold);font:400 1.6rem/1 var(--display);text-shadow:2px 2px 0 var(--wood-dark);margin:22px 0 0;padding:0 12px 2px;animation:.5s steps(6,end) both sign-drop;display:inline-block;position:relative}:root[data-layout=wide] .sign{margin-top:24px;padding:2px 20px 4px;font-size:3rem}.sign:before,.sign:after{content:"";width:var(--edge);background:repeating-linear-gradient(180deg, var(--wood-dark) 0 4px, transparent 4px 8px);height:40px;position:absolute;bottom:100%}.sign:before{left:12px}.sign:after{right:12px}h2{font:400 3rem/1 var(--display);margin:12px 0 8px}main{padding-top:calc(var(--head-rows) * var(--pixel) + 112px);padding-bottom:8px}:root[data-layout=wide] main{padding-top:0}a{color:var(--link)}.screen{--ink:#f4efe0;--ink-soft:#b4c2b4;--rule:#4c5f56;--link:#f0b04a;color:var(--ink);font:400 1.55rem/1.3 var(--display);letter-spacing:.02em;background:#1e2b28;margin:14px;padding:26px 32px 28px;animation:.25s steps(4,end) both screen-in;position:relative;box-shadow:inset 0 0 0 2px #33453e,0 0 0 8px #7a4a28,0 0 0 10px #a8703c,0 0 0 14px #2a1a14,0 24px #0007}:root[data-layout=tall] .screen{padding:22px 20px 24px}.screen p,.screen ul{margin-top:12px;margin-bottom:12px}.screen ul{padding-left:22px}.screen ul li+li{margin-top:6px}.scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}:root[data-layout=tall] main{position:static}:root[data-layout=tall] .scene{position:absolute}.scene>svg{left:calc(var(--head-centre) - var(--centre) * var(--pixel));top:calc(var(--head-top) - var(--head-y) * var(--pixel));width:calc(var(--width) * var(--pixel));height:calc(var(--height) * var(--pixel));max-width:none;position:absolute;overflow:visible}.screen .taunt{z-index:3;background:var(--bubble);width:fit-content;min-width:60%;max-width:100%;box-shadow:0 -4px var(--bubble-ink), 0 4px var(--bubble-ink), -4px 0 var(--bubble-ink), 4px 0 var(--bubble-ink);color:var(--bubble-ink);font:400 1.7rem/1.05 var(--display);text-align:center;margin:0 auto;padding:8px 16px 10px;animation:.2s steps(3,end) both bubble-in;position:absolute;top:-116px;left:0;right:0}:root[data-layout=wide] .screen .taunt{top:auto;right:auto;left:max(12px, calc(var(--head-centre) - 170px));bottom:calc(100dvh - var(--head-top) + 2px);width:340px;min-width:0;position:fixed}.screen .taunt:before,.screen .taunt:after{content:"";clip-path:polygon(0 100%,0 66%,25% 66%,25% 33%,50% 33%,50% 0,75% 0,75% 33%,100% 33%,100% 100%);width:24px;height:18px;position:absolute;left:calc(50% - 12px)}.screen .taunt:before{background:var(--bubble-ink);top:-22px}.screen .taunt:after{background:var(--bubble);top:-14px}:root[data-layout=wide] .screen .taunt:before,:root[data-layout=wide] .screen .taunt:after{transform:scaleY(-1)}:root[data-layout=wide] .screen .taunt:before{top:auto;bottom:-22px}:root[data-layout=wide] .screen .taunt:after{top:auto;bottom:-14px}.pop{z-index:3;left:calc(var(--head-centre) + var(--pixel) * 30);top:calc(var(--head-top) + var(--pixel) * 10);color:var(--carrot-gold);font:400 calc(var(--pixel) * 18)/1 var(--display);text-shadow:var(--pixel) var(--pixel) 0 var(--accent-shadow);animation:1.3s steps(10,end) both pop;position:absolute}.rain span{top:calc(var(--pixel) * -14);animation:1.8s steps(16,end) both rain;position:absolute}.rain .icon{width:calc(var(--pixel) * 12);height:calc(var(--pixel) * 12)}.frame-b{opacity:0}.blink .frame-a{animation:7s step-end infinite blink-a}.blink .frame-b{animation:7s step-end infinite blink-b}.donkey,.torso{animation:2.4s step-end infinite breathe}.prop{animation:.9s steps(9,end) both bonk}.chomp,.before-bite{opacity:0}.chomp{animation:.9s step-end both chomp}.dangle.bitten{animation:.9s steps(4,end) both dangle-bite}.before-bite{animation:.9s step-end both before-bite}.bitten .after-bite{animation:.9s step-end both after-bite}.bartender{animation:50s infinite bartender-walk;transform:translate(270px)}.nod{animation:nod 8s steps(1) var(--offset) infinite}.bartender .facing{animation:50s step-end infinite bartender-turn}.sip .frame-a{animation:sip-a 19s steps(1) calc(var(--offset) * 2) infinite}.sip .frame-b{animation:sip-b 19s steps(1) calc(var(--offset) * 2) infinite}button.help{--face:var(--wood);--label:var(--carrot-gold);--lip:var(--wood-dark);z-index:3;width:44px;min-height:44px;text-shadow:2px 2px 0 var(--wood-dark);padding:0;font-size:2rem;position:fixed;top:22px;right:20px}:root[data-layout=wide] button.help{top:28px;right:28px}.rules{width:min(var(--panel), calc(100vw - 56px));border:0;max-width:none;max-height:calc(100dvh - 56px);margin:auto;overflow-y:auto}.rules::backdrop{background:#0009}.rules h2{color:var(--carrot-gold);margin-top:0}.ladder{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.ladder li{justify-items:center;gap:2px;margin:0;padding:0;display:grid}.ladder li:before{content:none}.ladder strong{color:var(--carrot-gold)}.ladder .icon{width:48px;height:48px}.icon{vertical-align:-5px;width:24px;height:24px;display:inline-block}.bunch{justify-content:center;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.bunch li{aspect-ratio:1;flex:0 40px;place-items:center;display:grid;position:relative}.bunch li:empty:after{content:"";background:var(--rule);width:6px;height:6px}.bunch .icon{width:100%;height:100%}.bunch .live .icon{opacity:.6}.bunch .latest .icon{animation:.4s steps(5,end) both slot-in}.bunch.drop .icon{animation:slot-in .4s steps(5) calc(var(--index) * .15s + .3s) both}.screen .eyebrow{border-bottom:2px dashed var(--rule);color:var(--carrot-gold);font:400 1.6rem/1.2 var(--display);margin:16px 0 12px;padding-bottom:8px}.screen .category{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 12px;display:flex}.category strong{color:var(--carrot-gold);font-size:2.6rem;font-weight:400;line-height:1}.clues{counter-reset:clue;margin:6px 0 18px;padding:0;list-style:none}.clues li{color:var(--ink-soft);counter-increment:clue;padding:8px 0 8px 32px;position:relative}.clues li:before{content:counter(clue) ".";color:var(--ink-soft);font:400 1.75rem/1.1 var(--display);position:absolute;top:7px;left:0}.clues li:last-child{color:var(--ink);font-size:1.75rem;animation:.4s steps(6,end) both chalk-in}.clues li:last-child:before{color:var(--accent)}.hook{margin:8px 0}.credit{color:var(--ink-soft);margin:8px 0 16px;font-size:1.25rem}.stamp{animation:.35s steps(5,end) .15s both stamp}.glow{color:var(--carrot-gold);text-shadow:0 0 8px #ffb04a,0 0 22px #ef8a2c,0 0 44px #ef8a2c;animation:.35s steps(5,end) .15s both stamp,2.4s ease-in-out .5s infinite alternate glow}label{font:400 1.6rem/1.2 var(--display);grid-column:1/-1;margin-bottom:4px;display:block}form{margin:0 var(--edge);grid-template-columns:1fr auto;gap:14px;display:grid}input,button{min-height:48px;font:inherit;border:0;border-radius:0}input{min-width:0;box-shadow:inset 0 0 0 3px var(--border);color:#2a1d24;background:#fffdf5;padding:8px 12px;font-size:1.5rem}button{--face:transparent;--label:var(--ink);--lip:var(--accent);background:var(--face);box-shadow:0 calc(var(--edge) * -1) var(--lip), calc(var(--edge) * -1) 0 var(--lip), var(--edge) 0 var(--lip), 0 var(--edge) var(--lip), 0 calc(var(--edge) * 2) var(--accent-shadow);color:var(--label);cursor:pointer;font:400 1.75rem/1.1 var(--display);padding:8px 16px}button.primary{--face:var(--accent);--label:var(--accent-text)}button.secondary{width:calc(100% - var(--edge) * 2);margin:24px var(--edge) 8px}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){box-shadow:0 calc(var(--edge) * -1) var(--lip), calc(var(--edge) * -1) 0 var(--lip), var(--edge) 0 var(--lip), 0 var(--edge) var(--lip);transform:translateY(4px)}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px dashed var(--ink);outline-offset:6px}input:focus-visible{outline-offset:2px}.screen>button.primary{width:calc(100% - var(--edge) * 2);margin:8px var(--edge) 12px}.feedback{min-height:1.5em;color:var(--link);white-space:pre-line;font-weight:600}@keyframes swap-a{0%{opacity:1}50%{opacity:0}}@keyframes swap-b{0%{opacity:0}50%{opacity:1}}@keyframes blink-a{0%,98%{opacity:1}96%{opacity:0}}@keyframes blink-b{0%,98%{opacity:0}96%{opacity:1}}@keyframes breathe{0%{transform:translateY(0)}50%{transform:translateY(1px)}}@keyframes bonk{0%{opacity:1;transform:translateY(-50px)}45%{transform:translateY(4px)}70%{transform:translateY(-3px)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes dangle-bite{0%,15%{transform:translate(0)}35%,55%{transform:translate(-16px,4px)}80%,to{transform:translate(0)}}@keyframes chomp{0%{opacity:0}25%{opacity:1}40%{opacity:0}50%{opacity:1}65%{opacity:0}}@keyframes before-bite{0%{opacity:1}40%{opacity:0}}@keyframes after-bite{0%{opacity:0}40%{opacity:1}}@keyframes bartender-walk{0%,14%{animation-timing-function:steps(105,end);transform:translate(270px)}38%,52%{animation-timing-function:steps(77,end);transform:translate(585px)}84%,90%{animation-timing-function:steps(23,end);transform:translate(200px)}to{transform:translate(270px)}}@keyframes bartender-turn{0%{transform:scaleX(1)}52%{transform:scaleX(-1)}90%{transform:scaleX(1)}}@keyframes nod{0%,8%,16%,24%{transform:translateY(0)}4%,12%,20%{transform:translateY(1px)}}@keyframes sip-a{0%{opacity:1}70%{opacity:0}80%{opacity:1}}@keyframes sip-b{0%{opacity:0}70%{opacity:1}80%{opacity:0}}@keyframes screen-in{0%{opacity:0}}@keyframes sign-drop{0%{transform:translateY(-80px)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes pop{0%{opacity:0;transform:translateY(24px)}20%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes rain{0%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(110vh)}}@keyframes slot-in{0%{opacity:0;transform:translateY(-24px)}70%{opacity:1;transform:translateY(3px)}to{transform:translateY(0)}}@keyframes chalk-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes glow{to{text-shadow:0 0 4px #ffb04a,0 0 12px #ef8a2c,0 0 24px #ef8a2c}}@keyframes stamp{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.rain,.pop{display:none}}
