:root{--ink:#26314f;--ink-soft:#5a6687;--gold:#c99a3c;--sky:#8ec9f5;--danger:#d8473d;--warn:#d98a1f;--ok:#3f9d4b;--font:"Sarabun", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;background:#1d2b44;margin:0;font-size:13px;overflow:hidden}#app{position:fixed;inset:0}button{font-family:inherit}.boot-error{color:#fff;padding:24px;font-size:16px}.win,.win-plain{color:var(--ink);border-style:solid;border-width:12px;border-image:url(/assets/ui/window_frame@2x.png) 24 fill/12px}.win{pointer-events:auto;flex-direction:column;max-height:calc(100vh - 16px);display:flex;position:absolute}.win-title{color:#fff;text-shadow:0 1px 1px #1e468ccc;cursor:grab;white-space:nowrap;border-style:solid;border-width:0 11px;border-image:url(/assets/ui/title_bar@2x.png) 0 22 fill/0 11px;justify-content:space-between;align-items:center;height:20px;margin:-8px -8px 6px;padding:0 6px 0 10px;font-size:12.5px;font-weight:700;display:flex;overflow:hidden}.win-close{cursor:pointer;background:url(/assets/ui/close_button@2x.png) 50%/16px 16px no-repeat;border:0;flex:none;width:16px;height:16px;padding:0}.win-body{min-height:0;overflow:auto}.btn{min-width:56px;height:24px;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-style:solid;border-width:0 12px;border-image:url(/assets/ui/button_normal@2x.png) 0 24 fill/0 12px;padding:0 4px;font-size:13px;font-weight:600}.btn:hover:not(:disabled),.btn.active{border-image-source:url(/assets/ui/button_hover@2x.png)}.btn:active:not(:disabled){color:#fff;border-image-source:url(/assets/ui/button_pressed@2x.png)}.btn:disabled{color:#8b93a8;cursor:default;border-image-source:url(/assets/ui/button_disabled@2x.png)}.btn-big{min-width:140px;height:30px;font-size:15px}.btn-small{min-width:44px;height:22px;font-size:12px}.tabs{gap:2px;margin-bottom:6px;display:flex}.tab{height:22px;color:var(--ink-soft);cursor:pointer;background:0 0;border-style:solid;border-width:12px 12px 0;border-image:url(/assets/ui/tab_inactive@2x.png) 24 24 0 fill/12px 12px 0;flex:1;padding:0;font-weight:600;line-height:0}.tab.active{color:var(--ink);border-image-source:url(/assets/ui/tab_active@2x.png)}.bar{align-items:center;gap:6px;margin:2px 0;display:flex}.bar-label{width:30px;font-size:11.5px;font-weight:700}.bar-frame{border-style:solid;border-width:0 5px;border-image:url(/assets/ui/bar_frame@2x.png) 0 10 fill/0 5px;flex:1;align-items:center;height:10px;display:flex;overflow:hidden}.bar-fill{border-style:solid;border-width:0 3px;border-image-slice:0 6 fill;border-image-width:0 3px;border-image-repeat:stretch;height:6px;margin-left:-3px;transition:width .25s ease-out}.fill-hp{border-image-source:url(/assets/ui/bar_fill_hp@2x.png)}.fill-hp_low{border-image-source:url(/assets/ui/bar_fill_hp_low@2x.png)}.fill-sp{border-image-source:url(/assets/ui/bar_fill_sp@2x.png)}.fill-exp{border-image-source:url(/assets/ui/bar_fill_exp@2x.png)}.fill-job{border-image-source:url(/assets/ui/bar_fill_job@2x.png)}.bar-text{text-align:right;font-variant-numeric:tabular-nums;min-width:78px;font-size:11px}.slot{border-style:solid;border-width:12px;border-image:url(/assets/ui/item_slot@2x.png) 24 fill/12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.slot img{width:32px;height:32px;image-rendering:pixelated;pointer-events:none;position:absolute}.slot-small{width:36px;height:36px}.slot-equipped{filter:saturate(1.2)brightness(1.05)}.slot-qty{color:#fff;text-shadow:0 0 2px #425c96,0 1px 1px #425c96;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800;position:absolute;bottom:-10px;right:-9px}.tooltip{z-index:1000;pointer-events:none;border-style:solid;border-width:10px;border-image:url(/assets/ui/tooltip_frame@2x.png) 20 fill/10px;max-width:260px;font-size:12.5px;position:fixed}.item-info-head{align-items:center;gap:6px;display:flex}.item-info-head img{image-rendering:pixelated}.item-info p{color:var(--ink-soft);margin:4px 0}.item-info-stats{border-top:1px solid #c99a3c80;padding-top:3px}.text-input{width:100%;height:28px;font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fbfdff;border:1px solid #9fb6d8;border-radius:6px;padding:0 8px}.text-input:focus{outline:2px solid #c99a3c99}.text-input.qty{width:70px}.row{align-items:center;display:flex}.gap{gap:8px}.center{justify-content:center}.spread{justify-content:space-between;margin-top:10px}.end{justify-content:flex-end}.muted{color:var(--ink-soft)}.hint{color:var(--ink-soft);margin:6px 0 0;font-size:12px}.error{color:var(--danger);margin:6px 0 0;font-weight:600}.danger{color:var(--danger);font-weight:700}.warn{color:var(--warn);font-weight:700}.screen{touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.title-bg{z-index:-1;background:#7fb6e0 50%/cover no-repeat;position:absolute;inset:0}.title-bg.dim:after{content:"";background:linear-gradient(#14285059,#1428508c);position:absolute;inset:0}.wordmark{text-align:center;flex-direction:column;align-items:center;margin-bottom:10px;display:flex}.wordmark-logo{filter:drop-shadow(0 3px 6px #14285a73);pointer-events:none;width:min(300px,70vw);height:auto}.wordmark-sub{letter-spacing:5px;color:#3d5a8c;align-items:center;gap:10px;font-family:Cinzel,Sarabun,serif;font-size:13px;font-weight:700;display:flex}.wordmark-sub .orn{background:linear-gradient(90deg,#c99a3c00,#c99a3c);width:44px;height:2px;position:relative}.wordmark-sub .orn:last-child{transform:scaleX(-1)}.wordmark-sub .orn:after{content:"";background:#c99a3c;width:6px;height:6px;position:absolute;top:-2px;right:-3px;transform:rotate(45deg)}.wordmark-hero{margin-top:max(3vh,16px);position:relative}.wordmark-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 55%,#0c1c4680,#0c1c4638 45%,#0c1c4600 72%);position:absolute;inset:-8% -18% -14%}.wordmark-hero .wordmark-logo{filter:drop-shadow(0 6px 14px #0c1c4699)drop-shadow(0 0 2px #fffae699);width:min(620px,88vw)}.wordmark-hero .wordmark-sub{color:#fffdf2;letter-spacing:clamp(4px,.8vw,9px);text-shadow:0 2px 6px #324c8ce6;margin-top:2px;font-size:clamp(13px,1.6vw,18px)}.wordmark-hero .wordmark-sub .orn{width:clamp(40px,7vw,90px)}.wordmark-tag{color:#fffdf2;letter-spacing:1px;text-shadow:0 2px 6px #324c8ce6;margin-top:6px;font-size:clamp(14px,1.7vw,19px);font-weight:600}.title-panel{text-align:center;border-style:solid;border-width:12px;border-image:url(/assets/ui/window_frame@2x.png) 24 fill/12px;width:min(420px,100vw - 32px);margin-top:auto;margin-bottom:7vh;padding:10px 14px 6px}.title-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.beta-key{text-align:center;max-width:280px;margin-bottom:4px}.title-foot{justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}.lang-switch{gap:4px;display:inline-flex}.lang-switch button{color:var(--ink-soft);cursor:pointer;background:#f4f8ff;border:1px solid #9fb6d8;border-radius:10px;padding:1px 10px;font-size:12px}.lang-switch button.on{color:var(--ink);border-color:var(--gold);background:#dce9ff;font-weight:700}.screen-title{color:#fff;text-shadow:0 2px 4px #385496cc;margin:12px 0;font-size:22px}.char-slots{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.char-slot{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;width:190px;height:250px;padding-bottom:6px;transition:transform .15s;display:flex}.char-slot.selected{filter:drop-shadow(0 0 6px #f6d27af2);transform:translateY(-4px)}.char-slot-name{font-size:15px;font-weight:800}.char-slot-sub{color:var(--ink-soft);font-size:12px}.char-slot-empty{color:var(--ink-soft);margin:auto;font-weight:600}.sprite-preview{image-rendering:pixelated;max-width:100%}.preview-missing{width:120px;height:150px}.char-info{width:min(620px,100vw - 24px);margin-top:14px}.char-info-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.stat-mini{grid-template-columns:1fr 1fr;gap:2px 14px;display:grid}.stat-mini div{justify-content:space-between;display:flex}.create-win{width:min(760px,100vw - 16px);position:relative}.create-body{flex-wrap:wrap;gap:16px;display:flex}.create-preview{flex-direction:column;align-items:center;gap:6px;width:220px;margin:0 auto;display:flex}.arrow-btn{width:34px;height:26px;color:var(--ink);cursor:pointer;background:0 0;border-style:solid;border-width:0 12px;border-image:url(/assets/ui/button_normal@2x.png) 0 24 fill/0 12px;padding:0;font-size:18px;font-weight:800;line-height:1}.create-form{flex:1;min-width:280px}.field{margin-bottom:10px;display:block}.field>span{margin-bottom:4px;font-weight:700;display:block}.preset-row{flex-wrap:wrap;gap:4px;display:flex}.stat-editor{gap:3px;display:grid}.stat-edit-row{grid-template-columns:40px 26px 30px 26px 1fr;align-items:center;gap:4px;display:grid}.stat-val{text-align:center;font-variant-numeric:tabular-nums;font-weight:800}.stat-desc{color:var(--ink-soft);font-size:11.5px}.pm{width:24px;height:22px;color:var(--ink);cursor:pointer;background:0 0;border-style:solid;border-width:0 10px;border-image:url(/assets/ui/button_normal@2x.png) 0 24 fill/0 10px;padding:0;font-weight:800}.pm:disabled{color:#9aa2b6;cursor:default;border-image-source:url(/assets/ui/button_disabled@2x.png)}.modal-back{z-index:500;background:#141e3c73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:min(380px,100vw - 24px);position:relative}.loading-screen{z-index:200}.loading-box{text-align:center;border-style:solid;border-width:12px;border-image:url(/assets/ui/window_frame@2x.png) 24 fill/12px;width:min(520px,100vw - 32px);margin-top:auto;margin-bottom:9vh}.loading-map{margin:4px 0 8px;font-weight:700}.loading-bar{height:12px}.game-root{position:absolute;inset:0}.world{cursor:url(/assets/cursors/cur_default.png) 1 0,auto;position:absolute;inset:0;overflow:hidden}.world-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.overlay-canvas{pointer-events:none;position:absolute;inset:0}.world[data-cursor=attack]{cursor:url(/assets/cursors/cur_attack.png) 0 0,crosshair}.world[data-cursor=talk]{cursor:url(/assets/cursors/cur_talk.png) 1 0,pointer}.world[data-cursor=pickup]{cursor:url(/assets/cursors/cur_pickup.png) 16 15,grab}.world[data-cursor=target]{cursor:url(/assets/cursors/cur_attack.png) 0 0,cell}@media (min-resolution:2x){.world{cursor:url(/assets/cursors/cur_default@2x.png) 3 0,auto}.world[data-cursor=attack]{cursor:url(/assets/cursors/cur_attack@2x.png) 1 0,crosshair}.world[data-cursor=talk]{cursor:url(/assets/cursors/cur_talk@2x.png) 3 0,pointer}.world[data-cursor=pickup]{cursor:url(/assets/cursors/cur_pickup@2x.png) 33 31,grab}.world[data-cursor=target]{cursor:url(/assets/cursors/cur_attack@2x.png) 1 0,cell}}.target-hint{pointer-events:none;z-index:800;background:#fffaeef2;border:1px solid #7fd3ff;border-radius:10px;padding:4px 14px;font-weight:700;position:fixed;top:64px;left:50%;transform:translate(-50%)}.status-chips{right:max(8px, env(safe-area-inset-right));pointer-events:none;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;top:206px}.status-chip{background:#fafcffeb;border:1px solid #9fb6d8;border-radius:10px;align-items:center;gap:6px;padding:1px 8px;font-size:11.5px;font-weight:700;display:flex}.status-chip.bad{color:#9b3a2a;border-color:#e0a090}.status-chip span{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-weight:600}.skill-req{color:#b0562a;font-size:11px}@media (max-width:640px){.status-chips{top:150px}}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.basic-info{left:max(8px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));width:268px;font-size:12px;position:absolute}.bi-head{justify-content:space-between;margin-bottom:3px;display:flex}.bi-name{font-size:14px;font-weight:800}.bi-job{color:var(--ink-soft)}.bi-levels{text-align:right;font-weight:600}.bi-foot{justify-content:space-between;margin-top:3px;font-weight:600;display:flex}.bi-menu{grid-template-columns:repeat(3,1fr);gap:3px;margin-top:5px;display:grid}.menu-btn{height:22px;color:var(--ink);cursor:pointer;background:0 0;border-style:solid;border-width:0 10px;border-image:url(/assets/ui/button_normal@2x.png) 0 24 fill/0 10px;padding:0;font-size:11.5px;font-weight:700;position:relative}.menu-btn.on{border-image-source:url(/assets/ui/button_hover@2x.png)}.menu-btn .dot{background:#ff8a3a;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:-6px;box-shadow:0 0 4px #ffb86a}.minimap{right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));width:184px;font-size:12px;position:absolute}.mm-title,.mm-foot{justify-content:space-between;font-weight:700;display:flex}.mm-canvas{width:160px;height:160px;image-rendering:pixelated;border-radius:6px;margin:3px 0;display:block}.ping{color:var(--ok)}.ping.mid{color:var(--warn)}.ping.bad{color:var(--danger)}.chat{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));border-style:solid;border-width:11px;border-image:url(/assets/ui/chat_frame@2x.png) 22 fill/11px;width:min(420px,100vw - 16px);position:absolute}.chat-lines{-webkit-user-select:text;user-select:text;height:132px;margin:-4px -4px 4px;padding:0 2px;font-size:12.5px;line-height:1.35;overflow-y:auto}.chat-line{color:var(--ink);text-shadow:0 0 3px #ffffffe6;word-break:break-word}.c-whisper,.c-whisper_to{color:#9a5a00}.c-system,.c-notice{color:#1f6fa8}.c-warn{color:#b83a22}.c-exp{color:#2f7d3a}.c-item{color:#8a5a12}.chat-input-row{gap:4px;display:flex}.chat-input{height:24px;font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fafcffeb;border:1px solid #a0bee6cc;border-radius:6px;flex:1;padding:0 8px}.chat-toggle{width:24px;height:24px;color:var(--ink);cursor:pointer;background:0 0;border-style:solid;border-width:0 10px;border-image:url(/assets/ui/button_normal@2x.png) 0 24 fill/0 10px;padding:0;font-weight:800}.hotkeys{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));gap:3px;display:flex;position:absolute}.hotkey{cursor:pointer;border-style:solid;border-width:12px;border-image:url(/assets/ui/hotkey_slot@2x.png) 24 fill/12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.hotkey img{width:32px;height:32px;image-rendering:pixelated;position:absolute}.hotkey.empty-stock img{opacity:.4}.hk-key{color:#6e7fa8;font-size:10px;font-weight:800;position:absolute;top:-11px;left:-9px}.toast{border:1px solid var(--gold);z-index:900;pointer-events:none;background:#fffaeef5;border-radius:10px;padding:6px 16px;font-weight:700;position:fixed;top:18%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #14285a4d}.conn-banner{color:var(--ink);font:inherit;z-index:950;background:0 0;border-style:solid;border-width:8px;border-image:url(/assets/ui/tooltip_frame@2x.png) 20 fill/8px;padding:2px 8px;font-weight:700;position:fixed;top:8px;left:50%;transform:translate(-50%)}.conn-banner.update{cursor:pointer;pointer-events:auto}.status-grid{grid-template-columns:1.1fr 1fr;gap:10px;display:grid}.st-row{grid-template-columns:34px 1fr 22px 18px;align-items:center;gap:4px;height:24px;display:grid}.st-val{font-variant-numeric:tabular-nums}.st-up{width:22px;height:20px;color:var(--ink);cursor:pointer;background:0 0;border-style:solid;border-width:0 8px;border-image:url(/assets/ui/button_normal@2x.png) 0 24 fill/0 8px;padding:0;font-size:9px}.st-up:disabled{color:#a4acbf;cursor:default;border-image-source:url(/assets/ui/button_disabled@2x.png)}.st-cost{color:var(--ink-soft);text-align:right;font-size:11px}.status-derived div{justify-content:space-between;align-items:center;height:20px;display:flex}.status-points{text-align:right;border-top:1px solid #c99a3c73;margin-top:8px;padding-top:6px}.eq-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.eq-col{flex-direction:column;gap:4px;display:flex}.eq-slot{cursor:default;align-items:center;gap:6px;display:flex}.eq-label{flex-direction:column;font-size:11.5px;line-height:1.2;display:flex}.item-grid{grid-template-columns:repeat(auto-fill,38px);gap:3px;max-height:250px;display:grid;overflow-y:auto}.item-grid.tall{max-height:320px}.items-foot{justify-content:space-between;margin-top:6px;font-weight:600;display:flex}.inline-dialog{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.skill-list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}.skill-row{grid-template-columns:38px 1fr auto;align-items:center;gap:8px;display:grid}.skill-name{flex-direction:column;display:flex}.opt-row{justify-content:space-between;align-items:center;gap:10px;margin:6px 0;display:flex}.bigmap{position:relative}.bigmap img{image-rendering:pixelated;border-radius:6px}.bigmap-me{background:#ff6a5c;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 2px #fff4e8}.bigmap-portal{white-space:nowrap;background:#ffffffe6;border:1px solid #7fe3ff;border-radius:6px;padding:0 6px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-140%)}.npc-dialog{z-index:300;width:min(460px,100vw - 16px);position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.npc-text{min-height:60px;margin:4px 2px 8px;font-size:14px;line-height:1.5}.npc-choices{flex-direction:column;gap:3px;display:flex}.npc-choice{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:#dceaff99;border:1px solid #9fb6d8cc;border-radius:6px;padding:5px 10px;font-weight:600}.npc-choice:hover{border-color:var(--gold);background:#ffecbed9}.shop-list{flex-direction:column;gap:3px;max-height:340px;display:flex;overflow-y:auto}.shop-row{grid-template-columns:38px 1fr 70px 90px;align-items:center;gap:6px;display:grid}.shop-price{text-align:right;font-variant-numeric:tabular-nums}.qty-box{justify-content:flex-end;align-items:center;gap:4px;display:flex}.qty-box span{text-align:center;min-width:22px;font-weight:700}.shop-foot{justify-content:space-between;align-items:center;margin-top:8px;font-weight:700;display:flex}.death-dialog{z-index:400;text-align:center;width:min(320px,100vw - 24px);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@media (max-width:880px){.hotkeys{flex-direction:column-reverse;gap:2px}.chat{width:min(380px,100vw - 72px)}}@media (max-width:880px) and (max-height:560px),(max-width:640px){.hotkey:nth-child(n+6){display:none}}@media (max-width:640px){.basic-info{width:210px;font-size:11px}.bi-menu{grid-template-columns:repeat(3,1fr)}.bar-text{min-width:60px;font-size:10px}.minimap{width:118px}.mm-canvas{width:94px;height:94px}.chat{width:min(300px,100vw - 72px)}.chat.collapsed{width:min(260px,100vw - 72px)}.chat-lines{height:92px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-style:solid;border-width:5px 0;border-image:url(/assets/ui/scroll_track@2x.png) 10 0 fill/5px 0}::-webkit-scrollbar-thumb{border-style:solid;border-width:5px 0;border-image:url(/assets/ui/scroll_thumb@2x.png) 10 0 fill/5px 0}.item-info-kind{color:var(--ink-soft);margin-top:1px;font-size:12px}.item-info-head>div{flex-direction:column;display:flex}.item-info.big .item-info-head img{width:64px;height:64px}.item-info.big{font-size:14px}.item-info.big .item-info-stats{gap:2px;display:grid}.item-detail-back{z-index:800;background:#1e2c5047;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.item-detail{width:min(380px,100%);max-height:min(80vh,560px);color:var(--ink);background:linear-gradient(#fbfdff,#e9f3fc);border:1px solid #5a78aa59;border-radius:12px;padding:14px 16px 12px;overflow-y:auto;box-shadow:0 10px 30px #283c6e4d}.shop-name{cursor:pointer}:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--hud-scale:1;--outline-text:0 1px 2px #3a5896f2, 0 0 3px #3a5896e6, 0 0 1px #3a5896}@supports (height:100dvh){.hud-touch #app{height:var(--app-h,100dvh)}}.touch-hud{pointer-events:none;position:absolute;inset:0}.mhud{top:var(--safe-t);right:var(--safe-r);bottom:var(--safe-b);left:var(--safe-l);pointer-events:none;font-size:12px;position:absolute}.mh-tl,.mh-menu,.mh-tr,.mh-bottom,.mh-bl,.bl-row{pointer-events:none}.mh-tl>*,.mh-menu>*,.mh-tr>*,.mh-bl>.m-joy,.bl-row>*,.mh-bottom>.mh-chat,.mh-bottom>.mh-arc,.m-target{pointer-events:auto}.mhud button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mh-tl{zoom:var(--hud-scale);flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:6px;left:6px}.m-profile{border-style:solid;border-width:9px;border-image:url(/assets/ui/window_frame@2x.png) 24 fill/9px;align-items:center;gap:7px;width:252px;padding:0 18px 0 0;display:flex;position:relative}.m-profile.mini{width:206px}.m-portrait{cursor:pointer;background:0 0;border-style:solid;border-width:0;border-image:url(/assets/ui/item_slot@2x.png) 24 fill/12px;flex:none;width:58px;height:58px;padding:5px;position:relative}.m-profile.mini .m-portrait{width:46px;height:46px;padding:4px}.m-portrait-img{width:100%;height:100%;image-rendering:pixelated;display:block}.m-lv{color:#fff;text-shadow:var(--outline-text);font-size:11px;font-weight:800;position:absolute;bottom:0;right:2px}.m-prof-body{cursor:pointer;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.m-prof-name{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;display:flex}.m-prof-name b{text-overflow:ellipsis;min-width:0;font-size:13.5px;overflow:hidden}.m-prof-name span{color:var(--ink-soft);text-overflow:ellipsis;font-size:11px;overflow:hidden}.m-prof-row{color:var(--ink-soft);justify-content:space-between;font-size:11px;display:flex}.m-profile .bar,.m-target .bar{gap:4px;margin:1px 0;position:relative}.m-profile .bar-label{width:30px;font-size:10px}.m-profile .bar-frame,.m-target .bar-frame{height:13px}.m-profile .bar-fill,.m-target .bar-fill{height:9px}.m-profile .bar-text,.m-target .bar-text{text-align:center;color:#fff;min-width:0;text-shadow:var(--outline-text);pointer-events:none;font-size:9.5px;font-weight:800;line-height:13px;position:absolute;left:34px;right:0}.m-target .bar-text{left:0}.m-card-toggle{cursor:pointer;background:url(/assets/ui/minimise_button@2x.png) 50%/20px 20px no-repeat;border:0;width:20px;height:20px;padding:0;position:absolute;top:-4px;right:-4px}.m-card-toggle.closed{transform:rotate(90deg)}.m-buffs{flex-wrap:wrap;gap:3px;max-width:252px;display:flex}.m-buff{width:28px;height:28px;position:relative}.m-buff img{width:100%;height:100%}.m-buff span{color:#fff;text-shadow:var(--outline-text);font-size:9.5px;font-weight:700;position:absolute;bottom:-3px;right:-2px}.mh-menu{zoom:var(--hud-scale);z-index:12;position:absolute;top:6px;right:6px}.top-menu{border-style:solid;border-width:8px;border-image:url(/assets/ui/chat_frame@2x.png) 22 fill/8px;gap:1px;padding:0 2px;display:flex}.m-menu-btn{min-width:46px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:0;padding:0 2px;display:flex;position:relative}.m-menu-btn img{width:34px;height:34px;transition:transform 80ms;display:block}.m-menu-btn:active img{transform:scale(.9)}.m-menu-btn.on img,.m-menu-btn.auto-on img{filter:drop-shadow(0 0 5px #ffd66ef2)}.m-menu-label{white-space:nowrap;color:var(--ink);font-size:10.5px;font-weight:700;line-height:1.25}.m-menu-btn.on .m-menu-label{color:#a26b12}.m-badge{color:#fff;background:var(--danger);text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:-2px;right:2px}.mh-tr{zoom:var(--hud-scale);z-index:11;position:absolute;top:72px;right:6px}.m-minimap{width:var(--mm-w,112px);border-style:solid;border-width:8px;border-image:url(/assets/ui/window_frame@2x.png) 24 fill/8px}.m-minimap .mm-title,.m-minimap .mm-foot{white-space:nowrap;justify-content:space-between;gap:4px;font-size:10.5px;display:flex}.m-minimap .mm-name{text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.mm-tight .m-minimap .mm-foot{display:none}.mm-view{aspect-ratio:1;cursor:zoom-in;border-radius:6px;margin:2px 0;position:relative;overflow:hidden}.mm-view canvas{width:100%;height:100%;display:block}.mm-north{color:#b8322a;background:0 0;border-style:solid;border-width:0 8px;border-image:url(/assets/ui/tab_active@2x.png) 0 16 fill/0 8px;width:24px;height:20px;padding:0;font-size:11px;font-weight:800;line-height:20px;position:absolute;top:2px;right:2px}.m-target{left:var(--target-left,50%);top:var(--target-top,6px);transform:translateX(-50%) scale(var(--hud-scale));transform-origin:top;z-index:10;border-style:solid;border-width:8px;border-image:url(/assets/ui/window_frame@2x.png) 24 fill/8px;width:250px;padding-right:22px;position:absolute}.m-target.boss{border-image-source:url(/assets/ui/tooltip_frame@2x.png)}.m-target-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:13px;font-weight:700;overflow:hidden}.m-target-x{background:url(/assets/ui/close_button@2x.png) 50%/22px 22px no-repeat;border:0;width:22px;height:22px;padding:0;position:absolute;top:-2px;right:-4px}.mh-bottom{justify-content:space-between;align-items:flex-end;gap:6px;padding:0 6px 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.mh-bl{zoom:var(--hud-scale);flex-direction:column;flex:none;align-items:flex-start;gap:8px;display:flex}.m-joy{touch-action:none;width:120px;height:120px;position:relative}.m-joy-base{opacity:.72;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.m-joy-knob{pointer-events:none;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.bl-row{align-items:center;gap:10px;min-height:46px;display:flex}.m-round{cursor:pointer;background:0 0;border:0;width:46px;height:46px;padding:0;position:relative}.m-round img{width:100%;height:100%;display:block}.m-round:active img{transform:scale(.92)}.m-round span{white-space:nowrap;color:#fff;text-shadow:var(--outline-text);font-size:10px;font-weight:700;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.m-round.on img{filter:drop-shadow(0 0 7px #ffe078f2)}.m-round.pickup.on img{animation:1.1s ease-in-out infinite m-pulse}@keyframes m-pulse{50%{filter:drop-shadow(0 0 11px #ffe482);transform:scale(1.06)}}.m-status-line{color:#fff;text-shadow:var(--outline-text);white-space:nowrap;gap:8px;font-size:10.5px;font-weight:600;display:flex}.m-status-line .bad{color:#ffb3a8}.mh-chat{zoom:var(--hud-scale)}.mh-chat.closed{align-items:center;gap:6px;min-width:0;max-width:330px;display:flex}.m-chat-btn{background:0 0;border:0;flex:none;width:42px;height:42px;padding:0}.m-chat-btn img{width:100%;height:100%}.m-chat-peek{text-align:left;min-width:0;max-width:280px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;border-style:solid;border-width:7px;border-image:url(/assets/ui/chat_frame@2x.png) 22 fill/7px;flex:1;padding:0 4px;font-size:12px;overflow:hidden}.mh-chat.open{border-style:solid;border-width:9px;border-image:url(/assets/ui/chat_frame@2x.png) 22 fill/9px;flex-direction:column;flex:0 460px;gap:3px;min-width:0;display:flex}.m-chat-head{align-items:center;gap:2px;display:flex}.m-chat-tab{height:24px;color:var(--ink-soft);background:0 0;border-style:solid;border-width:0 8px;border-image:url(/assets/ui/tab_inactive@2x.png) 0 16 fill/0 8px;padding:0 8px;font-size:12px;font-weight:700}.m-chat-tab.on{color:var(--ink);border-image-source:url(/assets/ui/tab_active@2x.png)}.m-chat-emotes{background:0 0;border:0;border-radius:5px;width:27px;height:25px;padding:1px}.m-chat-emotes.on{background:#62a0d04d}.m-chat-emotes img{width:22px;height:22px;image-rendering:pixelated}.m-emote-picker{grid-template-rows:repeat(2,31px);grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;height:66px;display:grid}.m-emote-picker button{background:0 0;border:0;min-width:0;padding:0}.m-emote-picker img{object-fit:contain;width:27px;max-width:100%;height:27px;image-rendering:pixelated}.m-chat-fold{background:url(/assets/ui/minimise_button@2x.png) 50%/24px 24px no-repeat;border:0;width:24px;height:24px;margin-left:auto;padding:0}.m-chat-lines{-webkit-user-select:text;user-select:text;height:66px;font-size:12.5px;line-height:1.35;overflow-y:auto}.m-chat-input{gap:4px;display:flex}.m-chat-input input{min-width:0;height:32px;font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;background:#ffffffeb;border:1px solid #26314f40;border-radius:8px;flex:1;padding:0 8px;font-size:16px}.m-chat-send{height:32px}.mh-arc{zoom:var(--hud-scale);flex:none;width:196px;height:190px;position:relative}.mh-arc>*{position:absolute}.m-attack{cursor:pointer;background:0 0;border:0;width:72px;height:72px;padding:0;bottom:12px;right:20px}.m-attack img{filter:drop-shadow(0 3px 5px #141e3273);width:100%;height:100%;display:block}.m-attack:active img{transform:scale(.93)}.hb-slot{cursor:pointer;filter:drop-shadow(0 2px 3px #141e3259);background:url(/assets/hud/hud_slot@2x.png) 50%/100% 100% no-repeat;border:0;border-radius:50%;padding:0;overflow:visible}.hb-slot.empty{background-image:url(/assets/hud/hud_slot_empty@2x.png)}.hb-icon{pointer-events:none;border-radius:50%;width:68%;height:68%;position:absolute;top:16%;left:16%}.hb-slot.nosp .hb-icon,.hb-slot.nostock .hb-icon{filter:grayscale(.85)brightness(.8)}.hb-key{color:#fff;text-shadow:var(--outline-text);pointer-events:none;font-size:10px;font-weight:800;position:absolute;top:1px;left:4px}.hb-qty{color:#fff;text-shadow:var(--outline-text);pointer-events:none;font-size:10px;font-weight:800;position:absolute;bottom:1px;right:3px}.hb-cd{pointer-events:none;border-radius:50%;position:absolute;inset:3px;overflow:hidden}.hb-cd>span{background:#141e3294;position:absolute;bottom:0;left:0;right:0}.hb-cd b{color:#fff;text-shadow:var(--outline-text);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.hb-auto-mark{text-align:center;color:#3a2508;pointer-events:none;background:#ffd24a;border-radius:50%;width:15px;height:15px;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:-3px;right:-3px}.mh-arc.editing .hb-slot:not(.empty){animation:.28s ease-in-out infinite alternate hb-wiggle}@keyframes hb-wiggle{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.hb-slot.sel{filter:drop-shadow(0 0 7px #ffd66e);animation:none!important}.hb-rm{z-index:3;background:url(/assets/ui/close_button@2x.png) 50%/22px 22px no-repeat;width:22px;height:22px;position:absolute;top:-8px;right:-8px}.hb-rm:after{content:"";position:absolute;inset:-6px}.hb-auto-tog{color:var(--ink);box-shadow:0 0 0 1px var(--gold);z-index:3;background:#fffffff2;border-radius:7px;padding:0 5px;font-size:9.5px;font-weight:800;line-height:15px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.hb-auto-tog:after{content:"";position:absolute;inset:0 -6px -6px}.hb-auto-tog.on{color:#3a2508;background:#ffd24a}.hb-done{font-weight:800;border-width:0 10px!important;min-width:0!important;height:auto!important;padding:0!important;font-size:13px!important}.m-auto{cursor:pointer;background:0 0;border:0;padding:0}.m-auto img{width:100%;height:100%;display:block}.m-auto span{white-space:nowrap;color:#fff;text-shadow:var(--outline-text);font-size:10px;font-weight:800;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.m-auto.on img{animation:1.4s ease-in-out infinite m-auto-on}@keyframes m-auto-on{0%,to{filter:drop-shadow(0 0 5px #5af0c8e6)}50%{filter:drop-shadow(0 0 12px #78ffd7)}}.m-toast{left:var(--toast-x,50%);bottom:var(--toast-bottom,210px);max-width:var(--toast-w,320px);text-align:center;pointer-events:none;z-index:30;border-style:solid;border-width:8px;border-image:url(/assets/ui/tooltip_frame@2x.png) 20 fill/8px;padding:2px 8px;font-size:13px;font-weight:600;animation:.18s ease-out m-toast-in;position:absolute;transform:translate(-50%)}@keyframes m-toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.touch-hud .conn-banner{top:auto;left:var(--toast-x,50%);bottom:calc(var(--toast-bottom,210px) + var(--safe-b) + 40px);max-width:var(--toast-w,320px);font-size:13px}.mhud.port .mh-menu{right:50%;transform:translate(50%)}.mhud.port .top-menu{width:calc(100vw / var(--hud-scale) - 12px);justify-content:space-between}.mhud.port .m-menu-btn{flex:1 1 0;min-width:0;padding:0}.mhud.port .m-menu-label{max-width:100%;font-size:10px;overflow:hidden}.mhud.port .mh-tl,.mhud.port .mh-tr{top:72px}.mhud.port .m-profile{width:236px}.mhud.port .m-minimap{width:124px}.mhud.port .mh-bottom>.mh-chat{position:absolute;bottom:calc(100% + 4px);left:6px}.mhud.port .mh-bottom>.mh-chat.open{width:auto;right:6px}.mhud.port .mh-bl{flex-direction:column-reverse;gap:18px}.mhud.land .bl-row{padding-bottom:12px}.mhud.win-open .mh-tl,.mhud.win-open .mh-tr,.mhud.win-open .m-target,.mhud.win-open .mh-chat{display:none}.m-windows{top:calc(var(--win-top,70px));bottom:calc(var(--win-bottom,12px));left:calc(var(--win-left,6px));right:calc(var(--win-right,6px));pointer-events:none;z-index:40;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute}.m-windows>.win,.m-windows>.npc-dialog{pointer-events:auto;flex:0 auto;max-width:540px;min-height:0;max-height:100%;width:100%!important;position:relative!important;inset:auto!important;transform:none!important}.win-sheet .win-title{cursor:default;height:28px;font-size:14px}.win-sheet .win-close{background-size:28px 28px;width:28px;height:28px}.hud-touch .win .btn{min-width:64px;height:32px;font-size:14px}.hud-touch .win .btn-small{height:30px;font-size:13px}.hud-touch .st-up{width:30px;height:30px}.hud-touch .item-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.hud-touch .slot{width:44px;height:44px}.hud-touch .npc-choice{min-height:40px;font-size:15px}.hud-touch .death-dialog{z-index:60}.pick-detail{border-top:1px solid #26314f26;flex-direction:column;gap:6px;margin-top:6px;padding-top:6px;display:flex}.row.wrap{flex-wrap:wrap}.slot-picked,.eq-slot.picked .slot{outline:2px solid var(--gold);outline-offset:-1px;border-radius:6px}.skill-row.picked{background:#c99a3c29;border-radius:6px}.auto-grid{grid-template-columns:1fr auto minmax(110px,1fr);align-items:center;gap:6px 8px;font-size:13px;display:grid}.auto-grid .span2{grid-column:span 2}.auto-grid .span3{grid-column:1/-1;margin:0}.auto-slider{align-items:center;gap:6px;display:flex}.auto-slider input{flex:1;min-width:0}.auto-slider b{text-align:right;font-variant-numeric:tabular-nums;min-width:34px}.m-coach{z-index:150;pointer-events:auto;position:fixed;inset:0}.m-coach:not(:has(.m-coach-ring)){background:#10182c99}.m-coach-ring{pointer-events:none;border-radius:14px;position:absolute;box-shadow:0 0 0 4000px #10182c9e,0 0 0 2px #ffe08af2,0 0 18px #ffe08acc}.m-coach-label{text-align:center;padding:2px 6px 4px;position:absolute}.m-coach-step{color:#a26b12;font-size:12px;font-weight:800}.m-coach-text{margin:2px 0 8px;font-size:14.5px;font-weight:600;line-height:1.45}@media (max-height:430px){.hud-touch .npc-text{min-height:0;margin:2px 2px 6px}.hud-touch .npc-choice{min-height:32px;padding:2px 10px;font-size:14px}.hud-touch .win-sheet .win-title{height:24px;font-size:13px}.hud-touch .win-sheet .win-close{background-size:24px 24px;width:24px;height:24px}}.auto-sum{background:#8ec9f529;border:1px solid #5a668738;border-radius:8px;margin:0 0 10px;padding:8px 10px}.auto-sum-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.auto-sum-time{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.auto-state{color:var(--ok);margin-left:auto;font-size:12px;font-weight:700}.auto-state.rest,.auto-state.revive{color:var(--warn)}.auto-state.return{color:#3a78c2}.auto-state.off{color:var(--ink-soft)}.auto-sum dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:6px 0 0;display:grid}.auto-sum dt{color:var(--ink-soft)}.auto-sum dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.auto-sum dd small{color:var(--ink-soft);margin-left:6px;font-weight:400}.powersave{z-index:900;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#aab6cf;touch-action:none;-webkit-user-select:none;user-select:none;background:#070a12;place-items:center;transition:opacity .3s;display:grid;position:fixed;inset:0}.powersave.waking{opacity:0}.ps-body{flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);transition:transform 1.2s;display:flex}.ps-logo{opacity:.55;width:min(190px,46vw)}.ps-clock{letter-spacing:1px;color:#d5deef;font-variant-numeric:tabular-nums;font-size:44px;font-weight:300}.ps-title{color:#7f8cab;text-align:center;font-size:13px}.ps-char{flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:13px;display:flex}.ps-char b{color:#d5deef}.powersave .auto-sum{color:#c7d2e8;background:#8ec9f50f;border-color:#8ec9f524;width:100%}.powersave .auto-sum dt,.powersave .auto-sum-time,.powersave .auto-sum dd small{color:#8391ae}.powersave .auto-state{color:#7fcf8a}.powersave .auto-state.rest,.powersave .auto-state.revive{color:#e7b25a}.powersave .auto-state.return{color:#8fbfff}.ps-tap{color:#5f6b88;margin-top:6px;font-size:12px}@media (orientation:landscape) and (max-height:420px){.ps-logo{display:none}.ps-clock{font-size:30px}.ps-body{gap:6px}}