:root{--m-paper:rgba(255,253,247,.93);--m-solid:#fffdf7;--m-line:#e1e6d8;--m-line2:#d3dccb;--m-ink:#35483d;--m-muted:#6c7468;--m-primary:#49634f;--m-primary2:#3c5442;--m-sage:#e8efe2;--m-rose:#f5e3e4;--m-lilac:#ece8f4;--m-oat:#f3ecd9;--m-hp:#cb8893;--m-mp:#9699c9;--m-exp:#b7a16b;--m-focus:#8b79b8;--m-shadow:0 1px 2px rgba(36,52,43,.07),0 6px 18px rgba(36,52,43,.11);--m-gap:12px;--m-font:"Leelawadee UI","Segoe UI","Noto Sans Thai",Tahoma,system-ui,sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}.monoria-hud .mh-player{left:var(--m-gap);bottom:var(--m-gap);width:284px;padding:11px 14px 0;border:1px solid var(--m-line);border-radius:14px;background:var(--m-paper);box-shadow:var(--m-shadow)}.monoria-hud .mh-player-heading{gap:8px;margin-bottom:8px}.monoria-hud .mh-emblem{width:26px;height:26px;border-radius:50%;background:var(--m-sage);color:#6f8a66}.monoria-hud .mh-player-heading strong{font-size:13.5px;font-weight:600;color:var(--m-ink)}.monoria-hud .mh-player-heading>span:not(.mh-emblem){font-size:11px;color:var(--m-muted)}.monoria-hud .mh-player-heading [data-channel]{padding-left:8px;border-left-color:var(--m-line)}.monoria-hud .mh-vitals{gap:6px}.monoria-hud .mh-meter{gap:8px;font:600 10.5px/1.2 var(--m-font)}.monoria-hud .mh-meter>span:first-child{width:22px;letter-spacing:.04em;color:var(--m-muted)}.monoria-hud .mh-meter>span:last-child{width:66px;font-weight:500;font-size:11px;color:var(--m-ink)}.monoria-hud .mh-track{height:6px;border-radius:99px;background:#ebe8df;box-shadow:none}.monoria-hud .mh-track>span{background:var(--m-hp)}.monoria-hud .mh-mp .mh-track>span{background:var(--m-mp)}.monoria-hud .mh-mp>span:first-child,.monoria-hud .mh-hp>span:first-child{color:var(--m-muted)}.monoria-hud .mh-wallet{margin:9px 0 7px;font-size:11px;color:var(--m-muted)}.monoria-hud .mh-exp-track{height:3px;margin:0 -14px;border-radius:0;background:#efede3}.monoria-hud .mh-exp-track>span{background:var(--m-exp);border-radius:0}.monoria-hud .mh-player.mh-low-hp{border-color:#d58a98}.monoria-hud .mh-low-hp .mh-hp [data-hp-fill]{background:#b8566a}.monoria-hud .mh-area{top:16px;gap:3px;animation:m-title-out 1.2s ease 5s forwards}.monoria-hud .mh-area>span{font-size:9.5px;letter-spacing:.32em;color:#5f7259}.monoria-hud .mh-area>strong{font:400 24px/1.1 Georgia,serif;color:#3f553f}.monoria-hud .mh-area>small{font-size:11px;color:var(--m-primary)}@keyframes m-title-out{to{opacity:0;visibility:hidden}}.monoria-hud .mh-menu{top:var(--m-gap);right:var(--m-gap);bottom:auto;height:40px;min-width:0;padding:0 12px 0 13px;gap:8px;border:1px solid var(--m-line);border-radius:12px;background:var(--m-paper);box-shadow:var(--m-shadow)!important;color:var(--m-primary);font:600 12.5px var(--m-font)}.monoria-hud .mh-menu:hover{background:var(--m-sage)}.monoria-hud .mh-menu svg{width:18px;height:18px}.monoria-hud .mh-menu kbd{font:600 10px/1 var(--m-font);padding:3px 5px;border-radius:5px;border-color:var(--m-line2);background:var(--m-solid);color:var(--m-muted)}.monoria-hud .mh-context{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(460px,calc(100vw - 24px));padding:7px 14px;border:1px solid var(--m-line);border-radius:99px;background:var(--m-paper);box-shadow:var(--m-shadow);color:var(--m-ink);font-size:12.5px}html body #status{padding:7px 14px;border:0;border-radius:99px;background:#24342bd1;color:#f6f4ea;font-size:12px;box-shadow:none}.live-toast{padding:9px 16px;border:1px solid var(--m-line);border-radius:12px;background:var(--m-solid);color:var(--m-ink);box-shadow:var(--m-shadow);font-size:12.5px}.mn-minimap{width:196px;border:1px solid var(--m-line);border-radius:14px;background:var(--m-paper);box-shadow:var(--m-shadow);color:var(--m-ink)}.mn-minimap-heading{height:32px;padding:0 6px 0 12px;background:transparent;border-bottom-color:var(--m-line)}.mn-minimap-heading strong{font-size:12px;font-weight:600;letter-spacing:0}.mn-minimap-channel{font-size:10px;color:var(--m-muted);opacity:1}.mn-minimap .mn-map-icon-button{width:24px;height:24px;border-radius:7px;color:var(--m-muted)}.mn-minimap .mn-map-icon-button:hover{background:var(--m-sage)}.mn-minimap-footer{padding:4px 10px 7px}.mn-map-legend{font-size:9.5px;color:var(--m-muted)}.mn-minimap .mn-world-open{font-size:10px;color:var(--m-primary)}.live-chat{left:var(--m-gap);bottom:calc(var(--m-gap) + var(--m-card-h,112px) + 8px);width:284px;border:1px solid var(--m-line);border-radius:12px;background:var(--m-paper);box-shadow:var(--m-shadow);font-size:12px}.live-chat>button{padding:8px 12px;font-size:12px;color:var(--m-ink)}.live-chat-hint{font-size:10px;color:var(--m-muted)}.live-chat ol{font-size:12px}.live-chat form{border-top-color:var(--m-line)}.live-chat form input,.live-chat form select,.live-chat form button{font-size:11.5px;padding:5px 7px;border-radius:7px}.live-hotbar{right:var(--m-gap);bottom:var(--m-gap);gap:6px;padding:6px;border:1px solid var(--m-line);border-radius:14px;background:var(--m-paper);box-shadow:var(--m-shadow)}.live-hotbar-potions{border-left-color:var(--m-line)}.live-hotbar button{border-color:var(--m-line);border-radius:8px;background:#f2f3eb;color:#8d9f77}.live-hotbar button kbd{font:600 9px/1 var(--m-font);color:var(--m-muted)}.live-hotbar .live-more{color:var(--m-muted)}.live-window{border-color:var(--m-line2);border-radius:16px;box-shadow:0 2px 4px #24342b0f,0 18px 46px #1c2c2438}.live-window.is-front{border-color:#b9c6ac;box-shadow:0 2px 4px #24342b14,0 22px 54px #1c2c2447}.live-window-title{min-height:50px;padding:8px 10px 8px 16px;background:transparent;border-bottom-color:var(--m-line)}.live-window-title small{font-size:9px;letter-spacing:.2em;color:var(--m-muted)}.live-window-title strong{font-size:15px;color:var(--m-ink)}.live-window .live-window-close{width:32px;height:32px;border-radius:50%;background:var(--m-sage);color:var(--m-ink);font-size:20px}.live-window .live-window-resize{background:transparent;color:#b3bea5}.live-window p{color:var(--m-muted)}.live-window small{font-size:10.5px}@media(max-width:720px){.monoria-hud .mh-player{width:240px;left:8px;bottom:8px;padding:9px 11px 0}.monoria-hud .mh-exp-track{margin:0 -11px}.monoria-hud .mh-menu{top:8px;right:8px;bottom:auto}.monoria-hud .mh-area{top:12px}.monoria-hud .mh-area>strong{font-size:17px}}@media(max-width:700px){.live-hotbar{bottom:126px}.live-chat{left:8px;width:240px;bottom:180px}html.is-touch .live-hotbar{bottom:calc(var(--sab) + 10px)}}@media(max-width:600px){.mn-minimap{width:156px}}@media(prefers-reduced-motion:reduce){.monoria-hud .mh-area{animation-duration:.01s}}html.is-touch{--A:clamp(64px,calc(var(--game-height,100dvh)*.19),86px);--S:clamp(42px,calc(var(--game-height,100dvh)*.125),56px);--Q:calc(var(--S)*.9);--g:6px;--pad-size:clamp(120px,calc(var(--game-height,100dvh)*.36),168px);--cxr:calc(var(--sar) + 14px + var(--A)/2);--cyb:calc(var(--sab) + 26px + var(--A)/2);--r1:calc(var(--A)/2 + var(--g) + var(--S)/2);--r2:calc(var(--r1) + var(--S) + var(--g));--row-r:calc(var(--cxr) + var(--r2) + var(--S)/2 + 14px);--row-b:calc(var(--sab) + 12px)}#touch-controls{position:fixed;left:var(--game-left,0px);top:var(--game-top,0px);width:var(--game-width,100%);height:var(--game-height,100%);z-index:9;pointer-events:none;touch-action:none}html.is-touch #touch-controls{display:block!important}html:not(.is-touch) #touch-controls{display:none!important}.tc-pad{position:absolute;left:calc(var(--sal) + 16px);bottom:calc(var(--sab) + 12px);width:var(--pad-size);height:var(--pad-size);border-radius:50%;background:radial-gradient(circle,#fffdf729 0 39%,#fffdf76b 40%);border:1px solid rgba(255,253,247,.85);box-shadow:0 6px 18px #14201a29;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.tc-arrow{position:absolute;width:12%;height:12%;border:solid rgba(53,72,61,.55);border-width:0 3px 3px 0;border-radius:2px}.tc-arrow.up{left:44%;top:10%;transform:rotate(-135deg)}.tc-arrow.down{left:44%;bottom:10%;transform:rotate(45deg)}.tc-arrow.left{top:44%;left:10%;transform:rotate(135deg)}.tc-arrow.right{top:44%;right:10%;transform:rotate(-45deg)}.tc-arrow.on{border-color:var(--m-primary)}.tc-knob{position:absolute;left:31%;top:31%;width:38%;height:38%;border-radius:50%;background:#fffdf7f2;box-shadow:0 2px 8px #14201a40;transition:transform .12s ease-out}.tc-pad.active .tc-knob{transition:none;background:#fff}.tc-acts{position:absolute;inset:0;pointer-events:none}#touch-controls .tc-btn,html.is-touch .live-hotbar button{position:absolute;display:grid;place-items:center;align-content:center;gap:1px;margin:0;padding:0;border-radius:50%;border:1px solid rgba(255,253,247,.95);background:#fffdf7db;color:var(--m-primary);box-shadow:0 3px 12px #14201a33;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;font:600 10px/1 var(--m-font);transition:transform .08s,background .1s}#touch-controls .tc-btn{width:var(--S);height:var(--S)}#touch-controls .tc-btn svg{width:calc(var(--S)*.42);height:calc(var(--S)*.42);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#touch-controls .tc-btn span{pointer-events:none}#touch-controls .tc-btn.on,html.is-touch .live-hotbar button:active{transform:scale(.92);background:#fff}#touch-controls .tc-btn.attack{right:calc(var(--cxr) - var(--A)/2);bottom:calc(var(--cyb) - var(--A)/2);width:var(--A);height:var(--A);background:var(--m-primary);border-color:#fffdf78c;color:var(--m-solid);font-size:11px}#touch-controls .tc-btn.attack svg{width:calc(var(--A)*.36);height:calc(var(--A)*.36)}#touch-controls .tc-btn.attack.on{background:var(--m-primary2)}#touch-controls .tc-btn.jump{right:calc(var(--cxr) + var(--r1) - var(--S)/2);bottom:calc(var(--cyb) - var(--S)/2)}#touch-controls .tc-btn.pick{right:var(--row-r);bottom:var(--row-b);width:var(--Q);height:var(--Q)}#touch-controls .tc-btn.use{right:calc(var(--row-r) + var(--Q) + 8px);bottom:var(--row-b);width:var(--Q);height:var(--Q);background:var(--m-rose);color:#8b5261}html.is-touch .live-hotbar{position:absolute;inset:0;transform:none;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none;display:block}html.is-touch .live-hotbar-slots,html.is-touch .live-hotbar-potions{display:contents}html.is-touch .live-hotbar button{width:var(--S);height:var(--S);color:#8d9f77}html.is-touch .live-hotbar button img,html.is-touch .live-hotbar .live-item-symbol{width:62%;height:62%}html.is-touch .live-hotbar button kbd,html.is-touch .live-hotbar .live-more{display:none}html.is-touch .live-hotbar .live-cooldown{border-radius:50%}html.is-touch .live-hotbar .live-slot-empty{font-size:18px;color:#c9d0bd}html.is-touch .live-hotbar-slots>button:nth-child(n+7){display:none}html.is-touch .live-hotbar-slots>button:nth-child(1){right:calc(var(--cxr) + var(--r1)*.7071 - var(--S)/2);bottom:calc(var(--cyb) + var(--r1)*.7071 - var(--S)/2)}html.is-touch .live-hotbar-slots>button:nth-child(2){right:calc(var(--cxr) - var(--S)/2);bottom:calc(var(--cyb) + var(--r1) - var(--S)/2)}html.is-touch .live-hotbar-slots>button:nth-child(3){right:calc(var(--cxr) + var(--r2) - var(--S)/2);bottom:calc(var(--cyb) - var(--S)/2)}html.is-touch .live-hotbar-slots>button:nth-child(4){right:calc(var(--cxr) + var(--r2)*.866 - var(--S)/2);bottom:calc(var(--cyb) + var(--r2)*.5 - var(--S)/2)}html.is-touch .live-hotbar-slots>button:nth-child(5){right:calc(var(--cxr) + var(--r2)*.5 - var(--S)/2);bottom:calc(var(--cyb) + var(--r2)*.866 - var(--S)/2)}html.is-touch .live-hotbar-slots>button:nth-child(6){right:calc(var(--cxr) - var(--S)/2);bottom:calc(var(--cyb) + var(--r2) - var(--S)/2)}html.is-touch .live-hotbar [data-potion]{width:var(--Q);height:var(--Q);bottom:var(--row-b)}html.is-touch .live-hotbar [data-potion=hp_petal_small]{right:calc(var(--row-r) + 2*var(--Q) + 16px);background:#f5e3e4eb}html.is-touch .live-hotbar [data-potion=mp_dew_small]{right:calc(var(--row-r) + 3*var(--Q) + 24px);background:#ece8f4eb}html.is-touch .live-hotbar .live-stack{right:50%;bottom:-3px;transform:translate(50%);padding:0 5px;border-radius:99px;background:var(--m-solid);font:700 10px/1.4 var(--m-font);color:var(--m-ink);text-shadow:none;box-shadow:0 1px 3px #14201a33}html.is-touch .monoria-hud .mh-player{top:calc(var(--sat) + 8px);bottom:auto;left:calc(var(--sal) + 8px);width:212px;padding:8px 11px 0;background:#fffdf7db}html.is-touch .monoria-hud .mh-emblem{display:none}html.is-touch .monoria-hud .mh-player-heading{margin-bottom:6px}html.is-touch .monoria-hud .mh-wallet{display:none}html.is-touch .monoria-hud .mh-exp-track{margin:7px -11px 0}html.is-touch .monoria-hud .mh-area{display:none}html.is-touch .monoria-hud .mh-menu{top:calc(var(--sat) + 8px);right:calc(var(--sar) + 8px);width:44px;height:44px;padding:0;border-radius:50%;justify-content:center}html.is-touch .monoria-hud .mh-menu span,html.is-touch .monoria-hud .mh-menu kbd{display:none}html.is-touch .mn-minimap{top:calc(var(--sat) + 8px);left:auto;right:calc(var(--sar) + 60px);width:150px}html.is-touch .live-chat{top:calc(var(--sat) + 60px);bottom:auto;left:auto;right:calc(var(--sar) + 8px);width:44px;border-radius:22px}html.is-touch .live-chat>button{height:42px;padding:0;text-align:center;font-size:11px}html.is-touch .live-chat-hint{display:none}html.is-touch .live-chat:has([data-chat-body]:not([hidden])){z-index:13;top:calc(var(--sat) + 8px);right:calc(var(--sar) + 60px);width:min(340px,calc(100vw - 260px));border-radius:14px}html.is-touch .live-chat:has([data-chat-body]:not([hidden]))>button{padding:0 12px;text-align:left}html.is-touch .live-chat ol{height:72px}html.is-touch .monoria-hud .mh-context{bottom:calc(var(--row-b) + var(--Q) + 10px)}html.is-touch body #status{top:calc(var(--sat) + 30%)}@media(max-aspect-ratio:4/5){html.is-touch{--A:min(21vw,86px);--S:min(13vw,56px);--pad-size:min(40vw,164px);--cyb:calc(var(--sab) + 34px + var(--A)/2);--row-b:calc(var(--sab) + 20px + var(--pad-size) + 12px)}.tc-pad{bottom:calc(var(--sab) + 20px)}#touch-controls .tc-btn.pick{right:auto;left:calc(var(--sal) + 16px)}#touch-controls .tc-btn.use{right:auto;left:calc(var(--sal) + 16px + var(--Q) + 8px)}html.is-touch .live-hotbar [data-potion=hp_petal_small]{right:auto;left:calc(var(--sal) + 16px + 2*var(--Q) + 16px)}html.is-touch .live-hotbar [data-potion=mp_dew_small]{right:auto;left:calc(var(--sal) + 16px + 3*var(--Q) + 24px)}html.is-touch .monoria-hud .mh-player{width:calc(100% - 16px - 52px - var(--sal) - var(--sar))}html.is-touch .monoria-hud .mh-wallet{display:flex}html.is-touch .monoria-hud .mh-exp-track{margin:0 -11px}html.is-touch .mn-minimap{top:calc(var(--sat) + 8px + var(--m-card-portrait,112px) + 6px);left:calc(var(--sal) + 8px);right:auto}html.is-touch .live-chat:has([data-chat-body]:not([hidden])){top:calc(var(--sat) + 8px + var(--m-card-portrait,112px) + 6px);right:calc(var(--sar) + 8px);width:calc(100% - 16px - var(--sal) - var(--sar))}html.is-touch .monoria-hud .mh-context{bottom:max(calc(var(--row-b) + var(--Q) + 10px),calc(var(--cyb) + var(--r2) + var(--S)/2 + 12px))}}@media(max-aspect-ratio:4/5){html.is-touch:has(.mh-combat-resources:not([hidden])){--m-card-portrait:133px}}html.is-touch .live-hotbar-slots>button:has(.live-slot-empty){background:#fffdf773;border:1.5px dashed rgba(255,253,247,.95);box-shadow:none}html.is-touch .mn-minimap-footer{display:none}@media(max-aspect-ratio:4/5){html.is-touch .mn-minimap-footer{display:flex}}html.is-touch input:not([type=checkbox]):not([type=radio]):not([type=range]),html.is-touch textarea,html.is-touch select{font-size:16px}html.is-touch.is-editing #touch-controls,html.is-touch.is-editing .live-hotbar,html.is-touch.is-editing .live-auto-bar{visibility:hidden;pointer-events:none}html.is-touch:has([data-window=skills]:not([hidden])) #touch-controls,html.is-touch:has([data-window=skills]:not([hidden])) .live-hotbar{visibility:hidden;pointer-events:none}html.is-touch.is-editing .live-chat:has([data-chat-body]:not([hidden])){top:calc(var(--sat) + 8px);left:calc(var(--sal) + 8px);right:auto;width:calc(100% - 16px - var(--sal) - var(--sar));max-height:calc(100% - 16px - var(--sat) - var(--sab));overflow:auto}html.is-touch .live-window-layer{padding:var(--sat) var(--sar) var(--sab) var(--sal)}html.is-touch #game-ui #npc-dialogue,html.is-touch #game-ui #transfer-offer{left:calc((100% + var(--sal) - var(--sar))/2);top:calc((100% + var(--sat) - var(--sab))/2);width:min(400px,calc(100% - var(--sal) - var(--sar) - 24px));max-height:calc(100% - var(--sat) - var(--sab) - 24px)}