@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2)format("woff2"),url(/assets/noto-sans-thai-thai-400-normal-Dxb_unuU.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-latin-ext-400-normal-nBP59pVw.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-ext-400-normal-B-1H0YkH.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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-latin-400-normal-BaWBrqFP.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-400-normal-Dh_FJjOB.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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-thai-600-normal-Cs73sVjl.woff2)format("woff2"),url(/assets/noto-sans-thai-thai-600-normal-CmgB8_JK.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-latin-ext-600-normal-maHHBsez.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-ext-600-normal-PkMZo0xa.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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-latin-600-normal-CemcjnVR.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-600-normal-Dbc-dNO6.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{color:#f8f8f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#151515;font-family:Noto Sans Thai,system-ui,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#272727;border:1px solid #626262;border-radius:9px;min-height:42px;padding:8px 12px}button:hover{background:#414141}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #fff}.primary{color:#151515;background:#f5f5f5;font-weight:600}.primary:hover{background:#d9d9d9}input,select{color:#fff;background:#181818;border:1px solid #777;border-radius:7px;max-width:100%;min-height:44px;padding:8px 12px}input{width:100%}label{gap:7px;margin:14px 0;display:grid}h1{font-size:clamp(22px,4vw,32px);line-height:1.4}p{line-height:1.65}[hidden]{display:none!important}.online-shell{width:100%;height:100dvh;position:relative;overflow:hidden}#game{position:absolute;inset:0}#game canvas{image-rendering:pixelated;display:block}#labels{pointer-events:none;position:absolute;inset:0}.online-header{padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));z-index:5;background:#151515eb;border-bottom:1px solid #444;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.online-header strong{font-size:18px}.connection-state{color:#ddd;flex:1;font-size:13px}.account-name{text-overflow:ellipsis;max-width:240px;font-size:12px;overflow:hidden}.auth-card{z-index:6;background:#202020;border:1px solid #626262;border-radius:16px;width:min(450px,100% - 32px);max-height:calc(100dvh - 110px);padding:28px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 22px 70px #0009}.auth-card h1{margin:0 0 12px}.auth-card p{color:#d5d5d5}.auth-card form>button{width:100%;margin:6px 0}.notice{overflow-wrap:anywhere}.online-hud{top:calc(82px + env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));background:#151515da;border:1px solid #555;border-radius:10px;max-width:260px;max-height:45vh;padding:12px;position:absolute;overflow:auto}.online-hud label{margin:9px 0;font-size:12px}.online-hud select{width:100%}.online-hud details{font-size:12px}.online-hud details summary{cursor:pointer;padding:8px 0}.bag{bottom:calc(15px + env(safe-area-inset-bottom));gap:5px;max-width:min(64vw,860px);padding:4px;display:flex;position:absolute;left:50%;overflow:auto;transform:translate(-50%)}.bag:empty{display:none}.bag button{white-space:nowrap;text-overflow:ellipsis;background:#181818e8;flex-shrink:0;width:78px;height:64px;padding-top:19px;font-size:10px;position:relative;overflow:hidden}.bag small{position:absolute;top:2px;left:6px}.bag button[aria-pressed=true]{outline-offset:-3px;background:#444;outline:2px solid #fff}.play-controls{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute}.play-controls button{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;background:#202020dd;box-shadow:0 2px 5px #0006}.direction-pad{grid-template-rows:48px 48px;grid-template-columns:48px 48px 48px;gap:3px;display:grid}.direction.up{grid-column:2}.direction.left{grid-area:2/1}.direction.down{grid-area:2/2}.direction.right{grid-area:2/3}.action-pad{grid-template-columns:1fr 1fr;gap:7px;display:grid}.action-pad button{max-width:145px;font-size:12px}.online-dialogue{bottom:calc(215px + env(safe-area-inset-bottom));z-index:4;background:#191919f5;border:1px solid #aaa;border-radius:12px;width:min(520px,100% - 32px);padding:18px;position:absolute;left:50%;transform:translate(-50%)}.online-dialogue p{max-height:22vh;margin-top:0;overflow:auto}.actions{justify-content:end;gap:10px;display:flex}.toast{top:calc(82px + env(safe-area-inset-top));color:#fff;pointer-events:none;background:#151515e8;border-radius:8px;max-width:48vw;margin:0;padding:7px 12px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.toast:empty{display:none}[data-connection=offline] #game,[data-connection=reconnecting] #game{filter:saturate(.4)}@media (max-width:700px){.online-header{gap:9px}.online-header strong{font-size:15px}.account-name{display:none}.online-header button{padding:6px;font-size:12px}.online-hud{max-width:190px;top:calc(77px + env(safe-area-inset-top));max-height:36vh;padding:9px;font-size:12px}.online-hud select{min-height:35px;padding:5px;font-size:12px}.toast{max-width:42vw;left:auto;right:10px;transform:none}.bag{max-width:calc(100% - 16px)}.play-controls{bottom:calc(90px + env(safe-area-inset-bottom))}.action-pad button{padding:8px;font-size:10px}.direction-pad{grid-template-rows:44px 44px;grid-template-columns:42px 42px 42px}.auth-card{padding:22px}.online-dialogue{bottom:205px}}@media (max-height:500px){.online-hud{max-width:195px;max-height:35vh}.play-controls{bottom:14px}.bag{max-width:45vw;bottom:10px}.online-dialogue{max-width:430px;bottom:90px}.auth-card{max-height:calc(100dvh - 85px);top:calc(50% + 30px)}.auth-card h1{font-size:20px}}