/*! © TinySamkok team. All rights reserved. build 4d75ce6674eb 2026-10-17T13:20Z */
:root{--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-l: env(safe-area-inset-left, 0px)}:root.notch-l{--safe-r: calc(env(safe-area-inset-right, 0px)/2) }:root.notch-r{--safe-l: calc(env(safe-area-inset-left, 0px)/2) }html,body{overscroll-behavior:none}:where(html,body,body *){touch-action:manipulation}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable],.chat-log{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}#ui-root img,#battle-ui img,#minimap img{-webkit-user-drag:none}.screen{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.hud{top:var(--safe-t);right:var(--safe-r);left:var(--safe-l);bottom:0}.chat{left:calc(8px + var(--safe-l))}#minimap{top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r))}.toasts{top:calc(66px + var(--safe-t))}.invites{top:calc(112px + var(--safe-t))}.auto-pill{bottom:calc(18px + var(--safe-b))}.modal-back,.bm-wrap,.ac-wrap{padding:max(16px,var(--safe-t)) max(16px,var(--safe-r)) max(16px,var(--safe-b)) max(16px,var(--safe-l))}#battle-ui{top:var(--safe-t);right:var(--safe-r);bottom:var(--safe-b);left:var(--safe-l)}#battle-ui .bt-result{inset:calc(-1 * var(--safe-t)) calc(-1 * var(--safe-r)) calc(-1 * var(--safe-b)) calc(-1 * var(--safe-l))}@media(min-width:641px){.auto-pill{bottom:auto;top:calc(128px + var(--safe-t))}}@media(max-width:700px),(max-height:520px){#minimap{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r))}}@media(max-width:640px){.auto-pill{bottom:max(calc(214px + var(--safe-b)),calc(var(--hb-clear, 0px) + 8px))}}@media(max-width:720px){.chat{left:calc(6px + var(--safe-l))}.toasts{top:auto;bottom:max(calc(206px + var(--safe-b)),calc(var(--hb-clear, 0px) + 6px))}.invites{top:34vh}}@media(max-width:640px){.bm-wrap{padding:max(6px,var(--safe-t)) max(6px,var(--safe-r)) max(6px,var(--safe-b)) max(6px,var(--safe-l))}}@media(min-width:721px){.char-win{width:min(940px,calc(100vw - 24px - var(--safe-l) - var(--safe-r)));height:min(620px,calc(100dvh - 80px))}.npc-win{width:min(760px,calc(100vw - 24px - var(--safe-l) - var(--safe-r)));max-height:calc(100dvh - 70px)}.npc-win.expanded{height:min(660px,calc(100dvh - 70px))}}@media(max-height:500px)and (orientation:landscape){.login-center{flex-direction:row;justify-content:center;align-items:center;gap:clamp(16px,4vw,48px);padding:10px 16px}.login-center .logo-main span{font-size:clamp(40px,7vw,64px)}.login-center .logo-tag{margin-top:8px;font-size:13px}.login-center .logo-seal{right:-18px;width:34px;height:34px;font-size:25px;line-height:34px}.login-panel{flex:none;width:min(380px,52vw);padding-bottom:6px}.login-foot{display:none}.hud-left{left:6px;top:6px;width:252px;gap:4px}.hud-char{gap:8px;padding:6px 8px 6px 6px}.hud-portrait{width:50px;height:50px}.hud-name{font-size:14px}.hud-map-m{display:none}.hud-quests{max-height:24dvh;padding:3px 8px 4px;font-size:12px}.hud-map{padding:3px 34px 4px}.map-name{font-size:15px}.hud-menu{right:6px;bottom:calc(6px + var(--safe-b));gap:3px}.menu-btns{display:flex;gap:3px;padding:4px}.menu-btn{width:46px;height:44px}.menu-btn .ico{width:20px;height:20px}.mb-label{font-size:10.5px}.menu-btn kbd{display:none}.chat{left:calc(6px + var(--safe-l));bottom:calc(6px + var(--safe-b));width:min(330px,calc(100vw - 360px - var(--safe-l) - var(--safe-r)));min-width:0}.chat-log{height:64px;font-size:12px}.chat-tab{min-height:34px}.chat.in-battle{top:auto;bottom:calc(6px + var(--safe-b))}.chat.in-battle:not(.collapsed){width:min(340px,calc(100vw - 12px))}.chat.in-battle .chat-log{height:72px}.chat.collapsed{width:auto}.chat.collapsed .chat-tabs{display:none}#battle-ui .bt-autocfg{left:var(--bt-cg);top:calc(var(--bt-cg) * 2 + var(--bt-cb))}#battle-ui .bt-log,#battle-ui.has-hb .bt-log{top:var(--bt-cg);bottom:auto;left:calc(var(--bt-cg) * 2 + var(--bt-cb));right:auto;width:min(320px,38vw)}#battle-ui .bt-log div:not(:nth-last-child(-n+2)){display:none}#battle-ui .bt-party{top:calc(var(--bt-cg) * 2 + var(--bt-cb));right:var(--bt-cg);left:auto;width:min(200px,30vw);display:flex;gap:3px}#battle-ui .bt-pm{padding:2px 6px 3px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6px}#battle-ui .bt-pm-name{margin-bottom:1px;min-width:0}#battle-ui .bt-pm-bars{grid-column:1 / -1}#battle-ui .bt-pm-name small{display:none}#battle-ui .bt-pm-gen{grid-area:1 / 2;display:grid;grid-template:repeat(2,6px) / 14px minmax(58px,auto);align-self:center;gap:2px 3px;height:auto;margin:0}#battle-ui .bt-pm-gen .bt-gi{grid-row:1 / span 2;width:14px;height:14px}#battle-ui .bt-pm-gen .bt-bar{grid-column:2;height:6px;border-radius:2px}#battle-ui .bt-pm-gen .bt-bar em{display:none}#battle-ui .bt-pm-gen .bt-gs{grid-column:2;grid-row:1 / span 2;font-size:10px;line-height:14px}#battle-ui .bt-cmd,#battle-ui .bt-cmd.wide{width:min(640px,calc(100vw - 212px - var(--safe-l) - var(--safe-r)));bottom:8px;padding:5px 8px 6px}#battle-ui .bt-cmd.on{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sub sub" "main main" "head hb";column-gap:12px;align-items:center}#battle-ui .bt-sub{grid-area:sub}#battle-ui .bt-main{grid-area:main;grid-template-columns:repeat(7,1fr);gap:4px}#battle-ui .bt-main button{min-height:40px;padding:2px 1px 3px;gap:0}#battle-ui .bt-main button b{font-size:15px;line-height:1.05}#battle-ui .bt-main button span{font-size:12px;line-height:1.15}#battle-ui .bt-head{grid-area:head;margin:5px 0 0}#battle-ui .bt-timer{min-width:0}#battle-ui .bt-cmd .hb{grid-area:hb;margin-top:5px}#battle-ui .bt-cmd .hb-slot{width:36px;height:36px}#battle-ui .bt-cmd .hb-slot .sk-img,#battle-ui .bt-cmd .hb-slot .item-img{width:28px;height:28px}}.pwa-tip{position:fixed;z-index:150;left:50%;bottom:calc(34px + var(--safe-b));display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"img txt x";align-items:center;column-gap:10px;row-gap:6px;width:max-content;max-width:min(440px,calc(100vw - 20px - var(--safe-l) - var(--safe-r)));padding:8px 6px 8px 8px;transform:translate(-50%);font:13px/1.4 Sarabun,Leelawadee UI,Tahoma,sans-serif;color:#f3e6c8;background:linear-gradient(180deg,#2a2017f5,#15100cf5);border:1px solid #c9a45c;border-radius:10px;box-shadow:0 0 0 1px #000,0 8px 24px #0009;animation:pwa-tip-in .35s ease-out}.pwa-tip.has-go{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"img txt go x"}.pwa-tip img{grid-area:img;width:40px;height:40px;border-radius:9px}.pwa-tip-txt{grid-area:txt;display:flex;flex-direction:column;min-width:0}.pwa-tip-txt b{font:600 13.5px Kanit,Leelawadee UI,sans-serif;color:#f0d28a}.pwa-tip-txt span{color:#d8c8a8}.pwa-tip button{font-family:Kanit,Leelawadee UI,sans-serif;cursor:pointer}.pwa-tip-go{grid-area:go;min-height:38px;padding:0 12px;font-size:13px;font-weight:600;color:#fff4dc;white-space:nowrap;background:linear-gradient(180deg,#b63c2f,#761f1f);border:1px solid #c9a45c;border-radius:7px}.pwa-tip-x{grid-area:x;align-self:start;width:30px;height:30px;padding:0;font-size:14px;color:#b3a283;background:none;border:0;border-radius:6px}.pwa-tip-x:hover,.pwa-tip-x:active{color:#f3e6c8;background:#ffffff14}@keyframes pwa-tip-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(max-height:500px){.pwa-tip.has-go{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"img txt x" "img go go"}.pwa-tip-go{justify-self:start}}@media(max-height:500px)and (min-width:600px){.pwa-tip{left:calc(12px + var(--safe-l));bottom:calc(10px + var(--safe-b));max-width:min(360px,44vw);transform:none;animation:none}}.srv-box{margin:0 22px 10px;padding-top:8px;border-top:1px dashed rgba(201,164,92,.25)}.srv-line{display:flex;align-items:center;gap:6px;width:100%;min-height:34px;padding:0 4px;font:400 12.5px var(--font-h);color:var(--muted);background:none;border:0;cursor:pointer;text-align:left}.srv-line .ico{width:15px;height:15px;color:var(--gold)}.srv-line b{flex:1;min-width:0;overflow:hidden;font-weight:500;color:var(--cream);white-space:nowrap;text-overflow:ellipsis}.srv-line em{font-style:normal;color:var(--gold);text-decoration:underline}.srv-form{display:flex;flex-direction:column;gap:6px}.srv-row{display:flex;gap:6px}.srv-row .field{flex:1;min-width:0}.srv-row .btn{flex:none;padding:0 14px}.rotate-gate{display:none}@media(orientation:portrait){.phone .rotate-gate{position:fixed;inset:0;z-index:1000;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:max(24px,var(--safe-t)) 28px max(24px,var(--safe-b));text-align:center;color:var(--cream);background:radial-gradient(ellipse 80% 55% at 50% 40%,#2a2119,#14100c 70%) #14100c}}.rotate-gate svg{width:min(44vw,176px);height:auto;margin-bottom:8px}.rotate-gate b{font:600 22px/1.3 var(--font-h);color:var(--gold-hi)}.rotate-gate span{max-width:300px;font:15px/1.6 var(--font-b);color:var(--text2)}.rotate-gate button{margin-top:12px;min-height:46px;padding:0 22px;font:600 16px var(--font-h);color:#fff4dc;cursor:pointer;background:linear-gradient(180deg,#b63c2f,#761f1f);border:1px solid var(--gold);border-radius:8px;box-shadow:0 6px 18px #00000080}.rotate-gate .rg-phone{transform-box:view-box;transform-origin:50% 50%;animation:rg-turn 2.6s ease-in-out infinite}@keyframes rg-turn{0%,18%{transform:rotate(0)}42%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-gate .rg-phone{animation:none}}