@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-vietnamese-400-normal-BbvBhFjQ.woff2) format("woff2"),url(/assets/bangers-vietnamese-400-normal-Ll9rymNv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2) format("woff2"),url(/assets/bangers-latin-ext-400-normal-CzVt_Cgx.woff) format("woff");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-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(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2) format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.woff) format("woff");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}:root{--ink: #06101f;--navy: #0b2a55;--red: #e63946;--amber: #ffb703;--white: #fffaf0;--oil: #0a0a0c;--display: "Bangers", Impact, "Arial Black", sans-serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(800px 420px at 50% -10%,rgb(47 123 255 / .35),transparent 70%),radial-gradient(700px 360px at 50% 115%,rgb(255 183 3 / .16),transparent 70%),linear-gradient(180deg,var(--navy),var(--ink) 55%,#020407);background-attachment:fixed;color:var(--white);font-family:var(--sans);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}::selection{background:var(--amber);color:var(--ink)}.stage{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 16px 16px}.hud{width:min(100%,620px);text-align:center}.title{margin:0;font:400 clamp(26px,5vw,38px)/1 var(--display);letter-spacing:.08em;color:var(--amber);text-shadow:3px 3px 0 var(--ink)}.counter{margin:4px 0 0;line-height:1;font-variant-numeric:tabular-nums}.num{font:400 clamp(52px,13vw,92px)/1 var(--display);letter-spacing:.02em;color:var(--white);text-shadow:4px 4px 0 var(--red),7px 7px 0 var(--ink)}.unit{font:700 clamp(14px,3vw,18px)/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#b9c8e6}.gauge{height:14px;margin:12px auto 0;width:min(100%,420px);border:3px solid var(--ink);border-radius:99px;background:#02060d;overflow:hidden;box-shadow:0 0 0 2px #ffffff2e}.gauge i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#111,#2a2a2e 55%,var(--amber));transition:width .12s linear}.barrels{margin:8px 0 0;font-size:13px;letter-spacing:.06em;color:#b9c8e6}.mute{position:absolute;top:14px;right:14px;width:44px;height:44px;border:2px solid rgb(255 255 255 / .25);border-radius:50%;background:#06101fb3;color:var(--white);font-size:20px;line-height:1;cursor:pointer}.mute:hover{border-color:var(--amber)}.card{position:relative;width:min(94vw,calc(100svh - 270px),600px);min-width:240px}.drill{position:relative;display:block;width:100%;padding:0;border:4px solid var(--ink);border-radius:26px;overflow:hidden;background:#000;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 3px var(--amber),10px 12px #00000080}.drill:focus-visible{outline:4px solid #fff;outline-offset:6px}.art{transform-origin:50% 70%}.art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;pointer-events:none}.pop{position:absolute;z-index:2;width:0;height:0;pointer-events:none;animation:pop-life .85s ease-out forwards}.pop b{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font:400 30px/1 var(--display);letter-spacing:.04em;color:var(--white);white-space:nowrap;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}.pop i{position:absolute;left:0;top:0;width:11px;height:14px;margin:-7px 0 0 -5px;border-radius:50% 50% 55% 55%/65% 65% 45% 45%;background:radial-gradient(circle at 35% 30%,#666,var(--oil) 55%);box-shadow:0 0 0 1.5px #ffb703b3;animation:drop .85s ease-in forwards}.pop i:nth-of-type(1){--tx: -42px;--ty: -26px}.pop i:nth-of-type(2){--tx: -16px;--ty: -48px}.pop i:nth-of-type(3){--tx: 22px;--ty: -44px}.pop i:nth-of-type(4){--tx: 46px;--ty: -20px}@keyframes pop-life{0%{transform:translate(0);opacity:1}70%{opacity:1}to{transform:translate(var(--dx),-64px);opacity:0}}@keyframes drop{0%{transform:translate(0) scale(.6)}35%{transform:translate(var(--tx),var(--ty)) scale(1)}to{transform:translate(calc(var(--tx) * 1.5),calc(var(--ty) + 74px)) scale(.9)}}.bubble{position:absolute;z-index:3;right:-6px;top:-14px;max-width:72%;margin:0;padding:12px 18px;border:4px solid var(--ink);border-radius:26px;background:#fff;color:var(--ink);font:400 clamp(22px,5vw,32px)/1.05 var(--display);letter-spacing:.03em;text-align:center;box-shadow:5px 6px #00000073;animation:bubble-in .28s cubic-bezier(.34,1.56,.64,1) both;pointer-events:none}.bubble:after{content:"";position:absolute;left:22%;bottom:-22px;width:26px;height:26px;background:#fff;border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);transform:skew(-24deg) rotate(32deg)}@keyframes bubble-in{0%{opacity:0;transform:scale(.6) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}.small{margin:auto 0 0;padding-top:6px;max-width:34em;text-align:center;font-size:12px;color:#7f93b8}@media(max-width:480px){.bubble{right:0;max-width:78%}}@media(prefers-reduced-motion:reduce){.pop,.pop i{display:none}.gauge i{transition:none}.bubble{animation:none;transform:rotate(-2deg)}}