@font-face{font-family:Fredoka;font-style:normal;font-weight:500 700;font-display:swap;src:url(./assets/fonts/fredoka-latin.woff2?v=a78a2136bd) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:500 700;font-display:swap;src:url(./assets/fonts/fredoka-latin-ext.woff2?v=504fb315d2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}html,body{margin:0;padding:0;overflow:hidden;background:#2a1c16;height:100%;touch-action:none}canvas{display:block;width:100%;height:100%}#stage{position:fixed;inset:0}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#hud{font-family:Fredoka,system-ui,sans-serif}#hud button{font-family:inherit}#cog-btn{top:22px;bottom:auto;background:#e88a13;color:#fff;border:0;box-shadow:-3px 4px #a5520a,-6px 8px 12px var(--shadow)}#cog-btn:hover{background:#f09a2a}body.compact-cog #cog-btn{top:10px;right:10px;width:40px;height:40px;box-shadow:-2px 3px #a5520a,-4px 6px 9px var(--shadow)}:root{--shadow: #5a321a66}#ui{position:fixed;inset:0;pointer-events:none;font-family:Fredoka,system-ui,sans-serif;color:#3b2a22;--u: 50px}#ui>*,#tickets>*{position:absolute}#tickets{display:contents}#ui .hidden{display:none!important}#ui.held,#ui.held *{animation-play-state:paused!important}.label{color:#f4e5c5;font-weight:600;font-size:calc(var(--u) * .42);text-align:center;text-shadow:0 2px 0 #0005}.readout{color:#fff6e0;font-weight:700;font-size:calc(var(--u) * .8);text-shadow:0 3px 0 #0006;display:flex;align-items:center;justify-content:center}.split .label{text-align:left}.split #time-label,.split #score-label{display:flex;align-items:center;padding-left:calc(var(--u) * .3);box-sizing:border-box}.split .readout{font-size:calc(var(--u) * .62);justify-content:flex-end;padding-right:calc(var(--u) * .3);box-sizing:border-box}.compact .readout{font-size:calc(var(--u) * .52);padding:0 calc(var(--u) * .1);box-sizing:border-box}.compact .label{font-size:calc(var(--u) * .28)}.compact #time-label,.compact #score-label{display:flex;align-items:center;justify-content:center}.split #next-label,.split #queue-label{text-align:center;font-size:calc(var(--u) * .36)}#time.low{color:#ffb08a;animation:pulse 1s ease-in-out infinite}#time.bump,#score.bump{animation:bump .38s cubic-bezier(.34,1.56,.64,1)}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes bump{40%{transform:scale(1.22)}}.label.land,.readout.land{animation:labelLand .56s var(--land, 0s) cubic-bezier(.34,1.8,.64,1) backwards}@keyframes labelLand{0%{scale:.2;rotate:-12deg;opacity:0}60%{opacity:1}}html.reduced .label.land,html.reduced .readout.land{animation:soft .4s var(--land, 0s) ease-out backwards}#time.go{animation:clockGo .9s cubic-bezier(.34,1.56,.64,1)}@keyframes clockGo{25%{transform:scale(1.45) rotate(-4deg);color:#ffd36b;text-shadow:0 0 .4em #ffb03c}45%{transform:scale(.92) rotate(2deg)}65%{transform:scale(1.08);color:#ffd36b}}html.reduced #time.go{animation:clockGoSoft .7s ease-out}@keyframes clockGoSoft{30%{color:#ffd36b;text-shadow:0 0 .4em #ffb03c}}.ticket{box-sizing:border-box;display:flex;align-items:center;gap:calc(var(--u) * .3);background:url(./assets/ticket.webp?v=09cb0b4af9) center / 100% 100% no-repeat;filter:drop-shadow(calc(var(--u) * -.08) calc(var(--u) * .1) calc(var(--u) * .08) var(--shadow));padding:calc(var(--u) * .36) calc(var(--u) * .4) calc(var(--u) * .3) calc(var(--u) * .36);transform-origin:50% 0;transform:rotate(var(--tilt, 0deg));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ticket.pre{opacity:0}.ticket .dish{display:block;flex:none;width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6);filter:drop-shadow(calc(var(--u) * -.06) calc(var(--u) * .07) calc(var(--u) * .05) var(--shadow))}.ticket .body{flex:1;min-width:0}.ticket h2{margin:0 0 calc(var(--u) * .06);font-size:calc(var(--u) * .36);font-weight:700;line-height:1}.ticket .line{position:relative;display:flex;align-items:center;gap:calc(var(--u) * .12);height:calc(var(--u) * .4);font-size:calc(var(--u) * .32);font-weight:500}.ticket .line .icon{width:calc(var(--u) * .36);height:calc(var(--u) * .36)}.ticket .line:after{content:"";position:absolute;left:0;top:52%;height:calc(var(--u) * .06);width:0;background:#d8432f;border-radius:9px;transition:width .26s cubic-bezier(.65,0,.35,1);transform:rotate(-2deg)}.ticket .line.done:after{width:100%}.ticket .line.done{color:#9b8672}.ticket.hit{animation:tilt .36s ease-out}@keyframes tilt{30%{transform:rotate(calc(var(--tilt, 0deg) + 4deg)) translateY(2px)}}.ticket.nudge{animation:callout 1.1s ease-in-out}@keyframes callout{0%{transform-origin:50% 0}8%{transform-origin:50% 50%;transform:rotate(calc(var(--tilt, 0deg) + 5deg)) scale(1.1)}14%{transform-origin:50% 50%;transform:rotate(var(--tilt, 0deg)) scale(1.03)}24%{transform-origin:50% 50%;transform:rotate(calc(var(--tilt, 0deg) - 8deg)) scale(1.2)}33%{transform-origin:50% 50%;transform:rotate(calc(var(--tilt, 0deg) + 7deg)) scale(1.18)}44%{transform-origin:50% 50%;transform:rotate(calc(var(--tilt, 0deg) - 5deg)) scale(1.1)}56%{transform-origin:50% 50%;transform:rotate(calc(var(--tilt, 0deg) + 3.5deg)) scale(1.05)}69%{transform-origin:50% 50%;transform:rotate(calc(var(--tilt, 0deg) - 2deg)) scale(1.02)}84%{transform-origin:50% 50%;transform:rotate(calc(var(--tilt, 0deg) + .8deg))}to{transform-origin:50% 0}}html.reduced .ticket.nudge{animation:hops .5s ease-in-out}@keyframes hops{18%{scale:1.06}30%{scale:1}55%{scale:1.1}}.ticket .stamp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--u) * .8);font-weight:700;color:#d8432f;opacity:0;transform:rotate(-14deg) scale(2);pointer-events:none}.ticket.served .stamp{opacity:1;transform:rotate(-14deg) scale(1);transition:all .22s cubic-bezier(.34,1.56,.64,1)}.ticket.leave{transform:translate(-140%) rotate(-6deg);opacity:0;transition:transform .3s cubic-bezier(.32,0,.67,0),opacity .3s}.ticket.enter{animation:enter .42s cubic-bezier(.34,1.56,.64,1)}@keyframes enter{0%{transform:translateY(-110%) rotate(10deg);opacity:0}60%{opacity:1}}.compact .ticket{padding:calc(var(--u) * .24) calc(var(--u) * .2) calc(var(--u) * .14);flex-direction:column;align-items:stretch;justify-content:flex-start}.compact .ticket .dish{display:none}.compact .ticket h2{margin-bottom:calc(var(--u) * .06);font-size:calc(var(--u) * .3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact .ticket .line{height:calc(var(--u) * .36);font-size:calc(var(--u) * .3);white-space:nowrap}.icon{flex:none;width:calc(var(--u) * .46);height:calc(var(--u) * .46);background:url(./assets/ingredients.webp?v=de1689eda1) no-repeat;background-size:300% 200%}.dish{background:url(./assets/dishes.webp?v=5c99f24b7d) no-repeat;background-size:400% 200%}.fly{left:0;top:0;width:calc(var(--u) * .9);height:calc(var(--u) * .9);margin:calc(var(--u) * -.45) 0 0 calc(var(--u) * -.45);z-index:5;filter:drop-shadow(0 0 calc(var(--u) * .15) #ffb347)}#queue{display:flex;flex-direction:column;gap:calc(var(--u) * .26);padding-top:calc(var(--u) * .08)}#queue .q{position:relative;display:flex;align-items:center;gap:calc(var(--u) * .14);padding:calc(var(--u) * .14) calc(var(--u) * .16) calc(var(--u) * .14) calc(var(--u) * .2);background:linear-gradient(175deg,#fdf4e1,#f1dfba);border-radius:calc(var(--u) * .12);box-shadow:inset 0 0 0 calc(var(--u) * .035) #e3c896,calc(var(--u) * -.07) calc(var(--u) * .09) calc(var(--u) * .06) var(--shadow);font-size:calc(var(--u) * .32);font-weight:700;color:#5a2e14;rotate:-1.2deg}#queue .q:nth-child(2){rotate:1deg}#queue .q .dish{flex:none;width:calc(var(--u) * .74);height:calc(var(--u) * .74);filter:drop-shadow(calc(var(--u) * -.04) calc(var(--u) * .05) calc(var(--u) * .03) var(--shadow))}#queue .q .what{flex:1;min-width:0;padding-left:calc(var(--u) * .16);border-left:calc(var(--u) * .035) dashed #d6b98a;line-height:1.05;font-size:calc(var(--u) * .29)}#queue .q .icons{display:flex;gap:calc(var(--u) * .06);margin-top:calc(var(--u) * .06)}#queue .q .chip{display:grid;place-items:center;width:calc(var(--u) * .4);height:calc(var(--u) * .4);border-radius:50%;background:#fffaf0;box-shadow:inset 0 0 0 calc(var(--u) * .025) #e3c896}#queue .q .icon{width:calc(var(--u) * .32);height:calc(var(--u) * .32)}#queue .q.arrive{animation:qArrive .48s calc(var(--i) * .16s) cubic-bezier(.34,1.56,.64,1) both}@keyframes qArrive{0%{transform:translate(60%) rotate(4deg);opacity:0}50%{opacity:1}}html.reduced #queue .q.arrive{animation:soft .4s calc(var(--i) * .12s) ease-out both}.pop{position:absolute;font-weight:700;color:#fff6e0;text-shadow:0 2px 0 #7a3a12,0 0 8px #ff9a3c;font-size:calc(var(--u) * .5);transform:translate(-50%,-50%);animation:rise .8s ease-out forwards;z-index:4}.pop.bonus{font-size:calc(var(--u) * .75);color:#ffe27a}.pop.h2{font-size:calc(var(--u) * .6);color:#ffe27a;text-shadow:0 2px 0 #7a3a12,0 0 12px #ffb020,0 0 4px #ffb020}.pop.h3{font-size:calc(var(--u) * .72);color:#ffb14a;text-shadow:0 3px 0 #6a240c,0 0 16px #ff6a1a,0 0 6px #ff8a2a;animation:riseHot .9s ease-out forwards}.pop.h4{font-size:calc(var(--u) * .85);color:#ff8a6a;text-shadow:0 3px 0 #5a1208,0 0 22px #ff2d55,0 0 8px #ff5a3a;animation:riseHot 1s ease-out forwards,flicker .12s steps(2) 6}@keyframes riseHot{0%{opacity:0;transform:translate(-50%,-30%) scale(.4) rotate(-8deg)}12%{opacity:1;transform:translate(-50%,-60%) scale(1.45) rotate(4deg)}24%{transform:translate(-50%,-70%) scale(1) rotate(0)}65%{opacity:1}to{opacity:0;transform:translate(-50%,-190%) scale(1.05)}}@keyframes flicker{50%{filter:brightness(1.5)}}#score.gain{animation:gain .52s cubic-bezier(.34,1.56,.64,1)}#score.gain.h2{--hot: #ffd84a;--amp: 1.25}#score.gain.h3{--hot: #ffa040;--amp: 1.35}#score.gain.h4{--hot: #ff6a5a;--amp: 1.5}@keyframes gain{35%{transform:scale(var(--amp, 1.15));color:var(--hot, #ffe9b0);text-shadow:0 3px 0 #0006,0 0 .5em var(--hot, #ffb03c)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}60%{opacity:1}to{opacity:0;transform:translate(-50%,-160%) scale(1)}}#chain{font-weight:700;font-size:calc(var(--u) * .9);color:#ffe27a;text-shadow:0 3px 0 #7a3a12,0 0 14px #ff8a2a;white-space:nowrap;opacity:0;transform:translate(-50%,-50%);z-index:6}#chain.show{animation:chain .9s cubic-bezier(.34,1.56,.64,1)}#chain.h3{color:#ffb14a;font-size:calc(var(--u) * 1.05);text-shadow:0 3px 0 #6a240c,0 0 20px #ff6a1a}#chain.h4{color:#ff8a6a;font-size:calc(var(--u) * 1.2);text-shadow:0 3px 0 #5a1208,0 0 28px #ff2d55,0 0 10px #ff5a3a}#chain.h4.show{animation:chain 1s cubic-bezier(.34,1.56,.64,1),chainShake 90ms linear 5}@keyframes chainShake{25%{margin-left:-3px}75%{margin-left:3px}}@keyframes chain{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%)}}#game,#ui{transition:filter .9s ease-in-out,opacity .9s ease-in-out}body.closing #game{filter:brightness(.55) saturate(.75)}body.closing #ui{opacity:.45}html.reduced #game,html.reduced #ui{transition-duration:.25s}#hud #menu{gap:18px;background:url(./assets/facade.webp?v=b5b2c0ea6f) center / cover;transition:transform .75s cubic-bezier(.65,0,.35,1),opacity .75s ease-in}#hud #menu.leaving{transform:scale(1.35);opacity:0;pointer-events:none}#menu .logo{width:min(86vw,600px,64vh);filter:drop-shadow(-6px 8px 6px var(--shadow))}#hud #menu .hint{color:#fff6e0;text-shadow:-1px 2px 0 #5a321a;font-size:15px;font-weight:500;max-width:calc(100vw - 64px);margin-inline:32px;text-wrap:balance;text-align:center}#hud .center button{text-transform:uppercase;background:#e88a13;color:#fff;border:0;border-radius:14px;padding:10px 26px;font-size:22px;font-weight:700;text-shadow:none;box-shadow:-3px 4px #a5520a,-6px 8px 12px var(--shadow);transition:transform 70ms ease-out}#hud .center button:hover{background:#f09a2a;transform:scale(1.02) translateY(-1px)}#hud .center button:active{transform:scale(.96);transition-duration:40ms}#send-btn:disabled{opacity:.6;cursor:default}#hud .card{background:url(./assets/ticket.webp?v=09cb0b4af9) center / 100% 100% no-repeat;color:#3b2a22;text-shadow:none;padding:46px 40px 42px;text-align:center;min-width:min(360px,86vw);max-width:92vw;box-sizing:border-box;filter:drop-shadow(-10px 14px 14px var(--shadow))}#hud .center .card h1{font-size:34px;margin:0 0 6px;color:#3b2a22;-webkit-text-stroke:0;text-shadow:none}#hud .center .card p{font-size:18px;margin:2px 0}#hud .center .card .big{font-size:48px;font-weight:700;color:#d8432f;margin:2px 0 4px}#hud .center .card #dead-cause{color:#7a5a44}#hud #dead.center{padding:8px 0;box-sizing:border-box}#hud #dead .card{max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#c9a27a transparent}@media(max-height:640px){#hud #dead .card{padding:14px 28px 12px}#hud #dead .card h1.sprite-text{--size: 36px;margin-bottom:2px}#hud .center #dead .card .big,#hud #dead .card .big{font-size:32px;margin:0}#hud #dead .card p{font-size:15px;margin:1px 0}#hud #dead .record-stamp{font-size:17px;margin:0 auto 4px}#dead #leaderboard{margin:4px 0}#dead .board{font-size:14px;margin:2px auto}#dead .board li{padding:0 8px}#hud #dead .card button{font-size:17px;padding:6px 18px;margin-top:6px}}#dead .card.enter{animation:cardIn .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes cardIn{0%{transform:translateY(-50px) rotate(-3deg);opacity:0}}#hud .center h1.sprite-text{--size: 54px;--room: calc(92vw - 88px) ;font-size:min(var(--size),var(--room) / var(--em, 1));line-height:1;margin:0 0 8px;gap:0;display:flex;justify-content:center;align-items:flex-end;flex-wrap:nowrap;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(-3px 4px 2px var(--shadow))}.sprite-text>span{display:inline-block;height:1em;color:transparent;text-shadow:none;overflow:hidden;flex:none;animation:glyphPop .48s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i) * 45ms)}.sprite-text .glyph{background-image:url(./assets/letters.webp?v=0607b2c8be);background-repeat:no-repeat}.sprite-text .glyph-space{width:.3em}.sprite-text .glyph-fallback{height:auto;overflow:visible;color:#f8b632;-webkit-text-stroke:.1em #4a2410;paint-order:stroke fill;font-weight:700;font-size:.9em;padding:0 .04em}@keyframes glyphPop{0%{transform:translateY(.4em) scale(.3) rotate(-12deg);opacity:0}}.record-stamp{display:inline-block;margin:2px auto 8px;padding:2px 14px;border:3px solid #d8432f;border-radius:10px;color:#d8432f;font-weight:700;font-size:22px;transform:rotate(-8deg);position:relative}.record-stamp.stamped{animation:stamp .52s cubic-bezier(.34,1.56,.64,1) both}.record-stamp.stamped:before,.record-stamp.stamped:after{content:"\2605";position:absolute;top:-14px;color:#f6ca73;font-size:22px;animation:star .7s .2s ease-out both}.record-stamp.stamped:before{left:-16px}.record-stamp.stamped:after{right:-16px;animation-delay:.3s}@keyframes stamp{0%{transform:rotate(-8deg) scale(2.4);opacity:0}60%{opacity:1}to{transform:rotate(-8deg) scale(1)}}@keyframes star{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.4) rotate(40deg);opacity:1}to{transform:scale(1) rotate(20deg);opacity:1}}.board{list-style:none;margin:10px auto;padding:0;width:min(280px,70vw);font-size:18px;font-variant-numeric:tabular-nums}.board li{display:grid;grid-template-columns:2.2em 1fr auto;padding:2px 8px;border-radius:8px}.board li:nth-child(odd){background:#0000000a}.board .rank{color:#9b8672;text-align:right;padding-right:10px}.board .who{font-weight:700;letter-spacing:.08em;text-align:left}.board .pts{font-weight:600}.board li.me{background:#f6ca7366;box-shadow:inset 0 0 0 2px #e88a13}#leaderboard .empty{color:#9b8672;font-size:16px}#hud #pause-lb-board{min-height:0;display:block;margin:4px 0}#pause-lb-board .empty{color:#9b8672;font-size:16px}#hud .center .card button{margin-top:12px}#pause{background:#2a1c1673}#pause #pause-exit-btn{background:transparent;color:#c46a2c;border:3px solid #c46a2c;box-shadow:none}#hud #pause-about{max-width:min(460px,88vw);padding:42px 44px 40px}#hud #pause-about h1.sprite-text{--room: calc(88vw - 88px) }#hud #pause-about{position:relative}#hud #pause-about .about-dish{position:absolute;left:-34px;top:-30px;width:104px;height:104px;rotate:-14deg;background-position:100% 0%;filter:drop-shadow(-5px 6px 4px var(--shadow));pointer-events:none}#hud #pause-about .about{margin:10px 4px 0;font-size:18px;line-height:1.35;text-wrap:pretty}#hud #pause-about .about-link{display:inline-block;margin-top:12px;font-weight:700;font-size:18px;color:#c46a2c;pointer-events:auto}@media(max-width:480px){#hud #pause-about .about-dish{left:-12px;top:-42px;width:88px;height:88px}}@media(max-height:640px){#hud #pause-about{padding:30px 34px 28px}#hud #pause-main,#hud #pause-lb{padding:30px 40px 26px}#hud #pause-about h1.sprite-text{--size: 36px;margin-bottom:4px}#hud #pause-about .about-dish{left:-22px;top:-18px;width:72px;height:72px}#hud #pause-about .about{font-size:15px;margin-top:7px}#hud #pause-about .about-link{font-size:15px;margin-top:10px}#hud #pause-about button{font-size:17px;padding:6px 18px;margin-top:12px}}@media(max-height:360px){#hud #pause-about{padding:22px 30px 20px}#hud #pause-about .about{margin-top:5px}#hud #pause-about .about-link{margin-top:7px}#hud #pause-about button{margin-top:8px}}#dead .foot{margin-top:10px;min-height:52px}#dead .foot>:not(.hidden){animation:line .38s cubic-bezier(.34,1.56,.64,1) backwards}#hud #dead .ranked{font-weight:700;color:#c46a2c;font-size:20px;margin:0 0 4px}#dead .initials{display:flex;justify-content:center;gap:12px;margin:0 0 4px}#dead .initials .slot{display:flex;flex-direction:column;align-items:center}#dead .initials .ch{display:flex;justify-content:center;align-items:flex-end;box-sizing:border-box;width:62px;height:66px;padding-bottom:6px;font-size:52px;line-height:1;border-radius:12px;background:#0000000d;pointer-events:auto;cursor:pointer;filter:drop-shadow(-2px 3px 1px var(--shadow))}#dead .initials .slot.at .ch{background:#f6ca7366;box-shadow:inset 0 0 0 3px #e88a13}#dead .initials .slot.at .ch>span{animation:glyphPop .48s cubic-bezier(.34,1.56,.64,1) both,bob .7s .48s ease-in-out infinite}#hud #dead .initials button{margin:0;padding:4px 18px;font-size:20px;line-height:1;background:transparent;color:#c46a2c;box-shadow:none;border-radius:8px}#hud #dead .initials button:hover{background:#e88a1322}#hud #dead #send-btn{margin-top:6px}#hud #dead button.quiet:not(.hidden){display:block;margin:6px auto 0;padding:2px 8px;font-size:15px;font-weight:600;text-transform:none;background:transparent;color:#9b6a44;box-shadow:none;text-decoration:underline}@media(max-height:640px){#dead .foot{margin-top:4px;min-height:0}#hud #dead .ranked{font-size:16px;margin:0}#dead .initials .ch{width:46px;height:48px;font-size:38px;padding-bottom:4px}#hud #dead .initials button{font-size:16px;padding:2px 14px}}#leaderboard{margin:12px 0;font-size:18px;min-height:24px}#hud button:focus{outline:none}#hud button:focus-visible{outline:3px solid #fcd34d;outline-offset:3px}#loading{background:radial-gradient(circle at 50% 45%,#f8dcb4,#e9b583)}#loading .loading-track{width:min(320px,60vw);filter:drop-shadow(-3px 4px 4px var(--shadow))}#loading .loading-bar{height:18px;border-radius:10px;background:#c46a2c40;box-shadow:inset -2px 3px #a5520a33}#loading .loading-bar-fill{border-radius:10px;background:#e88a13;box-shadow:inset 0 -4px #a5520a}#loading.failed{padding:0 24px;text-align:center;font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:22px;line-height:1.4;color:#3b2a22}html.reduced #hud *,html.reduced #hud *:before,html.reduced #hud *:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}#hud #menu{background:none;isolation:isolate;overflow:hidden}#hud #menu:before{content:"";position:absolute;inset:-4%;z-index:-1;background:url(./assets/facade.webp?v=b5b2c0ea6f) center / cover;animation:drift 24s ease-in-out infinite alternate}@keyframes drift{to{transform:scale(1.08) translate(-1.5%,1%)}}#menu .logo{transform-origin:50% 100%}#hud #menu>.rain{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}#hud #menu:not(.intro)>*{opacity:0}#hud #menu.intro .logo{animation:logoDrop .9s both,breathe 3.4s .9s ease-in-out infinite}@keyframes logoDrop{0%{translate:0 -70vh;scale:1 1;opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}45%{translate:0 0;scale:1.1 .84;opacity:1;animation-timing-function:ease-out}65%{translate:0 -18px;scale:.96 1.05;animation-timing-function:ease-in}82%{translate:0 0;scale:1.03 .97;animation-timing-function:ease-out}to{translate:0 0;scale:1 1}}@keyframes breathe{50%{translate:0 -6px;rotate:-.8deg}}#hud #menu.leaving .logo{animation:logoOut .48s ease-in both}#hud #menu.intro .logo{cursor:pointer;transition:transform .12s ease-out}@media(hover:hover){#hud #menu.intro .logo:hover{transform:scale(1.03) translateY(-4px) rotate(-1deg)}}#hud #menu.intro .logo:active{transform:scale(.97);transition-duration:40ms}#hud #menu.intro .logo.poke{animation:logoDrop .9s both,breathe 3.4s .9s ease-in-out infinite,poke .52s ease-out}@keyframes poke{0%{scale:1 1}25%{scale:1.12 .86}50%{scale:.94 1.08}72%{scale:1.04 .97}to{scale:1 1}}@keyframes logoOut{30%{translate:0 14px;scale:1.06 .9}to{translate:0 -60vh;scale:.8;opacity:0}}#start-btn{position:relative;overflow:hidden}#hud #menu.intro #start-btn{animation:riseIn .64s .52s cubic-bezier(.34,1.56,.64,1) backwards,nudge 2.8s 1.6s ease-in-out infinite}@keyframes riseIn{0%{translate:0 60px;opacity:0}}@keyframes nudge{0%,70%,to{scale:1}78%{scale:1.08}86%{scale:.97}93%{scale:1.02}}#start-btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,#fff7 50%,transparent 70%);translate:-120% 0;animation:shine 2.8s 1.6s ease-in-out infinite}@keyframes shine{0%,62%{translate:-120% 0}88%,to{translate:120% 0}}#hud #menu.intro .hint{animation:riseIn .5s .85s ease-out backwards}#hud #menu .credit{position:absolute;left:18px;bottom:14px;color:#fff6e0;text-decoration:none;text-shadow:-1px 2px 0 #5a321a;font-size:16px;font-weight:500;transition:transform .16s ease-out,color .16s}#hud #menu .credit b{font-weight:700}#hud #menu .credit b>span{display:inline-block}@media(hover:hover){#hud #menu .credit:hover{color:#ffd36b;transform:translateY(-2px)}}#hud #menu.intro .credit .by{display:inline-block;animation:soft .4s 1.2s ease-out backwards}#hud #menu.intro .credit b>span{animation:creditLetter .52s cubic-bezier(.34,1.8,.64,1) backwards;animation-delay:calc(1.35s + var(--i) * 45ms)}@keyframes creditLetter{0%{translate:0 1.1em;scale:.3;rotate:-20deg;opacity:0}60%{opacity:1}}@media(max-width:500px),(max-height:420px){#hud #menu .credit{left:12px;bottom:10px;font-size:14px}}#banner,#chain{width:max-content!important}#banner{display:flex;align-items:flex-end;white-space:nowrap;line-height:1;opacity:0;transform:translate(-50%,-50%);z-index:7;filter:drop-shadow(-.06em .09em .03em var(--shadow)) drop-shadow(0 0 .25em rgba(255,170,60,.45))}#banner.show{animation:banner 1.25s both}#banner.show>span{animation:bannerGlyph .52s cubic-bezier(.34,1.7,.64,1) both,bob .56s ease-in-out 1;animation-delay:calc(var(--i) * 50ms),calc(.42s + var(--i) * 50ms)}@keyframes bannerGlyph{0%{transform:translateY(-1.2em) scale(.2) rotate(-25deg);opacity:0}70%{transform:translateY(.08em) scale(1.12) rotate(4deg);opacity:1}}@keyframes bob{50%{transform:translateY(-.14em) scale(1.08)}}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-6deg);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(2deg)}22%{transform:translate(-50%,-50%) scale(.94) rotate(-1deg)}30%{transform:translate(-50%,-50%) scale(1.04)}38%{transform:translate(-50%,-50%) scale(1)}62%{transform:translate(-50%,-50%) scale(1.04)}80%{opacity:1;transform:translate(-50%,-50%) scale(1);animation-timing-function:cubic-bezier(.5,0,.9,.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}#pause:not(.hidden) .subview:not(.hidden){animation:cardPop .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes cardPop{0%{scale:.7;rotate:-4deg;opacity:0}}#dead .card.enter>:not(h1):not(.record-stamp){animation:line .38s cubic-bezier(.34,1.56,.64,1) backwards}#dead .card.enter>:nth-child(2){animation-delay:.2s}#dead .card.enter>:nth-child(3){animation-delay:.28s}#dead .card.enter>:nth-child(5){animation-delay:.9s}#dead .card.enter>:nth-child(6){animation-delay:.98s}#dead .card.enter>:nth-child(7){animation-delay:1.06s}#dead .card.enter>:nth-child(8){animation-delay:1.14s}#dead .card.enter>:nth-child(9){animation-delay:1.22s}@keyframes line{0%{translate:0 14px;scale:.9;opacity:0}}#dead .record-stamp.stamped{animation-delay:1s}#dead .board li,#pause-lb-board .board li{animation:line .32s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--r, 0) * 55ms)}html.reduced #hud #menu:before,html.reduced #pause .subview,html.reduced #dead .card.enter>*,html.reduced #dead .foot>*,html.reduced #dead .initials .ch>span,html.reduced #dead .board li,html.reduced #pause-lb-board .board li{animation:none!important}html.reduced #start-btn:after{display:none}html.reduced #hud #menu.intro .logo{animation:soft .6s ease-out both!important}html.reduced #hud #menu.intro #start-btn{animation:soft .5s .25s ease-out both!important}html.reduced #hud #menu.intro .hint{animation:soft .5s .45s ease-out both!important}html.reduced #hud #menu.intro .credit .by,html.reduced #hud #menu.intro .credit b>span{animation:none!important}html.reduced #hud #menu.intro .credit{animation:soft .5s .65s ease-out both!important}html.reduced #banner.show{animation:bannerFade 1.2s ease-out both}@keyframes soft{0%{opacity:0;translate:0 10px}}@keyframes bannerFade{0%,to{opacity:0}15%,75%{opacity:1}}