@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/bangers-vietnamese-400-normal.BbvBhFjQ.woff2) format("woff2"),url(/_astro/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(/_astro/bangers-latin-ext-400-normal.7BLmjjiv.woff2) format("woff2"),url(/_astro/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(/_astro/bangers-latin-400-normal.DeHY8Ncq.woff2) format("woff2"),url(/_astro/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: #111;--paper: #fff8e1;--yellow: #ffd23f;--orange: #ff7a1a;--red: #ee2b3a;--blue: #2a7de1;--pink: #ff4d8d;--green: #2dbe60;--purple: #7b3fe4}html,body{margin:0;padding:0;width:100%;min-height:100vh;font-family:Bangers,Impact,system-ui,sans-serif;letter-spacing:.04em;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}*{box-sizing:border-box}button{font-family:inherit}.stage{position:relative;height:100vh;height:100dvh;padding:clamp(12px,2vw,24px);overflow:hidden;display:flex;flex-direction:column;gap:clamp(8px,1.5vh,18px);background:radial-gradient(circle at 50% 30%,#ffe27a,#ffb000 35%,#ff7a1a 75%,#c14a0a)}.rays{position:absolute;top:50%;left:50%;width:180vmax;height:180vmax;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgba(255,255,255,.22) 0deg 12deg,transparent 12deg 30deg,rgba(255,255,255,.22) 30deg 42deg,transparent 42deg 60deg,rgba(255,255,255,.22) 60deg 72deg,transparent 72deg 90deg,rgba(255,255,255,.22) 90deg 102deg,transparent 102deg 120deg,rgba(255,255,255,.22) 120deg 132deg,transparent 132deg 150deg,rgba(255,255,255,.22) 150deg 162deg,transparent 162deg 180deg,rgba(255,255,255,.22) 180deg 192deg,transparent 192deg 210deg,rgba(255,255,255,.22) 210deg 222deg,transparent 222deg 240deg,rgba(255,255,255,.22) 240deg 252deg,transparent 252deg 270deg,rgba(255,255,255,.22) 270deg 282deg,transparent 282deg 300deg,rgba(255,255,255,.22) 300deg 312deg,transparent 312deg 330deg,rgba(255,255,255,.22) 330deg 342deg,transparent 342deg 360deg);-webkit-mask:radial-gradient(circle at center,#000 0%,#000 35%,transparent 75%);mask:radial-gradient(circle at center,#000 0%,#000 35%,transparent 75%);animation:spinRays 60s linear infinite;pointer-events:none}.halftone{position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.18) 1.4px,transparent 1.6px);background-size:10px 10px;mix-blend-mode:multiply;opacity:.35;pointer-events:none}.skyline{position:absolute;left:0;right:0;bottom:0;height:22vh;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 90%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 240' preserveAspectRatio='none'><path fill='%23111' d='M0,240 L0,140 L40,140 L40,90 L80,90 L80,130 L120,130 L120,60 L160,60 L160,110 L210,110 L210,160 L260,160 L260,80 L300,80 L300,40 L340,40 L340,100 L380,100 L380,150 L430,150 L430,90 L480,90 L480,130 L530,130 L530,60 L580,60 L580,120 L630,120 L630,170 L680,170 L680,90 L730,90 L730,140 L790,140 L790,70 L840,70 L840,120 L890,120 L890,160 L940,160 L940,90 L990,90 L990,40 L1030,40 L1030,110 L1070,110 L1070,150 L1120,150 L1120,80 L1170,80 L1170,130 L1220,130 L1220,170 L1270,170 L1270,90 L1320,90 L1320,140 L1370,140 L1370,60 L1420,60 L1420,120 L1470,120 L1470,170 L1520,170 L1520,90 L1570,90 L1570,140 L1600,140 L1600,240 Z'/></svg>");background-repeat:no-repeat;background-size:100% 100%}.girl-pool{display:none}.count-girl{position:absolute;bottom:-6%;z-index:2;height:95%;width:auto;max-width:50%;object-fit:contain;object-position:bottom;filter:drop-shadow(6px 8px 0 rgba(0,0,0,.5));animation:girlSlide .7s cubic-bezier(.2,1.6,.3,1) both;pointer-events:none}.count-girl.g-side-left{left:-4%;rotate:-6deg}.count-girl.g-side-right{right:-4%;rotate:6deg;transform:scaleX(-1)}@keyframes girlSlide{0%{opacity:0;translate:0 60%}60%{opacity:1;translate:0 -6%}to{opacity:1;translate:0 0}}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-spacer{flex:1}.banner{position:relative;z-index:5;margin:0 auto;max-width:1200px;width:100%;padding:clamp(10px,1.6vh,20px) clamp(20px,3vw,40px);background:radial-gradient(ellipse at center,#ffd23f,#ffb000 60%,#ff8a00);border:4px solid var(--ink);box-shadow:inset 0 0 0 6px #ffd23f,8px 8px #000000d9;overflow:hidden}.banner:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.18) 1.2px,transparent 1.4px);background-size:8px 8px;mix-blend-mode:multiply;opacity:.4;pointer-events:none}.banner-inner{position:relative;text-align:center}.banner-title{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:clamp(8px,1.4vw,18px);font-size:clamp(28px,4.4vw,60px);line-height:1;letter-spacing:.06em}.banner-a{color:var(--orange);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);display:inline-block}.banner-b{color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);display:inline-block}.lang{cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px #000000d9;font-size:clamp(16px,1.8vw,22px);letter-spacing:.1em;transition:transform .12s ease,box-shadow .12s ease}.lang:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px #000000d9}.lang:active{transform:translate(2px,2px);box-shadow:1px 1px #000000d9}.panel{position:relative;z-index:4;flex:1;max-width:1200px;width:100%;margin:0 auto;background:var(--paper);border:5px solid var(--ink);box-shadow:12px 12px #000000d9;padding:clamp(16px,2.5vh,32px) clamp(16px,3vw,40px);display:flex;align-items:center;justify-content:center;overflow:hidden}.panel-inner{position:relative;text-align:center;width:100%;isolation:isolate;z-index:2}.stickers{position:absolute;inset:0;pointer-events:none;z-index:1}.sticker{position:absolute;width:clamp(70px,11vw,150px);height:auto;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.35));opacity:0;scale:.6;animation:bob 4.5s ease-in-out infinite,stickerCycle 8s ease-in-out infinite;will-change:transform,opacity,scale}.sticker.s-orb{top:4%;left:2%;rotate:-12deg;animation-delay:0s,0s}.sticker.s-rocket{top:4%;right:2%;rotate:14deg;animation-delay:.6s,2s}.sticker.s-vib{bottom:4%;left:2%;rotate:10deg;animation-delay:1.2s,4s}.sticker.s-vib2{bottom:4%;right:2%;rotate:-12deg;animation-delay:1.8s,6s}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes stickerCycle{0%,to{opacity:0;scale:.6}10%{opacity:1;scale:1.15}20%,80%{opacity:1;scale:1}90%{opacity:1;scale:1.1}}@media(max-width:640px){.sticker{width:clamp(54px,16vw,90px)}}.panel-inner>.title,.panel-inner>.hype,.panel-inner>.reel-wrap{position:relative;z-index:1}.title{margin:0 0 8px;font-size:clamp(40px,6vw,80px);line-height:1;letter-spacing:.06em}.title-stroke{display:inline-block;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--red),10px 10px 0 var(--ink);transform:rotate(-2deg)}.hype{margin:4px 0 24px;font-size:clamp(18px,2vw,26px);color:#333;letter-spacing:.06em}.reel-wrap{position:relative;margin:24px auto 16px;overflow:visible;isolation:isolate}.reel-frame{position:relative;z-index:1;margin:0 auto;width:min(700px,92%);background:linear-gradient(180deg,#fff,#ffe27a);border:5px solid var(--ink);border-radius:14px;box-shadow:inset 0 0 0 6px var(--yellow),8px 8px #000000d9;overflow:hidden;padding:clamp(20px,3vw,32px)}.reel{position:relative;z-index:2;min-height:clamp(80px,12vw,140px);display:flex;align-items:center;justify-content:center}.reel.spinning .reel-text{animation:blur-cycle .45s ease-in-out infinite}.reel.locked .reel-text{color:var(--red);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);letter-spacing:.04em;animation:lockedPulse 1.2s ease-in-out infinite}.reel-text{display:inline-block;font-size:clamp(32px,6.5vw,96px);line-height:1;color:var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.reel-text.tick{animation:tick .18s ease-out}.speedlines{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,#0000 0 14px,#0000000f 14px 16px);opacity:0;transition:opacity .2s}.reel.spinning~.speedlines,.reel.spinning .speedlines{opacity:1}.countdown{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:60;background:#00000047;backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease}.countdown.on{opacity:1}.count-panel{--tilt: -3deg;--panel-bg: radial-gradient(ellipse at 30% 30%, #ffe27a 0%, #ffb000 60%, #ff7a1a 100%);--accent: var(--red);position:relative;display:grid;place-items:center;width:min(560px,78vw);aspect-ratio:4 / 3;padding:32px;background:var(--panel-bg);border:6px solid var(--ink);box-shadow:inset 0 0 0 8px #ffd23f,14px 14px #000000d9;overflow:hidden;transform:scale(0) rotate(calc(var(--tilt) - 12deg));animation:panelIn .85s cubic-bezier(.2,1.6,.3,1) both}.count-panel.go{--panel-bg: radial-gradient(ellipse at center, #fff 0%, #ffd23f 40%, #ee2b3a 100%);--accent: var(--ink);animation:panelInGo .85s cubic-bezier(.2,1.6,.3,1) both}.count-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.22) 1.4px,transparent 1.6px);background-size:10px 10px;mix-blend-mode:multiply;opacity:.55;pointer-events:none}.count-lines{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg,#fff0 0deg 8deg,#ffffff59 8deg 10deg,#fff0 10deg 18deg);-webkit-mask:radial-gradient(circle,transparent 22%,#000 24%,#000 60%,transparent 62%);mask:radial-gradient(circle,transparent 22%,#000 24%,#000 60%,transparent 62%);opacity:0;animation:linesPulse .85s ease-out .05s both;pointer-events:none}.count-num{position:relative;z-index:2;font-size:clamp(140px,22vw,300px);line-height:.85;color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:10px 10px 0 var(--accent),18px 18px 0 var(--ink);animation:numPop .85s cubic-bezier(.2,1.8,.3,1) both;transform-origin:center}.count-panel.go .count-num{color:var(--red);text-shadow:10px 10px 0 var(--yellow),18px 18px 0 var(--ink);font-size:clamp(110px,18vw,240px)}.count-sfx{position:absolute;top:clamp(12px,2vw,24px);left:clamp(12px,2vw,24px);z-index:3;font-size:clamp(36px,4.6vw,64px);color:var(--red);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);transform:rotate(-14deg) scale(0);animation:sfxPop .6s cubic-bezier(.2,1.8,.3,1) .2s both}.count-panel.go .count-sfx{color:var(--yellow);font-size:clamp(48px,6vw,88px)}.count-caption{position:absolute;bottom:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);z-index:3;padding:6px 14px;background:var(--ink);color:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px 0 0 var(--red);font-size:clamp(20px,2.4vw,32px);transform:rotate(4deg) translateY(20px);opacity:0;animation:captionIn .45s cubic-bezier(.2,1.6,.3,1) .35s both}.pow-layer{position:fixed;inset:0;pointer-events:none;z-index:40}.pow{position:fixed;transform:translate(-50%,-50%) scale(0) rotate(0);font-size:clamp(32px,4.2vw,68px);color:var(--c, var(--yellow));-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);animation:powPop 2.4s cubic-bezier(.2,1.6,.3,1) forwards;letter-spacing:.06em;white-space:nowrap;will-change:transform,opacity}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:45}.confetti-piece{position:absolute;top:-10vh;width:10px;height:14px;background:var(--yellow);border:1px solid rgba(0,0,0,.4);transform:rotate(var(--rot, 0deg));animation:fall linear forwards;will-change:transform,top}.footer{position:relative;z-index:5;margin:0 auto;text-align:center;color:var(--paper);font-size:clamp(12px,1.2vw,16px);letter-spacing:.16em;text-shadow:2px 2px 0 rgba(0,0,0,.4)}.shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes spinRays{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes tick{0%{transform:translateY(-12px) scale(.92);opacity:.4}60%{transform:translateY(2px) scale(1.04);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes blur-cycle{0%,to{filter:blur(.4px)}50%{filter:blur(1.4px)}}@keyframes lockedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes panelIn{0%{transform:scale(0) rotate(calc(var(--tilt) - 14deg));opacity:0}55%{transform:scale(1.06) rotate(calc(var(--tilt) + 2deg));opacity:1}80%{transform:scale(1) rotate(var(--tilt));opacity:1}to{transform:scale(1) rotate(var(--tilt));opacity:1}}@keyframes panelInGo{0%{transform:scale(0) rotate(-25deg);opacity:0}40%{transform:scale(1.18) rotate(6deg);opacity:1}60%{transform:scale(.95) rotate(-3deg);opacity:1}80%{transform:scale(1.04) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes numPop{0%{transform:scale(.2) rotate(-18deg);opacity:0}55%{transform:scale(1.18) rotate(4deg);opacity:1}to{transform:scale(1) rotate(-2deg);opacity:1}}@keyframes sfxPop{0%{transform:rotate(-14deg) scale(0);opacity:0}50%{transform:rotate(-10deg) scale(1.25);opacity:1}to{transform:rotate(-14deg) scale(1);opacity:1}}@keyframes captionIn{0%{transform:rotate(8deg) translateY(20px);opacity:0}60%{transform:rotate(2deg) translateY(-4px);opacity:1}to{transform:rotate(4deg) translateY(0);opacity:1}}@keyframes linesPulse{0%{opacity:0;transform:scale(.4) rotate(0)}40%{opacity:.9;transform:scale(1.1) rotate(20deg)}to{opacity:0;transform:scale(1.6) rotate(60deg)}}@keyframes powPop{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}18%{transform:translate(-50%,-50%) scale(1.35) rotate(var(--rot, 0deg));opacity:1}85%{transform:translate(-50%,-50%) scale(1) rotate(var(--rot, 0deg));opacity:1}to{transform:translate(-50%,-50%) scale(.9) rotate(var(--rot, 0deg));opacity:0}}@keyframes fall{0%{transform:translate(0) rotate(var(--rot, 0deg));opacity:1}to{transform:translate(var(--sway, 0px),120vh) rotate(calc(var(--rot, 0deg) + 720deg));opacity:.95}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media(max-width:640px){.panel{padding:16px;box-shadow:6px 6px #000000d9}.banner{padding:10px 14px;box-shadow:4px 4px #000000d9}.banner-title{flex-direction:column;gap:4px;font-size:clamp(22px,7vw,34px)}.banner-a,.banner-b{transform:none;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}.title-stroke{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--red),6px 6px 0 var(--ink)}.reel-frame{padding:14px 16px}.reel{min-height:clamp(60px,14vw,90px)}.reel-text{font-size:clamp(24px,8vw,50px);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:none;letter-spacing:.02em}.reel.locked .reel-text{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}.banner:before{background-size:6px 6px}}@media(prefers-reduced-motion:reduce){.rays{animation:none}.reel.spinning .reel-text{animation:none;filter:none}.confetti-piece,.pow{animation-duration:.01s!important}}