@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-thai-500-normal-DeexCGiz.woff2)format("woff2"),url(/assets/chakra-petch-thai-500-normal-CJG_V2_m.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-vietnamese-500-normal-HqvoIJPu.woff2)format("woff2"),url(/assets/chakra-petch-vietnamese-500-normal-BVzUBLGs.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:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-latin-ext-500-normal-gA6791b0.woff2)format("woff2"),url(/assets/chakra-petch-latin-ext-500-normal-BCHeNDEx.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:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(/assets/chakra-petch-latin-500-normal-CnUQnZ4D.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:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-thai-700-normal-B7WL5pBr.woff2)format("woff2"),url(/assets/chakra-petch-thai-700-normal-vZLZ_5L8.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-vietnamese-700-normal-ZDCXY9IA.woff2)format("woff2"),url(/assets/chakra-petch-vietnamese-700-normal-gQuUA8Wu.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:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-ext-700-normal-DAkvJhej.woff2)format("woff2"),url(/assets/chakra-petch-latin-ext-700-normal-BeviJPUl.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:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.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{--bg:#04050d;--glass:#0a0e26c7;--line:#7aa8ff3d;--text:#e8eeff;--muted:#8d98c4;--accent:#7aa8ff;--hot:#ff2e63;--violet:#a259ff;--font:"Chakra Petch", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.aiming #stage{cursor:none}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button,input{font:inherit;color:inherit}.hidden{display:none!important}.home{padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.home>*{pointer-events:auto}.logo{letter-spacing:.04em;color:#fff;text-shadow:0 0 18px #7aa8ffe6,0 0 48px #7aa8ff80;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(48px,12vw,104px);font-weight:700;line-height:1}.logo span{color:var(--hot);text-shadow:0 0 18px #ff2e63e6,0 0 48px #ff2e6380}.logo.small{font-size:clamp(36px,9vw,64px)}.logo.tiny{text-shadow:0 0 10px #7aa8ffb3;font-size:20px;text-decoration:none}.tagline{color:var(--muted);text-align:center;margin:0 0 6px;font-size:clamp(15px,3.6vw,19px)}.hint{color:var(--muted);text-align:center;max-width:360px;margin:4px 0 0;font-size:14px}.card{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:12px;width:min(380px,100%);padding:20px;display:flex;box-shadow:0 20px 60px #00000080}.field{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:13px;display:flex}.input{border:1px solid var(--line);text-transform:none;letter-spacing:normal;background:#040614b3;border-radius:12px;outline:none;width:100%;min-width:0;padding:12px 14px;font-size:17px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7aa8ff40}.input.code{text-transform:uppercase;letter-spacing:.25em;font-weight:700}.row{gap:8px;display:flex}.or{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.error{color:#ff8aa6;min-height:1.2em;margin:0;font-size:14px}.invite{margin:0;font-size:17px}.invite b{color:var(--accent);letter-spacing:.15em}.btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#141c46bf;border-radius:12px;padding:10px 16px;font-weight:700;transition:transform 80ms,box-shadow .2s,background .2s}.btn:hover:not(:disabled){background:#222e6ed9;box-shadow:0 0 18px #7aa8ff4d}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:linear-gradient(135deg, var(--hot), var(--violet));border:none;box-shadow:0 0 22px #ff2e6366}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ff4a7a,#b073ff);box-shadow:0 0 32px #ff2e6399}.btn.big{padding:14px 18px;font-size:18px}.btn.icon{padding:8px 12px;font-size:14px}.chip{border:1px solid var(--line);letter-spacing:.12em;cursor:pointer;background:#0a0e26b3;border-radius:999px;padding:6px 12px;font-weight:700}.ping-good{--c:#4be37a}.ping-fair{--c:#ffc53d}.ping-bad{--c:#ff4d6a}.ping{border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;background:#0a0e26b3;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.ping:before{content:"";background:var(--c);width:8px;height:8px;box-shadow:0 0 8px var(--c);border-radius:50%}.ping.unstable,.ping-tag{color:var(--c)}.ping-tag{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.bar{padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left));pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.bar>*{pointer-events:auto}.bar .chip{margin-right:auto}.panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:10px;width:330px;padding:16px;display:flex;position:absolute;top:64px;bottom:12px;right:12px;overflow-y:auto}@media (orientation:landscape) and (width<=819px) and (width>=640px){.panel{gap:8px;width:300px;padding:12px;top:56px;bottom:8px}}.panel.mini{width:auto;padding:10px 16px;inset:auto auto 16px 50%;transform:translate(-50%)}.panel h2{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:6px 0 0;font-size:13px;font-weight:700}.invitebox{justify-content:space-between;align-items:center;gap:10px;display:flex}.invitebox .code{letter-spacing:.16em;color:#fff;text-shadow:0 0 14px #7aa8ffcc;font-size:30px;font-weight:700}.players,.standings{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.player,.standings li{background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.player.away{opacity:.5}.dot{background:var(--c);width:12px;height:12px;box-shadow:0 0 10px var(--c);border-radius:50%;flex:none}.name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.tags{color:var(--muted);font-size:12px}.remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.remove:hover{color:#ff8aa6}.small-hint{font-size:13px}.pts{font-variant-numeric:tabular-nums;font-weight:700}.setting{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.setting .label{color:var(--text)}.seg{border:1px solid var(--line);background:#040614b3;border-radius:10px;padding:3px;display:flex}.seg button,.stepper button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700}.seg button.on{color:#fff;background:linear-gradient(135deg,#ff2e63d9,#a259ffd9)}.seg button:disabled,.stepper button:disabled{cursor:default}.seg button:disabled:not(.on){opacity:.5}.stepper{border:1px solid var(--line);background:#040614b3;border-radius:10px;align-items:center;display:flex}.stepper button{color:var(--text);padding:4px 12px;font-size:18px}.stepper button:disabled{opacity:.35}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}.start{flex:none;margin-top:8px;position:sticky;bottom:0;box-shadow:0 0 22px #ff2e6366,0 -12px 24px #0a0e26e6}.btn.primary.start:disabled{opacity:1;color:#ffffff8c;background:linear-gradient(135deg,#5c2440,#3e2a6b);box-shadow:0 -12px 24px #0a0e26e6}.watching,.muted{color:var(--muted);text-align:center;margin:0}.winner{text-align:center;padding:8px 0 4px}.crown{letter-spacing:.3em;color:var(--muted);font-size:13px}.wname{color:var(--c);text-shadow:0 0 24px var(--c);overflow-wrap:anywhere;font-size:40px;font-weight:700}.toast{background:var(--glass);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:999px;max-width:calc(100% - 32px);padding:8px 16px;font-size:14px;position:absolute;top:64px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast.action{pointer-events:auto!important}@media (width<=819px) and (orientation:portrait),(width<=639px){.panel{top:auto;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));gap:8px;width:auto;max-height:54vh;padding:12px}.invitebox .code{font-size:24px}.bar .logo.tiny{display:none}}@media (width<=420px){.bar{gap:6px}.bar .btn.icon{padding:8px 10px}.chip-label{display:none}.ping{gap:5px;padding:5px 8px;font-size:12px}}