@font-face{font-family:Alfa Slab One;font-display:swap;src:url(../fonts/alfa-slab-one-latin.woff2)format("woff2")}@font-face{font-family:Bebas Neue;font-weight:400;font-display:swap;src:url(../fonts/bebas-neue-latin.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(../fonts/inter-var-latin.woff2)format("woff2")}:root{--gold:#f2b632;--cream:#f6ecd8;--label:#efe2c4;--ink:#1a0f0a;--red:#c8402e;--hot:#ff6a50;--shade:#120802;--display:"Alfa Slab One", Georgia, serif;--num:"Bebas Neue", Impact, sans-serif;--body:Inter, system-ui, sans-serif;--safe-top:max(12px, calc(env(safe-area-inset-top) + 6px));--safe-left:max(16px, env(safe-area-inset-left));--safe-right:max(16px, env(safe-area-inset-right));--safe-bottom:env(safe-area-inset-bottom);--zone:calc(var(--safe-top) + 100px);--count:min(130px, 17vh);--quote-top:max(37%, calc(var(--zone) + var(--count) * 1.1 + 10px))}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;font-family:var(--body);color:var(--cream);background:#140904;margin:0;overflow:hidden}#app,#app canvas{width:100vw;height:100dvh;display:block}#app:after{content:"";pointer-events:none;background:radial-gradient(at 50% 60%,#0000 50%,#0803018c 100%);position:fixed;inset:0}.loading{text-align:center;z-index:5;background:#140904;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 16px;transition:opacity .4s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-title{font:min(44px, 11vw) / 1.1 var(--display);text-shadow:3px 3px 0 var(--red), 6px 6px 0 var(--shade)}.loading-sub{font:600 italic 14px/1 var(--body);opacity:.7}.hud{pointer-events:none;position:fixed;inset:0}.top{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);grid-template-columns:1fr auto 1fr;align-items:start;transition:opacity .3s;display:grid;position:absolute}.hud.ended .top,.hud.ended .mute{opacity:0}.brand{font:19px/1.05 var(--display);width:5.6em;color:var(--cream);text-shadow:2px 2px 0 var(--red), 3px 3px 0 var(--shade);justify-self:start}.scorebox{text-align:center;background:#0e07038c;border-radius:12px;min-width:2.4em;padding:4px 12px 6px}.score-num{font:52px/1 var(--num);letter-spacing:.02em;text-shadow:0 3px 14px #000000b3;font-variant-numeric:tabular-nums}.score-unit{font:700 10px/1 var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:1px}.sips{background:#0e07038c;border-radius:12px;justify-self:end;align-items:center;gap:8px;padding:5px 10px;display:flex}.sips-text{text-align:right}.sips-num{font:40px/1 var(--num)}.sips-label{font:700 9px/1.2 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.sips.last .sips-num,.sips.last .sips-label{color:var(--hot)}.gauge svg{width:28px;height:46px;display:block}.mute{left:var(--safe-left);top:calc(var(--safe-top) + 54px);width:34px;height:34px;color:var(--cream);font:16px/1 var(--body);pointer-events:auto;cursor:pointer;background:#0e07038c;border:1px solid #f6ecd880;border-radius:50%;padding:0;transition:opacity .3s;position:absolute}.mute.off{opacity:.45;text-decoration:line-through}.count{left:0;right:0;top:var(--zone);text-align:center;opacity:0;position:absolute}.count.show{animation:.9s ease-out forwards count}.count.go-out{animation:.7s ease-out forwards go}.count-num{font:var(--count) / 1.1 var(--display);text-shadow:4px 4px 0 var(--red), 8px 8px 0 var(--shade);white-space:nowrap}.count-num.go{font-size:calc(var(--count) * .6);padding-top:calc(var(--count) * .2)}@keyframes count{0%{opacity:0;transform:scale(1.4)}20%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:.2}}@keyframes go{0%{opacity:1;transform:scale(.9)}30%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.3)}}.quote{left:50%;top:var(--quote-top);text-align:center;opacity:0;width:min(560px,100vw - 32px);transition:opacity .25s;position:absolute;transform:translate(-50%)}.quote.high{top:calc(var(--zone) + 12px)}.quote.show{opacity:1}.qwrap{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);background:#100803cc;padding:11px 16px 13px}.q-name{font:16px/1 var(--num);letter-spacing:.16em;color:var(--gold);margin-bottom:6px}.q-line{font:italic 600 17px/1.35 var(--body);overflow-wrap:break-word}.banner{font:54px/1.15 var(--display);text-shadow:3px 3px 0 var(--red), 6px 6px 0 var(--shade);white-space:nowrap;opacity:0;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.banner.good{text-shadow:3px 3px 0 #d39b1f, 6px 6px 0 var(--shade)}.banner.low{top:57%}.banner.show{animation:1s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.pop{right:calc(var(--safe-right) + 4px);top:calc(var(--safe-top) + 58px);font:26px/1 var(--num);letter-spacing:.06em;color:var(--hot);text-shadow:0 2px 8px #000;white-space:nowrap;animation:1.2s ease-out forwards pop;position:absolute}.pop.good{color:#f2c94c}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1}to{opacity:0;transform:translateY(16px)}}.touch{pointer-events:none;display:none;position:fixed;inset:0}.touch.show{display:block}.touch.idle{display:none}.stick{left:max(22vw, calc(var(--safe-left) + 60px));top:calc(100dvh - var(--safe-bottom) - 120px);background:#0c060359;border:2px solid #f3e7cf59;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}.stick.active{border-color:#f2b632b3}.knob{background:#f3e7cfd9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0006}.jump{right:max(22px, env(safe-area-inset-right));bottom:max(40px, calc(var(--safe-bottom) + 24px));border:2px solid var(--red);background:var(--cream);width:92px;height:92px;color:var(--ink);font:25px/1 var(--num);letter-spacing:.1em;pointer-events:auto;touch-action:none;border-radius:50%;position:absolute}.jump:active{transform:scale(.94)}.over{opacity:0;pointer-events:none;background:radial-gradient(#0c060373,#0c0603d9);justify-content:center;align-items:center;padding:16px;transition:opacity .35s;display:flex;position:absolute;inset:0}.over.show{opacity:1;pointer-events:auto}.panel{scrollbar-width:none;box-sizing:border-box;text-align:center;background:var(--label);width:min(342px,100%);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:inset 0 0 0 6px var(--label), inset 0 0 0 8px var(--ink), inset 0 0 0 11px var(--label), inset 0 0 0 12px var(--red), 0 18px 50px #0009;border-radius:4px;grid-template-columns:1fr;padding:clamp(20px,4.2vh,30px) 24px clamp(16px,3.2vh,22px);display:grid;overflow:auto}.panel::-webkit-scrollbar{display:none}.ob{justify-content:center;margin-bottom:clamp(6px,1.6vh,14px);display:flex}.panel .brand{width:auto;color:var(--ink);text-shadow:1.5px 1.5px 0 var(--red);font-size:15px}.over-title{font:clamp(42px, 8.6vh, 60px) / 1.15 var(--display);color:var(--red);text-shadow:3px 3px 0 var(--ink);white-space:nowrap}.stop{margin-left:.07em}.over-sub{font:italic 600 15px/1.3 var(--body);color:#3a2a20;margin-top:2px}.fs{margin:clamp(8px,2vh,16px) 0 0}.final-num{font:clamp(56px, 12vh, 84px) / 1 var(--num)}.final-unit{font:700 11px/1 var(--body);letter-spacing:.32em;text-transform:uppercase;color:var(--red)}.best{font:19px/1 var(--num);letter-spacing:.12em;color:#3a2a20;margin-top:clamp(5px,1.2vh,10px)}.best.new{color:var(--red)}.dk{text-align:left;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin:clamp(10px,2vh,16px) 0 clamp(12px,2.6vh,20px);padding:8px 2px}.dk-head{font:15px/1 var(--num);letter-spacing:.2em;color:var(--red);margin-bottom:4px}.dkr{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dk-name{font:italic 500 14px / clamp(19px, 3.6vh, 25px) var(--body);color:#3a2a20;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dkr.who .dk-name{color:var(--ink);font-size:15px;font-style:normal;font-weight:600}.dk-amt{font:19px/1 var(--num);letter-spacing:.06em;white-space:nowrap}.dk-none{font:italic 600 13px/1 var(--body);color:#3a2a20;opacity:.8;margin:8px 0 2px}.btn{font:23px/1 var(--num);letter-spacing:.12em;background:var(--ink);color:var(--label);cursor:pointer;border:0;border-radius:999px;padding:clamp(11px,2.2vh,14px) 34px}.hint{font:500 12px/1 var(--body);color:#3a2a20;opacity:.7;margin-top:12px}@media (pointer:coarse){.hint{display:none}}@media (max-width:380px){.scorebox{padding:3px 9px 5px}.score-num{font-size:46px}.sips{gap:6px;padding:4px 8px}}@media (max-height:620px){.qwrap{padding:9px 14px 11px}.q-name{margin-bottom:5px;font-size:15px}.q-line{font-size:15px}}@media (min-width:760px) and (min-height:520px){:root{--safe-top:20px;--safe-left:26px;--safe-right:26px;--zone:calc(var(--safe-top) + 96px);--count:min(180px, 22vh);--quote-top:max(45%, calc(var(--zone) + var(--count) * 1.1 + 12px))}.brand{font-size:25px}.score-num{font-size:66px}.score-unit{font-size:12px}.sips-num{font-size:48px}.sips-label{font-size:11px}.gauge svg{width:32px;height:54px}.mute{top:auto;bottom:24px;left:26px}.quote{width:min(640px,60vw)}.quote.high{top:calc(var(--zone) + 40px)}.q-name{font-size:19px}.q-line{font-size:23px}.banner{font-size:86px}.banner.low{top:63%}.pop{font-size:34px;top:92px}.panel{width:500px;padding:clamp(22px,4vh,34px) 40px clamp(18px,3vh,26px)}.panel .brand{font-size:18px}.over-title{font-size:clamp(54px,9vh,80px)}.over-sub{font-size:17px}.final-num{font-size:clamp(70px,11vh,104px)}.final-unit{font-size:13px}.best{font-size:21px}.dk-head{font-size:17px}.dk-name{font-size:15px}.dkr.who .dk-name{font-size:16px}.dk-amt{font-size:21px}.btn{font-size:26px}}@media (max-height:480px) and (min-width:560px){:root{--zone:calc(var(--safe-top) + 62px);--count:min(90px, 24vh);--quote-top:calc(var(--zone) + 6px)}.brand{white-space:nowrap;width:auto;font-size:15px}.score-num{font-size:38px}.score-unit{font-size:9px}.sips{padding:3px 8px}.sips-num{font-size:30px}.gauge svg{width:22px;height:36px}.mute{top:auto;bottom:max(14px, var(--safe-bottom));width:30px;height:30px;font-size:14px}.count{top:50%}.quote{width:min(560px,70vw)}.quote.high{top:calc(var(--zone) + 6px)}.q-name{margin-bottom:4px;font-size:14px}.q-line{font-size:15px;line-height:1.3}.qwrap{padding:8px 14px 10px}.banner{font-size:40px;top:56%}.banner.low{top:56%}.pop{top:calc(var(--safe-top) + 44px);font-size:22px}.stick{top:calc(100dvh - var(--safe-bottom) - 84px);width:96px;height:96px;margin:-48px 0 0 -48px}.jump{width:80px;height:80px;bottom:max(20px, calc(var(--safe-bottom) + 12px))}.over{padding:12px}.panel{grid-template-columns:1fr 1fr;grid-auto-flow:dense;align-items:center;column-gap:28px;width:min(620px,100%);max-height:calc(100dvh - 24px);padding:18px 26px}.panel>*{grid-column:1}.panel>.dk{grid-area:1/2/span 5;margin:0}.ob{margin-bottom:4px}.over-title{font-size:44px}.over-sub{font-size:14px}.fs{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;margin-top:6px;display:flex}.final-num{font-size:56px}.best{flex-basis:100%;margin-top:2px}.foot{margin-top:10px}.btn{padding:10px 30px;font-size:21px}.dk-name{line-height:22px}}