@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+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(/_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+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(/_astro/bangers-latin-400-normal.DeHY8Ncq.woff2)format("woff2"),url(/_astro/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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-cyrillic-ext-wght-normal.D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-cyrillic-wght-normal.CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-vietnamese-wght-normal.U01xdrZh.woff2)format("woff2-variations");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-latin-ext-wght-normal.CXYtwYOx.woff2)format("woff2-variations");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-latin-wght-normal.BzFMHfZw.woff2)format("woff2-variations");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{--red:#e1222b;--red-d:#9d0f17;--blue:#1b6df0;--blue-d:#0a2c78;--yellow:#ffd400;--ink:#14151f;--paper:#fff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);background:linear-gradient(#63bcff, var(--blue) 55%, #0f48b8);-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-family:Nunito Variable,system-ui,sans-serif;font-size:1.05rem;font-weight:800;overflow-x:hidden}[hidden]{display:none!important}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg:before{content:"";background:radial-gradient(#fff3 20%,#0000 22%) 0 0/18px 18px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 65%)}.city{background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;position:absolute;bottom:0;left:0;right:0}.city--back{background-image:url(/img/city-back.svg);height:48%}.city--front{background-image:url(/img/city-front.svg);background-position:60px bottom;height:30%}.web{width:min(42vw,190px);position:absolute;top:0}.web--l{left:0}.web--r{right:0;transform:scaleX(-1)}.hang{transform-origin:50% 0;width:44px;animation:3.4s ease-in-out infinite sway;position:absolute;top:0;right:14%}@keyframes sway{50%{transform:rotate(7deg)}0%,to{transform:rotate(-7deg)}}:root{--brand-h:58px;--safe-top:env(safe-area-inset-top,0px)}.brand{z-index:20;height:calc(var(--brand-h) + var(--safe-top));padding-top:var(--safe-top);background:var(--red);border-bottom:4px solid var(--ink);position:sticky;top:0;box-shadow:0 4px #0000002e}.brand__in{width:100%;height:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;padding:0 12px;display:flex}.brand{transition:translate 80ms,box-shadow 80ms}.brand__in>*{transition:scale 80ms}.brand__in:active>*{scale:.92}.brand__in:focus-visible{outline:3px solid var(--yellow);outline-offset:-6px;border-radius:12px}.brand__age{width:44px;height:44px;color:var(--yellow);background:var(--blue);border:3px solid var(--ink);paint-order:stroke fill;-webkit-text-stroke:4px var(--ink);border-radius:50%;flex:none;place-items:center;margin-bottom:-2px;font-family:Bangers,sans-serif;font-size:2.2rem;line-height:1;display:grid;rotate:-6deg}.brand__txt{color:#fff;flex-direction:column;min-width:0;margin:0;line-height:1.05;display:flex}.brand__txt b{letter-spacing:.05em;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:5px var(--ink);text-shadow:2px 3px 0 var(--ink);font-family:Bangers,sans-serif;font-size:clamp(1.4rem,6.4vw,1.9rem);font-weight:400}.brand__txt small{white-space:nowrap;text-shadow:0 1px 0 var(--ink);font-size:clamp(.68rem,3vw,.85rem)}main{width:min(100%,480px);margin:0 auto}.step{min-height:calc(100dvh - var(--brand-h) - var(--safe-top));padding:16px 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;display:none}.step[data-step=game]{height:calc(100dvh - var(--brand-h) - var(--safe-top));justify-content:center;gap:12px}.step.is-active{animation:.35s cubic-bezier(.2,1.3,.4,1) stepin;display:flex}@keyframes stepin{0%{opacity:0;transform:translateY(18px)scale(.97)}}.title,h1,.btn,.pop-word,.chip b{letter-spacing:.04em;font-family:Bangers,Impact,sans-serif;font-weight:400}.title{text-align:center;color:var(--yellow);paint-order:stroke fill;-webkit-text-stroke:7px var(--ink);text-shadow:3px 4px 0 var(--ink);margin:0;font-size:clamp(2.1rem,9vw,2.9rem);line-height:1}.title--dark{color:var(--red);-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--yellow)}.sub{text-align:center;color:#4a4f66;margin:0;font-size:.95rem}.hint{color:#fff;text-shadow:0 2px 0 var(--ink);text-align:center;margin:0}.burst{isolation:isolate;place-items:center;display:grid;position:relative}.burst-art{z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.burst--title{z-index:2;aspect-ratio:2.1;flex:none;width:min(60vw,250px);margin:0 0 -26px;rotate:-3deg}.burst--title h1{text-align:center;color:#fff;paint-order:stroke fill;-webkit-text-stroke:6px var(--ink);text-shadow:2px 3px 0 var(--ink);margin:0;font-size:clamp(1.5rem,7.4vw,2.1rem);line-height:.95}.burst--title h1 span{display:block}.burst--title h1 span:last-child{color:var(--yellow)}.step[data-step=hero]{height:calc(100dvh - var(--brand-h) - var(--safe-top));min-height:0;padding-top:10px;padding-bottom:max(12px, env(safe-area-inset-bottom));justify-content:center;gap:8px}.invite{flex:1 1 0;justify-content:center;width:100%;min-height:120px;max-height:700px;margin:0;padding:0 6px 8px 0;animation:4s ease-in-out infinite float;display:flex}.invite img{object-fit:contain;width:auto;max-width:100%;height:100%;min-height:0;box-shadow:0 0 0 4px var(--ink), 6px 8px 0 4px var(--ink);background:#fff;border:6px solid #fff;border-radius:20px;display:block;rotate:1.5deg}@keyframes float{50%{translate:0 -8px}}.btn{border:4px solid var(--ink);color:#fff;cursor:pointer;min-height:52px;box-shadow:0 6px 0 var(--ink);text-shadow:2px 2px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:10px 26px;font-size:1.5rem;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn:disabled{opacity:.6}.btn--red{background:var(--red)}.btn--blue{background:var(--blue)}.btn--ghost{color:var(--ink);text-shadow:none;background:#fff}.btn--xl{min-height:64px;padding:12px 36px;font-size:2rem}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{scale:1.06}}.link{font:inherit;color:#fff;text-underline-offset:3px;cursor:pointer;text-shadow:0 1px 0 var(--ink);background:0 0;border:0;padding:8px;font-size:.95rem;text-decoration:underline}.card .link{color:var(--blue-d);text-shadow:none}.link--light{color:#fff}.icon-btn{width:46px;height:46px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn .off,.icon-btn.is-muted .on{display:none}.icon-btn.is-muted .off{display:inline}.hud{align-items:center;gap:10px;width:100%;display:flex}.chip{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;align-items:baseline;gap:6px;padding:5px 14px;display:flex}.chip b{min-width:2ch;color:var(--red);text-align:center;font-size:1.7rem;line-height:1}.chip b.bump{animation:.25s bump}@keyframes bump{50%{scale:1.5}}.timer{border:3px solid var(--ink);height:22px;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;flex:1;overflow:hidden}.timer span{background:repeating-linear-gradient(45deg, var(--red) 0 10px, #ff5a60 10px 20px);width:100%;height:100%;display:block}.arena{border:5px solid var(--ink);width:100%;min-height:300px;max-height:640px;box-shadow:0 8px 0 var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:url(/img/city-back.svg) 0 100%/auto 42% repeat-x,linear-gradient(#a6dcff,#4d9bf7);border-radius:26px;flex:1;margin-bottom:8px;position:relative;overflow:hidden}.arena:before{content:"4";color:#ffd40059;paint-order:stroke fill;-webkit-text-stroke:10px #ffffff40;pointer-events:none;place-items:center;padding-bottom:14%;font-family:Bangers,sans-serif;font-size:min(62vw,300px);line-height:1;display:grid;position:absolute;inset:0}.shooter{filter:drop-shadow(0 3px #0000004d);width:52px;position:absolute;bottom:6px;left:50%;translate:-50%}.target{cursor:pointer;will-change:transform;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.target img{pointer-events:none;filter:drop-shadow(0 4px #00000040);width:100%;height:100%;display:block}.web-line{height:5px;box-shadow:0 0 0 2px var(--ink);transform-origin:0;pointer-events:none;background:#fff;border-radius:3px;margin-top:-2.5px;animation:.32s ease-out forwards webshot;position:absolute}@keyframes webshot{0%{transform:rotate(var(--a)) scaleX(0);opacity:1}40%{transform:rotate(var(--a)) scaleX(1);opacity:1}to{transform:rotate(var(--a)) scaleX(1);opacity:0}}.splat{pointer-events:none;background:url(/img/splat.svg) 50%/contain no-repeat;width:110px;height:110px;margin:-55px 0 0 -55px;animation:.5s ease-out forwards splat;position:absolute}@keyframes splat{0%{opacity:1;scale:.3}60%{opacity:1;scale:1.1}to{opacity:0;scale:1.2}}.pop-word,.pop-pts{pointer-events:none;white-space:nowrap;animation:.8s ease-out forwards rise;position:absolute;translate:-50% -50%}.pop-word{color:var(--yellow);paint-order:stroke fill;-webkit-text-stroke:6px var(--ink);font-size:2rem;rotate:-8deg}.pop-pts{color:#fff;text-shadow:0 2px 0 var(--ink);font-size:1.4rem}@keyframes rise{to{opacity:0;transform:translateY(-46px)}}.overlay{z-index:5;text-align:center;color:#fff;backdrop-filter:blur(2px);background:#0a2c78d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.overlay p{text-shadow:0 2px 0 var(--ink);margin:0}.overlay .big{font-size:1.5rem}.overlay .big b{color:var(--yellow);font-size:2.4rem}.legend{gap:18px;margin:0;padding:0;list-style:none;display:flex}.legend li{text-shadow:0 2px 0 var(--ink);flex-direction:column;align-items:center;font-size:1.2rem;display:flex}.legend img{object-fit:contain;width:54px;height:54px}.stars{gap:6px;display:flex}.stars img{width:76px;animation:.6s backwards starin}.stars img:nth-child(2){animation-delay:.15s;translate:0 -12px}.stars img:nth-child(3){animation-delay:.3s}.stars img.off{filter:grayscale()brightness(.55);opacity:.6}@keyframes starin{0%{rotate:-90deg;scale:0}}.card{border:5px solid var(--ink);width:100%;box-shadow:0 8px 0 var(--ink);background:#fff;border-radius:26px;flex-direction:column;gap:14px;margin-block:auto;padding:22px 18px;display:flex}.card--center{text-align:center;align-items:center}.card p{margin:0}.choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice__opt{cursor:pointer;position:relative}.choice__opt input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice__opt span{text-align:center;background:#eef3ff;border:4px solid #b9c8f0;border-radius:16px;place-items:center;height:100%;min-height:62px;padding:8px;line-height:1.15;transition:all .15s;display:grid}.choice__opt input:checked+span{color:#fff;border-color:var(--ink);box-shadow:0 4px 0 var(--ink);translate:0 -2px}.choice__opt--yes input:checked+span{background:var(--red)}.choice__opt--no input:checked+span{background:var(--blue)}.choice__opt input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}.field{flex-direction:column;gap:4px;display:flex}.field input{width:100%;min-height:52px;font:inherit;color:var(--ink);background:#f4f7ff;border:4px solid #b9c8f0;border-radius:14px;outline:0;padding:10px 14px;font-size:1.1rem}.field input:focus{border-color:var(--blue);background:#fff}.counts{gap:10px;display:grid}.stepper{border:4px solid var(--ink);background:#fff6c2;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.stepper__ctl{align-items:center;gap:6px;display:flex}.stepper button{width:52px;height:52px;font:inherit;color:#fff;background:var(--blue);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%;font-size:2rem;line-height:1}.stepper button:active:not(:disabled){box-shadow:none;translate:0 3px}.stepper button:disabled{opacity:.35}.stepper output{text-align:center;min-width:2.2ch;font-family:Bangers,sans-serif;font-size:2.2rem}.error{color:var(--red-d);text-align:center;background:#ffe3e4;border-radius:12px;padding:10px 14px}.card .btn{align-self:stretch}.thanks-mask{animation:2.4s ease-in-out infinite float}.summary{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.summary li{background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:4px 14px}.note{color:#4a4f66;font-size:.95rem}.confetti{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{border:2px solid var(--ink);width:10px;height:16px;animation:linear forwards confetti;position:absolute;top:-16px}@keyframes confetti{to{transform:translate(var(--dx), 110dvh) rotate(var(--rot))}}@media (height<=640px){.overlay{gap:8px;padding:12px}.overlay .title{font-size:1.9rem}.legend img{width:40px;height:40px}.stars img{width:56px}.btn--xl{min-height:54px;padding:8px 28px;font-size:1.7rem}}@media (prefers-reduced-motion:reduce){.hang,.invite,.pulse,.thanks-mask{animation:none}}