@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-thai-400-normal-D80Pglro.woff2) format("woff2"),url(./kanit-thai-400-normal-D2nliXKa.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-vietnamese-400-normal-DRI8YWyb.woff2) format("woff2"),url(./kanit-vietnamese-400-normal-dow6Bnto.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:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-latin-ext-400-normal-B2xPf58u.woff2) format("woff2"),url(./kanit-latin-ext-400-normal-CHvNKHHD.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:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-latin-400-normal-BUlsQXH3.woff2) format("woff2"),url(./kanit-latin-400-normal-HVZWrfev.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}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(./kanit-thai-700-normal-BPu_EjOu.woff2) format("woff2"),url(./kanit-thai-700-normal-BFFnaoRZ.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(./kanit-vietnamese-700-normal-CdlTihzi.woff2) format("woff2"),url(./kanit-vietnamese-700-normal-BlUBAAZx.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:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(./kanit-latin-ext-700-normal-CcNUUlTS.woff2) format("woff2"),url(./kanit-latin-ext-700-normal-2PbN0JCr.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:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(./kanit-latin-700-normal-xfKc2BN3.woff2) format("woff2"),url(./kanit-latin-700-normal-CZbzRMIr.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}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none}button{font:inherit;cursor:pointer;touch-action:manipulation}[hidden]{display:none!important}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:400;src:url(./orbitron-latin-400-normal-U6xZUhur.woff2) format("woff2"),url(./orbitron-latin-400-normal-DBk4Dmer.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}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(./orbitron-latin-700-normal-4jsRXGGJ.woff2) format("woff2"),url(./orbitron-latin-700-normal-DmYOh-W9.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}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(./orbitron-latin-900-normal-DrIi7unX.woff2) format("woff2"),url(./orbitron-latin-900-normal-BbJatbhp.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}body{background-color:#050510;color:#fff;font-family:Orbitron,Kanit,sans-serif}html:lang(th) .hud-label,html:lang(th) .skill-name,html:lang(th) .subtitle,html:lang(th) .title,html:lang(th) .cta{font-family:Kanit,Orbitron,sans-serif}canvas{display:block;width:100vw;height:100dvh}#ui-layer{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.glass-panel{background:#0a0f1eb3;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 15px #00ffff1a;backdrop-filter:blur(5px);border-radius:12px;padding:clamp(6px,1.6vmin,16px) clamp(10px,2.4vmin,20px)}.align-right{text-align:right}.hud-label{color:#22d3ee;font-size:clamp(10px,1.6vmin,14px);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hud-value{font-size:clamp(20px,5vmin,36px);font-weight:900;text-shadow:0 0 10px rgba(0,255,255,.8);font-variant-numeric:tabular-nums}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vmin,16px);padding-bottom:clamp(4px,2vmin,24px)}.health{position:relative;width:min(320px,70vw);height:clamp(16px,3vmin,24px);background:#111827;border:1px solid #374151;border-radius:999px;overflow:hidden;box-shadow:0 0 15px #ff003280}.health-fill{height:100%;width:100%;background:linear-gradient(90deg,#dc2626,#f87171);transition:width .2s}.health-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:clamp(9px,1.5vmin,12px);font-weight:700;letter-spacing:.1em;text-shadow:0 1px 2px #000}.skills{display:flex;gap:clamp(16px,4vmin,28px);pointer-events:auto}.skill{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;color:inherit;transition:transform .1s}.skill:active{transform:scale(.94)}.skill:focus-visible .skill-icon{outline:3px solid #fff;outline-offset:3px}.skill-icon{position:relative;width:clamp(56px,11vmin,72px);height:clamp(56px,11vmin,72px);border-radius:12px;background:#111827;border:2px solid;overflow:hidden;display:flex;align-items:center;justify-content:center}.skill-shotgun .skill-icon{border-color:#a855f7;box-shadow:0 0 10px #a855f780;color:#d8b4fe}.skill-nova .skill-icon{border-color:#3b82f6;box-shadow:0 0 10px #3b82f680;color:#93c5fd}.skill-cd{position:absolute;bottom:0;left:0;width:100%;height:0%;opacity:.5;transition:height .1s linear}.skill-shotgun .skill-cd{background:#9333ea}.skill-nova .skill-cd{background:#2563eb}.skill-key{position:relative;font-weight:700;font-size:clamp(16px,3vmin,22px)}.skill-name{font-size:clamp(10px,1.6vmin,12px);text-transform:uppercase;letter-spacing:.05em}.skill-shotgun .skill-name{color:#d8b4fe}.skill-nova .skill-name{color:#93c5fd}.overlay{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,3vmin,24px);padding:24px;text-align:center;background:#000c;backdrop-filter:blur(4px)}.title{margin:0;font-size:clamp(28px,8vmin,84px);font-weight:900;line-height:1.1;color:#22d3ee;text-shadow:0 0 20px rgba(0,255,255,.7)}.title.danger{color:#ef4444;text-shadow:0 0 20px rgba(255,0,0,.8)}.subtitle{margin:0;max-width:36em;font-size:clamp(13px,2.6vmin,22px);font-weight:700;line-height:1.5}.subtitle strong{color:#22d3ee}.new-best{margin:0;color:#facc15;font-weight:900;font-size:clamp(14px,3vmin,24px)}.cta{min-height:48px;padding:.7em 1.8em;background:#0891b2;color:#fff;font-weight:700;font-size:clamp(16px,3vmin,24px);border:0;border-radius:10px;box-shadow:0 0 20px #0ff9;transition:transform .15s,background .15s}.cta:hover{background:#06b6d4;transform:scale(1.04)}.cta:active{transform:scale(.96)}.cta:focus-visible{outline:3px solid #fff;outline-offset:4px}