@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(./bangers-vietnamese-400-normal-BbvBhFjQ.woff2)format("woff2"),url(./bangers-vietnamese-400-normal-Ll9rymNv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(./bangers-latin-ext-400-normal-7BLmjjiv.woff2)format("woff2"),url(./bangers-latin-ext-400-normal-CzVt_Cgx.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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(./bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(./bangers-latin-400-normal-BAEm-Pv0.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}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(./comic-neue-latin-700-normal-NE4Vcoll.woff2)format("woff2"),url(./comic-neue-latin-700-normal-yR9qu__P.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{--ink:#16130f;--paper:#fffdf3;--yellow:#ffd62e;--red:#d9352b;--comic:"Comic Neue", "Comic Sans MS", "Chalkboard SE", sans-serif;--loud:"Bangers", Impact, "Arial Black", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--comic);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;background:#6fc3ee;margin:0;font-weight:700;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:none}#hud{z-index:5;pointer-events:none;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 0 calc(10px + env(safe-area-inset-left));flex-direction:column;gap:6px;display:flex;position:fixed;top:0;left:0;right:0}.hud-row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.pill,#hp,.round{background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:16px}.pill b{font-family:var(--loud);letter-spacing:1px;font-size:20px;font-weight:400}.sep{opacity:.4}.round{pointer-events:auto;border-radius:50%;flex:none;width:44px;height:44px;padding:0;font-size:20px}.round:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}#hp{width:min(260px,46vw);height:30px;padding:0;position:relative;overflow:hidden}#hpfill{border-right:3px solid var(--ink);background:#6cc04a;width:100%;transition:width .25s,background .25s;position:absolute;inset:0}#hplabel{font-family:var(--loud);letter-spacing:1px;place-items:center;font-size:16px;font-weight:400;display:grid;position:absolute;inset:0}#hp.hit{animation:.3s shake}#repairs{letter-spacing:2px}#seats{z-index:4;pointer-events:none;left:calc(10px + env(safe-area-inset-left));top:calc(96px + env(safe-area-inset-top));position:fixed}.faces{gap:6px;display:flex}.face{background:var(--paper);border:3px solid var(--ink);width:52px;height:52px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;transition:transform .12s;overflow:hidden}.face svg{width:100%;height:100%;display:block}.face.talk{background:var(--yellow);z-index:2;transform:scale(1.22)rotate(-4deg)}.face .crying{display:none}.face.cry .crying{display:inline}.face.cry .calm{display:none}.face.cry{background:#ffb3a8;animation:.18s infinite shake}.bubble{--tail:26px;border:3px solid var(--ink);text-transform:uppercase;width:max-content;max-width:min(330px,78vw);box-shadow:3px 3px 0 var(--ink);opacity:0;transform-origin:var(--tail) 0;background:#fff;border-radius:18px;margin-top:14px;padding:8px 14px;font-size:17px;line-height:1.15;transition:opacity .1s,transform .12s;position:relative;transform:scale(.6)}.bubble.show{opacity:1;transform:scale(1)}.bubble:before,.bubble:after{content:"";left:var(--tail);border:10px solid #0000;border-top:0;position:absolute}.bubble:before{border-bottom:13px solid var(--ink);margin-left:-10px;top:-13px}.bubble:after{border-width:0 7px 9px;border-top-style:none;border-top-color:currentColor;border-bottom-style:solid;border-bottom-color:#fff;margin-left:-7px;top:-8px}.bubble.loud{font-family:var(--loud);letter-spacing:2px;color:var(--red);font-size:26px;font-weight:400;animation:.15s infinite shake}#bursts{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.burst{font-family:var(--loud);letter-spacing:3px;white-space:nowrap;color:var(--yellow);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);font-size:clamp(38px,9vw,84px);animation:.95s ease-out forwards pop;position:absolute}.burst.good{color:#7be36a}.burst.small{color:#fff;font-size:clamp(26px,6vw,48px)}@keyframes pop{0%{transform:translate(-50%, -50%) scale(.2) rotate(var(--r));opacity:0}18%{transform:translate(-50%, -50%) scale(1.25) rotate(var(--r));opacity:1}30%{transform:translate(-50%, -50%) scale(1) rotate(var(--r))}75%{opacity:1}to{transform:translate(-50%, -80%) scale(1.05) rotate(var(--r));opacity:0}}@keyframes shake{0%,to{translate:0}25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px -2px}}#touch{z-index:6;pointer-events:none;position:fixed;inset:0}.tgroup{bottom:calc(18px + env(safe-area-inset-bottom));align-items:flex-end;gap:12px;display:flex;position:absolute}.tgroup.left{left:calc(14px + env(safe-area-inset-left))}.tgroup.right{right:calc(14px + env(safe-area-inset-right))}#touch button{pointer-events:auto;border:4px solid var(--ink);width:78px;height:78px;box-shadow:3px 4px 0 var(--ink);font-size:30px;font-family:var(--loud);background:#fffdf3d1;border-radius:50%;place-items:center;padding:0;display:grid}#touch button.down{box-shadow:1px 1px 0 var(--ink);background:var(--yellow);transform:translate(2px,3px)}#touch #tBrake{letter-spacing:1px;background:#ffbeb4e0;font-size:20px}#touch #tHorn{width:64px;height:64px}.screen{z-index:10;background:radial-gradient(circle at 50% 40%,#ffffff1f,#16130f61);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--paper);border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);text-align:center;border-radius:22px;width:100%;max-width:560px;max-height:96vh;padding:clamp(16px,4vw,30px) clamp(18px,5vw,40px);animation:.35s cubic-bezier(.2,1.5,.4,1) card-in;overflow:auto}@keyframes card-in{0%{opacity:0;transform:scale(.7)rotate(-3deg)}}.kicker{font-family:var(--loud);letter-spacing:3px;color:var(--red);font-size:clamp(13px,3.4vw,18px);font-weight:400}h1{font-family:var(--loud);color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);letter-spacing:4px;margin:8px 0 10px;font-size:clamp(64px,19vw,128px);font-weight:400;line-height:.86;transform:rotate(-3deg)}h2{font-family:var(--loud);letter-spacing:2px;margin:4px 0 8px;font-size:clamp(30px,8vw,50px);font-weight:400;line-height:1}.tag{margin:6px 0 14px;font-size:clamp(15px,4vw,19px)}.big{font-family:var(--loud);letter-spacing:2px;background:var(--red);color:#fff;border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);touch-action:manipulation;border-radius:16px;padding:10px 26px;font-size:clamp(24px,6.5vw,34px)}.big:hover{background:#ee4a3e}.big:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.help{opacity:.8;margin-top:14px;font-size:14px}.help .mob{display:none}body.touch .help .mob{display:inline}body.touch .help .desk{display:none}.best{color:var(--red);min-height:1em;margin-top:8px;font-size:15px}.small{opacity:.8;margin:10px 0 0;font-size:14px}#stats{text-align:left;grid-template-columns:1fr auto;gap:2px 16px;max-width:340px;margin:10px auto;font-size:16px;display:grid}#stats b{font-family:var(--loud);text-align:right;letter-spacing:1px;font-size:20px;font-weight:400}#stats .trivia{opacity:.75;text-align:center;grid-column:1/-1;margin-top:6px;font-size:13px}#stats .total{border-top:3px solid var(--ink);margin-top:4px;padding-top:4px;font-size:19px}.quote{border:3px solid var(--ink);text-transform:uppercase;background:#fff;border-radius:14px;padding:8px 12px;font-size:15px}.quote span{color:var(--red)}.handset{border:5px solid var(--ink);width:min(300px,86vw);box-shadow:8px 8px 0 var(--ink);cursor:pointer;background:#3b3f46;border-radius:34px 34px 44px 44px;padding:22px 18px 14px;animation:.35s cubic-bezier(.2,1.5,.4,1) card-in;position:relative}.antenna{border:5px solid var(--ink);background:#3b3f46;border-bottom:0;border-radius:8px 8px 0 0;width:14px;height:46px;position:absolute;top:-46px;right:34px}.lcd{border:4px solid var(--ink);background:#b8d98c;border-radius:10px;min-height:150px;padding:10px;font-size:16px;line-height:1.2}#phoneStatus{font-family:var(--loud);letter-spacing:2px;border-bottom:2px dashed var(--ink);margin-bottom:6px;padding-bottom:4px;font-size:18px;font-weight:400}.keys{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 16px 6px;display:grid}.keys i{border:3px solid var(--ink);background:#e9e6da;border-radius:8px;height:17px}.tap{color:#cfd3da;text-align:center;font-size:13px}.panel{z-index:8;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--paper);border:4px solid var(--ink);width:min(430px,94vw);box-shadow:6px 6px 0 var(--ink);text-align:center;border-radius:18px;padding:10px 16px 12px;position:fixed;transform:translate(-50%)}.panel h3{font-family:var(--loud);letter-spacing:2px;margin:0 0 6px;font-size:22px;font-weight:400}.panel p{min-height:2.3em;margin:6px 0 8px;font-size:15px}.bar{border:3px solid var(--ink);background:#fff;border-radius:10px;height:16px;overflow:hidden}#waitFill{background:repeating-linear-gradient(45deg, var(--yellow) 0 10px, var(--ink) 10px 20px);width:0;height:100%}#btnRattle{font-family:var(--loud);letter-spacing:1px;background:var(--yellow);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);touch-action:manipulation;border-radius:12px;padding:6px 14px;font-size:18px}#btnRattle:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)rotate(8deg)}@media (height<=480px){#seats{top:calc(92px + env(safe-area-inset-top))}.face{width:42px;height:42px}.bubble{padding:6px 10px;font-size:14px}h1{font-size:clamp(48px,20vh,90px)}#touch button{width:68px;height:68px}.panel{padding:6px 12px 8px}}
