@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-800-normal-BZxKbt5V.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.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{--game-width:min(100vw, 177.778vh);--pitch-stripe-width:calc(var(--game-width) / 10);color:#f7fff9;font-synthesis:none;background:#061b14;font-family:Space Grotesk,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:repeating-linear-gradient(90deg, #092b1d 0 var(--pitch-stripe-width), #08281c var(--pitch-stripe-width) calc(var(--pitch-stripe-width) + var(--pitch-stripe-width)));background-position-x:calc((100vw - var(--game-width)) / 2);place-items:center;min-height:100dvh;display:grid;overflow:hidden}#app{place-items:center;min-height:100dvh;display:grid;position:fixed;inset:0}canvas{max-width:100%;max-height:100vh;display:block}.player-stats{z-index:20;right:max(14px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:#f7fff9b8;letter-spacing:.03em;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04130ed1;border:1px solid #b7f34a59;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 12px;font-size:11px;font-weight:500;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.player-stats strong{color:#f7fff9;font-family:Barlow Condensed,Impact,sans-serif;font-size:15px;font-weight:800}.player-stats i{background:#f7fff92e;width:1px;height:12px}.live-dot{background:#b7f34a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #b7f34a1f}.player-stats button{color:#102109;letter-spacing:.04em;text-transform:uppercase;pointer-events:auto;cursor:pointer;background:#b7f34a;border:0;border-radius:999px;min-height:24px;margin:-2px -7px -2px 3px;padding:4px 9px;font-family:Barlow Condensed,Impact,sans-serif;font-size:12px;font-weight:800}.leaderboard-modal{color:#f7fff9;background:linear-gradient(145deg,#0a2e21fa,#04130efc);border:2px solid #b7f34a8c;border-radius:24px;width:min(560px,100vw - 28px);max-height:min(720px,100dvh - 28px);margin:auto;padding:0;overflow:hidden;box-shadow:0 28px 90px #000000a6}.leaderboard-modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000805c2}.leaderboard-modal header{background:#b7f34a0d;border-bottom:1px solid #f7fff91f;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.leaderboard-modal header span{color:#b7f34a;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.leaderboard-modal h2{letter-spacing:.03em;text-transform:uppercase;margin:2px 0 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:38px;font-style:italic;font-weight:800;line-height:1}.leaderboard-modal header button{color:#f7fff9;cursor:pointer;background:0 0;border:1px solid #f7fff933;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1}.leaderboard-modal>p{color:#f7fff994;margin:0;padding:14px 24px;font-size:12px}.leaderboard-list{gap:8px;max-height:min(520px,100dvh - 190px);margin:0;padding:0 16px 20px;list-style:none;display:grid;overflow-y:auto}.leaderboard-list li:not(.leaderboard-empty){background:#f7fff90a;border:1px solid #f7fff91a;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;min-height:65px;padding:10px 14px;display:grid}.leaderboard-list li.rank-1{background:linear-gradient(90deg,#b7f34a24,#f7fff908);border-color:#b7f34a80}.leaderboard-list li.rank-2,.leaderboard-list li.rank-3{border-color:#f7fff938}.leaderboard-list li.current-player{background:linear-gradient(90deg,#b7f34a2e,#f7fff90d);border-color:#b7f34a;box-shadow:0 0 0 1px #b7f34a1f}.leaderboard-list li.current-player:not(:first-child){margin-top:8px}.leader-rank{color:#f7fff966;font-family:Barlow Condensed,Impact,sans-serif;font-size:22px;font-style:italic}.rank-1 .leader-rank{color:#b7f34a;font-size:27px}.leaderboard-list li>div:nth-child(2){min-width:0;display:grid}.leaderboard-list li>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.leaderboard-list li>div:nth-child(2) span,.leader-score span{color:#f7fff97a;font-size:10px}.leader-score{text-align:right;display:grid}.leader-score strong{color:#b7f34a;font-family:Barlow Condensed,Impact,sans-serif;font-size:28px;line-height:.9}.leaderboard-empty{color:#f7fff98c;text-align:center;padding:70px 20px;font-size:13px}@media (orientation:portrait){:root{--game-width:min(100vw, 56.25vh)}}.player-setup{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.player-setup>*{z-index:2;position:relative}.field-markings{z-index:1;color:#ffffff61;filter:drop-shadow(0 2px 1px #0003);pointer-events:none;width:min(92vw,1200px);height:auto;position:absolute}.player-setup input,.player-setup button{text-shadow:0 2px 12px #000000b3}.game-title{top:max(24px, env(safe-area-inset-top));color:#f7fff9;letter-spacing:.06em;text-align:center;text-shadow:0 4px #174b32,0 8px 24px #0000008c;text-transform:uppercase;white-space:nowrap;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(36px,6vw,76px);font-weight:850;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.game-subtitle{top:max(110px, calc(env(safe-area-inset-top) + 86px));right:max(24px, env(safe-area-inset-right));color:#b7f34a;letter-spacing:.12em;text-shadow:0 2px 10px #0000008c;margin:0;font-family:Space Grotesk,Arial,sans-serif;font-size:20px;font-weight:700;position:absolute}.player-setup input,.player-setup button{width:min(360px,100%);min-height:52px;font:inherit;border-radius:10px}.player-setup input{color:#f7fff9;background:0 0;border:2px solid #4b8068;outline:none;padding:0 16px}.player-setup input:focus{border-color:#b7f34a}.player-setup button{color:#102109;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:#b7f34a;border:0;font-family:Barlow Condensed,Impact,sans-serif;font-weight:900}.player-setup button:hover{background:#d4ff7d}.player-setup button:focus-visible{outline-offset:3px;outline:3px solid #f8fafc}@media (width<=600px){.player-stats{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));gap:4px;padding:6px 9px;font-size:9px}.player-stats strong{font-size:13px}.player-stats button{min-height:22px;padding-inline:7px;font-size:10px}.leaderboard-modal header{padding:18px}.leaderboard-modal>p{padding-inline:18px}.player-setup{min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));gap:22px}.field-markings{width:80vh;max-width:none;transform:rotate(90deg)}.game-title{top:max(28px, env(safe-area-inset-top));font-size:clamp(34px,10vw,48px)}.game-subtitle{top:max(88px, calc(env(safe-area-inset-top) + 60px));right:max(16px, env(safe-area-inset-right));font-size:18px}.player-setup input,.player-setup button{border-radius:14px;width:100%;min-height:64px;font-size:18px}.player-setup input{padding-inline:20px}.player-setup button{font-size:20px}}@media (width>=601px) and (width<=1100px){.player-setup{padding:max(36px, env(safe-area-inset-top)) max(36px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(36px, env(safe-area-inset-left));gap:22px}.game-title{top:max(36px, env(safe-area-inset-top));font-size:clamp(48px,8vw,72px)}.game-subtitle{top:max(120px, calc(env(safe-area-inset-top) + 84px));font-size:22px}.player-setup input,.player-setup button{border-radius:14px;width:min(460px,72vw);min-height:72px;font-size:22px}.player-setup input{padding-inline:22px}.player-setup button{font-size:24px}}@media (width>=601px) and (width<=1100px) and (orientation:portrait){.field-markings{width:82vh;max-width:none;transform:rotate(90deg)}}