@font-face{font-family:Noto Sans Thai;src:url(/assets/fonts/NotoSansThai.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ink:#090b0f;--ink2:#11141b;--slate:#303f50;--bronze:#9a582b;--bronze2:#c08a4f;--gold:#d7ad68;--jade:#5f8572;--jade2:#83aa8f;--plum:#5f3344;--crimson:#9a473e;--paper:#eee0c4;--mist:#9fb2b7}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{font-family:Noto Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none;overscroll-behavior:none;color:#fff}canvas{display:block;width:100%!important;height:100%!important}button{font-family:inherit}.game-hud{position:fixed;inset:0;z-index:14;display:none;pointer-events:none;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(16px + var(--safe-left));text-shadow:0 2px 3px #000}.gameplay-active .game-hud{display:block}.hud-frame{position:relative;background:linear-gradient(180deg,#16191feb,#0a0c10e6);border:4px solid transparent;border-image:url(/assets/ui/panel-border-brown-detail.png) 16 fill / 4px stretch;box-shadow:0 7px 22px #0000006b,inset 0 0 0 1px #ffe6b112,inset 0 -8px 18px #00000047}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:9px;height:9px;border-color:#d7ad68b3;pointer-events:none}.hud-frame:before{left:4px;top:4px;border-left:2px solid;border-top:2px solid}.hud-frame:after{right:4px;bottom:4px;border-right:2px solid;border-bottom:2px solid}.hud-player{position:absolute;left:calc(16px + var(--safe-left));top:calc(14px + var(--safe-top));width:min(348px,34vw);min-width:278px;height:82px;padding:10px 12px 9px 76px;clip-path:polygon(0 0,95% 0,100% 18%,100% 100%,5% 100%,0 82%)}.hud-portrait{position:absolute;left:10px;top:9px;width:56px;height:60px;display:grid;place-items:center;border:2px solid var(--bronze2);background:radial-gradient(circle at 50% 35%,#664334,#1a1e21 63%,#090b0e);box-shadow:inset 0 0 0 3px #17120e,0 0 18px #ab66383d;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.hud-portrait span{font-size:17px;font-weight:800;color:#e8c886;letter-spacing:.08em}.hud-player-main{min-width:0}.hud-player-head{display:flex;align-items:center;justify-content:space-between;height:20px;color:var(--paper);font-size:14px}.hud-player-head strong{font-weight:800}.hud-level{color:#e4bd76;font-size:12px;padding-left:8px}.hud-bar{position:relative;height:18px;margin-top:4px;overflow:hidden;background:#080a0e;border:1px solid #3b3229;box-shadow:inset 0 2px 5px #000}.hud-bar i{position:absolute;left:1px;top:1px;bottom:1px;width:100%;transition:width .12s ease}.hud-bar span{position:relative;z-index:2;display:block;text-align:center;font:700 10px/16px Noto Sans Thai,sans-serif;color:#f4ead7;letter-spacing:.02em}.hud-bar-hp i{background-image:url(/assets/ui/progress-red.png),linear-gradient(90deg,#6f2427,#be554b 58%,#da7659);background-size:auto 100%,100% 100%;background-repeat:repeat-x,no-repeat}.hud-bar-row{display:grid;grid-template-columns:1.35fr .65fr;gap:5px}.hud-bar-row .hud-bar{height:14px;margin-top:4px}.hud-bar-row .hud-bar span{font-size:8px;line-height:12px}.hud-bar-spirit i{background-image:url(/assets/ui/progress-green.png),linear-gradient(90deg,#32565a,#5f8e8b);background-size:auto 100%,100% 100%;background-repeat:repeat-x,no-repeat}.hud-bar-exp i{background:linear-gradient(90deg,#6a6236,#b1994c)}.hud-zone{position:absolute;top:calc(14px + var(--safe-top));left:50%;transform:translate(-50%);width:min(360px,32vw);min-width:270px;height:62px;padding:8px 13px 7px;clip-path:polygon(5% 0,95% 0,100% 30%,96% 100%,4% 100%,0 30%)}.hud-zone-title{height:22px;display:flex;align-items:center;justify-content:center;gap:7px;color:#efe2c8;font-size:14px}.hud-zone-title strong{font-weight:800;white-space:nowrap}.hud-knot{color:var(--gold);font-size:9px}.hud-night{color:#9ea9ae;font-size:9px;border-left:1px solid #5c5143;padding-left:7px}.haunting-line{display:grid;grid-template-columns:auto 1fr 22px;align-items:center;gap:7px;color:#c9b890;font-size:9px}.haunting-line b{color:#dcaf6e}.haunting-track{height:7px;background:#07090c;border:1px solid #4e4031;overflow:hidden}.haunting-track i{display:block;height:100%;background:linear-gradient(90deg,#593047,#8e4960,#c27665);box-shadow:0 0 8px #b2595c57}.hud-boss{position:absolute;top:calc(82px + var(--safe-top));left:50%;transform:translate(-50%);width:min(620px,55vw);height:58px;padding:5px 14px 8px;background:linear-gradient(180deg,#1f121cf5,#0b0a0eeb);border-top:1px solid #c19b5e;border-bottom:1px solid #5c3b36;box-shadow:0 10px 32px #00000073;text-align:center}.boss-crown{font-size:8px;letter-spacing:.25em;color:#caa965}.boss-name{font-size:15px;font-weight:900;color:#f0d9b0;margin-top:-1px}.boss-track{height:10px;margin-top:2px;border:1px solid #4e3534;background:#07080b;overflow:hidden}.boss-track i{display:block;height:100%;width:100%;background-image:url(/assets/ui/progress-red.png),linear-gradient(90deg,#5c213d,#9b3d52,#c96855);background-size:auto 100%,100% 100%;background-repeat:repeat-x,no-repeat}.boss-value{position:absolute;right:16px;bottom:9px;font-size:8px;color:#dccaa9}.hud-right{position:absolute;right:calc(16px + var(--safe-right));top:calc(14px + var(--safe-top));width:170px;display:grid;gap:7px}.hud-minimap{height:122px;padding:8px 7px 6px}.minimap-ring{position:relative;width:88px;height:88px;margin:0 auto;border-radius:50%;overflow:hidden;border:0;background-image:url(/assets/ui/minimap-ring-brown-detail.png),radial-gradient(circle,#31473f 0 26%,#1a2828 27% 52%,#11171c 53%);background-size:100% 100%,100% 100%;background-position:center;box-shadow:inset 0 0 22px #000,0 0 0 3px #1b1511}.map-road{position:absolute;display:block;background:#82745a;opacity:.5}.road-a{width:120px;height:8px;left:-15px;top:42px;transform:rotate(22deg)}.road-b{width:90px;height:7px;left:3px;top:28px;transform:rotate(-38deg)}.map-dot{position:absolute;width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.player-dot{left:43px;top:52px;color:#d8c06d;background:#f0da84}.danger-dot{right:18px;top:22px;color:#b14c4c;background:#d86558}.map-shrine{position:absolute;left:19px;top:20px;color:#b99358;font-size:12px}.minimap-caption{text-align:center;color:#c7b894;font-size:9px;margin-top:3px}.hud-currency{display:flex;justify-content:space-between;padding:6px 9px;color:#bdb39e;font-size:9px}.hud-currency b{color:#e3c27b;font-weight:800}.hud-objective{padding:8px 10px;color:#c8c0b1;font-size:10px;line-height:1.35}.hud-objective b{display:block;color:#d5ad68;font-size:10px;margin-bottom:3px}.hud-objective span{display:block;color:#e7ddc9}.hud-objective small{display:block;color:#8ea89e;font-size:8px;margin-top:3px}.hud-combat-toast{position:absolute;left:50%;top:25%;transform:translate(-50%,-50%);max-width:min(520px,54vw);padding:6px 13px;border-left:2px solid rgba(215,173,104,.62);border-right:2px solid rgba(215,173,104,.62);background:linear-gradient(90deg,transparent,rgba(7,9,12,.76) 12%,rgba(7,9,12,.76) 88%,transparent);font-size:12px;color:#efe3c8;text-align:center;opacity:.92}.hud-combo{position:absolute;left:50%;top:33%;transform:translate(-50%);color:#e6b867;font:900 22px/1 Noto Sans Thai;letter-spacing:.04em;filter:drop-shadow(0 3px 2px #000)}.hud-skill-dock{position:absolute;left:50%;bottom:calc(12px + var(--safe-bottom));transform:translate(-50%);height:72px;padding:7px 10px;display:flex;gap:6px;align-items:center;background:linear-gradient(180deg,#18191ce0,#080a0ded)}.hud-skill{position:relative;width:54px;height:54px;border:1px solid #81623c;background:radial-gradient(circle at 45% 35%,#414449,#16191d 70%);box-shadow:inset 0 0 0 2px #11100e,inset 0 0 13px #000;display:grid;place-items:center;overflow:hidden}.hud-skill:after{content:"";position:absolute;inset:3px;border:1px solid rgba(221,185,113,.16);pointer-events:none}.hud-skill small{position:absolute;right:3px;bottom:1px;color:#c5aa76;font-size:8px;font-weight:800}.hud-skill em{position:absolute;inset:0;display:grid;place-items:center;background:#040609ba;color:#fff;font-style:normal;font-size:13px;font-weight:900;opacity:0;transition:opacity .1s}.hud-skill.cooling em{opacity:1}.skill-rune{font-size:12px;font-weight:800;color:#ecdfc5}.rune-strike{color:#e5b28a}.rune-seal{color:#d7c46e}.rune-fire{color:#e17656}.rune-guard{color:#82b596}.hud-dodge{margin-left:4px;border-color:#536c67}.hud-dodge .skill-rune{color:#9fc2b9}.touch-controls{position:fixed;inset:0;z-index:20;display:none;pointer-events:none}.touch-enabled.gameplay-active .touch-controls{display:block}.move-stick{position:absolute;left:calc(18px + var(--safe-left));bottom:calc(16px + var(--safe-bottom));width:150px;height:150px;pointer-events:auto;touch-action:none;display:grid;place-items:center}.move-stick-ring{position:relative;width:128px;height:128px;border-radius:50%;border:2px solid rgba(196,154,88,.58);background:radial-gradient(circle,#262b2b6b,#080b0e94 66%,#00000029);display:grid;place-items:center;box-shadow:inset 0 0 28px #00000094,0 0 0 4px #110e0b59}.move-stick-ring:before,.move-stick-ring:after{content:"";position:absolute;background:#c3a66e2e}.move-stick-ring:before{width:1px;height:92px}.move-stick-ring:after{height:1px;width:92px}.move-stick-mark{position:absolute;color:#dcbe7f40;font-size:92px;line-height:1}.move-stick-knob{z-index:2;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 40% 32%,#b48b55,#745334 68%,#2b2119);border:2px solid #d0ae72;box-shadow:0 4px 14px #00000080,inset 0 0 10px #0006;transition:transform 40ms linear}.action-cluster{position:absolute;right:calc(14px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));display:grid;grid-template-columns:repeat(3,62px);grid-auto-rows:58px;gap:7px;pointer-events:auto;align-items:stretch}.action-cluster button{position:relative;min-width:56px;min-height:56px;border-radius:50%;border:1px solid rgba(211,173,105,.66);background-image:url(/assets/ui/round-brown-dark.png),radial-gradient(circle at 38% 30%,#4e4d4b,#1a1d21 70%);background-size:100% 100%,100% 100%;background-color:transparent;color:#f1e4cc;box-shadow:0 5px 16px #0000006b,inset 0 0 0 2px #08080899,inset 0 0 14px #00000080;touch-action:manipulation;display:flex;flex-direction:column;align-items:center;justify-content:center}.action-cluster button span{font-size:10px;font-weight:800;line-height:1}.action-cluster button small{font-size:7px;color:#bda57b;margin-top:3px}.action-cluster button:active{transform:scale(.94);filter:brightness(1.25)}.action-cluster .skill-one{border-color:#a97852}.action-cluster .skill-two{border-color:#ad9556}.action-cluster .skill-three{border-color:#a85e48}.action-cluster .skill-four{border-color:#608b73;background-image:url(/assets/ui/round-green-detail.png),radial-gradient(circle at 38% 30%,#3f574a,#17201c 70%)}.action-cluster .attack-button{grid-row:2 / span 2;grid-column:3;min-height:124px;border-radius:30px;background-image:url(/assets/ui/round-damaged-brown-dark.png),radial-gradient(circle at 40% 24%,#aa6045,#612d2e 68%,#26151a);background-size:100% 100%,100% 100%;border-color:#c98f62}.action-cluster .attack-button span{font-size:13px}.utility-button{border-color:#647c75!important}.rotate-guard{display:none;position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 28%,#263b38 0,#121820 45%,#080a0e);padding:calc(28px + var(--safe-top)) calc(24px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(24px + var(--safe-left));align-items:center;justify-content:center;text-align:center}.rotate-card{width:min(360px,88vw);padding:30px 28px 26px;display:flex;flex-direction:column;gap:10px;align-items:center;color:#ecdfc5}.rotate-sigil{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;border:1px solid #b1864d;color:#d3aa66;font-size:46px;box-shadow:inset 0 0 24px #000,0 0 24px #5b746429}.rotate-card strong{font-size:23px;color:#efdcb7}.rotate-card span{font-size:14px;line-height:1.55;color:#aebbb9}.rotate-card small{font-size:9px;letter-spacing:.22em;color:#9e7e50;margin-top:5px}@media(orientation:portrait)and (max-width:900px){#game{visibility:hidden}.game-hud,.touch-controls{display:none!important}.rotate-guard{display:flex}}@media(max-width:1050px){.hud-player{width:290px;min-width:0}.hud-right{width:138px}.hud-minimap{height:100px}.minimap-ring{width:68px;height:68px}.minimap-caption{display:none}.road-a{top:32px}.road-b{top:23px}.player-dot{left:34px;top:40px}.danger-dot{right:14px;top:17px}.map-shrine{left:14px;top:14px}.hud-zone{width:290px}.hud-zone-title{font-size:12px}.hud-night{display:none}.hud-skill-dock{height:64px}.hud-skill{width:47px;height:47px}.hud-combat-toast{top:22%;font-size:10px}.hud-combo{top:30%;font-size:19px}}@media(max-height:520px){.game-hud{padding-top:calc(8px + var(--safe-top))}.hud-player{left:calc(10px + var(--safe-left));top:calc(8px + var(--safe-top));height:68px;width:252px;padding:7px 9px 6px 61px}.hud-portrait{width:45px;height:49px;left:8px;top:7px}.hud-portrait span{font-size:14px}.hud-player-head{height:16px;font-size:11px}.hud-bar{height:15px;margin-top:3px}.hud-bar span{line-height:13px;font-size:8px}.hud-bar-row .hud-bar{height:11px;margin-top:3px}.hud-bar-row .hud-bar span{line-height:9px;font-size:7px}.hud-zone{top:calc(8px + var(--safe-top));height:50px;width:245px;padding:5px 10px}.hud-zone-title{height:18px;font-size:10px}.haunting-line{font-size:8px}.hud-right{right:calc(10px + var(--safe-right));top:calc(8px + var(--safe-top));width:116px;gap:5px}.hud-minimap{height:72px;padding:4px}.minimap-ring{width:52px;height:52px}.road-a{top:24px}.road-b{top:18px}.player-dot{left:25px;top:31px}.danger-dot{right:10px;top:12px}.map-shrine{left:10px;top:9px;font-size:9px}.hud-currency{font-size:7px;padding:4px 6px}.hud-objective{font-size:8px;padding:5px 7px}.hud-objective b{font-size:8px}.hud-objective span{display:none}.hud-objective small{font-size:7px;margin:0}.hud-boss{top:calc(62px + var(--safe-top));height:44px}.boss-crown{font-size:6px}.boss-name{font-size:11px}.boss-track{height:7px}.boss-value{font-size:6px;bottom:6px}.hud-combat-toast{top:24%;max-width:45vw;padding:3px 8px;font-size:8px}.hud-combo{top:32%;font-size:16px}.hud-skill-dock{bottom:calc(6px + var(--safe-bottom));height:50px;padding:4px 6px;gap:4px}.hud-skill{width:38px;height:38px}.skill-rune{font-size:9px}.hud-skill small{font-size:6px}.hud-skill em{font-size:10px}.move-stick{width:124px;height:124px;left:calc(8px + var(--safe-left));bottom:calc(4px + var(--safe-bottom))}.move-stick-ring{width:106px;height:106px}.move-stick-mark{font-size:74px}.move-stick-knob{width:44px;height:44px}.action-cluster{right:calc(8px + var(--safe-right));bottom:calc(5px + var(--safe-bottom));grid-template-columns:repeat(3,54px);grid-auto-rows:50px;gap:5px}.action-cluster button{min-width:50px;min-height:50px}.action-cluster .attack-button{min-height:105px}.action-cluster button span{font-size:9px}.action-cluster .attack-button span{font-size:11px}}@media(max-width:760px)and (orientation:landscape){.hud-zone{display:none}.hud-player{width:226px}.hud-objective{display:none}.hud-skill-dock{opacity:.72}}.hud-portrait{background-image:url(/assets/ui/generated/player-portrait-v001.webp);background-size:cover;background-position:center;border-radius:50%;clip-path:none}.hud-portrait span{display:none}.hud-skill{cursor:pointer;background-size:cover;background-position:center;padding:0;border-radius:6px}.hud-skill[data-hud-skill="0"],.skill-one{background-image:url(/assets/ui/generated/skill-strike-v002.webp)}.hud-skill[data-hud-skill="1"],.skill-two{background-image:url(/assets/ui/generated/skill-seal-v002.webp)}.hud-skill[data-hud-skill="2"],.skill-three{background-image:url(/assets/ui/generated/skill-fire-v002.webp)}.hud-skill[data-hud-skill="3"],.skill-four{background-image:url(/assets/ui/generated/skill-guard-v002.webp)}.hud-skill[data-hud-skill] .skill-rune{font-size:10px;position:absolute;bottom:2px;left:2px;right:2px;background:#090b0fbb;line-height:18px;text-align:center;color:#f4e3c2}.hud-skill small{font-size:10px;background:#090b0fcc;padding:0 3px}.touch-enabled.gameplay-active .hud-skill-dock{display:none}.action-cluster{width:250px;height:140px;display:block;pointer-events:none}.action-cluster button{position:absolute;width:56px;height:56px;min-width:56px;min-height:56px;pointer-events:auto;background-size:cover;border-radius:8px;padding:0}.action-cluster .skill-button{bottom:82px;border:1px solid #8b7350}.action-cluster .skill-one{right:192px}.action-cluster .skill-two{right:128px}.action-cluster .skill-three{right:64px}.action-cluster .skill-four{right:0}.action-cluster button span{position:absolute;bottom:1px;left:0;right:0;background:#080a0dc9;line-height:18px;font-size:10px;border-radius:0 0 6px 6px;color:#f3e2c2}.action-cluster button small{display:none}.action-cluster .attack-button{right:83px;bottom:0;width:72px;height:72px;min-width:72px;min-height:72px;border-radius:50%;background-image:url(/assets/ui/generated/action-attack-v001.webp);background-size:cover;border:1px solid #b59459}.action-cluster [data-game-action=jump]{right:168px;bottom:6px;background-image:url(/assets/ui/generated/action-jump-v001.webp);border-radius:50%}.action-cluster [data-game-action=dodge]{right:14px;bottom:6px;background-image:url(/assets/ui/generated/action-dodge-v001.webp);border-radius:50%}.action-cluster .utility-button span,.action-cluster .attack-button span{background:#080a0dab;bottom:5px;left:6px;right:6px;border-radius:8px;font-size:9px}.action-cluster button.cooling:after{content:attr(data-cooldown);position:absolute;inset:0;display:grid;place-items:center;background:#080a0dcc;color:#f4e3c2;font-size:20px;font-weight:800;border-radius:inherit}.hud-combat-toast{font-size:12px;max-width:44vw;top:19%;background:#080a0dbb}.hud-minimap{border:1px solid #8b7350;border-radius:2px}.minimap-ring{border-radius:0;width:100%;background:radial-gradient(ellipse at 55% 45%,#354037,#101715);border:1px solid #5c5140;box-shadow:inset 0 0 20px #000}.hud-objective small{font-size:10px;line-height:1.5}@media(orientation:landscape)and (max-height:560px){.hud-player{left:calc(10px + var(--safe-left));top:calc(8px + var(--safe-top));width:222px;height:63px;padding:2px 0 0 54px;background:transparent;border:0;box-shadow:none;clip-path:none}.hud-player:before,.hud-player:after{display:none}.hud-portrait{left:0;top:2px;width:46px;height:46px;border:2px solid #b89960;box-shadow:0 0 0 3px #16120e}.hud-player-head{height:18px;font-size:11px;gap:5px;justify-content:flex-start;text-shadow:0 1px 3px #000}.hud-level{font-size:10px}.hud-bar{height:15px;margin-top:2px}.hud-bar span{font-size:9px;line-height:13px}.hud-bar-row{grid-template-columns:1fr}.hud-bar-row .hud-bar{height:8px;margin-top:3px}.hud-bar-spirit,.hud-bar-row .hud-bar-exp span{display:none}.hud-zone{display:block;top:calc(8px + var(--safe-top));width:200px;min-width:0;height:45px;padding:4px 10px;background:#080b10b8;border:0;box-shadow:none;clip-path:none}.hud-zone-title{font-size:11px;height:19px}.hud-night{display:none}.haunting-line{font-size:9px}.hud-boss{top:calc(58px + var(--safe-top));width:36vw;height:43px;padding:3px 8px;background:#100a10c9}.boss-crown{font-size:6px}.boss-name{font-size:11px}.boss-track{height:8px}.boss-value{font-size:8px;bottom:6px;right:10px}.hud-right{right:calc(10px + var(--safe-right));top:calc(8px + var(--safe-top));width:124px;gap:3px}.hud-minimap{width:124px;height:69px;padding:4px}.minimap-ring{height:59px;margin:0}.minimap-caption{display:none}.hud-currency{font-size:9px;padding:3px 4px;background:#080b10b8;border:0;gap:5px}.hud-objective{padding:3px 4px;font-size:9px;background:#080b10b8;border:0}.hud-objective b,.hud-objective span{display:none}.hud-objective small{display:block;font-size:9px;margin:0;line-height:1.4}.hud-combat-toast{top:27%;font-size:11px;max-width:44vw;padding:3px 8px}.hud-combo{top:36%;font-size:18px}.move-stick{left:calc(8px + var(--safe-left));bottom:calc(8px + var(--safe-bottom));width:108px;height:108px;opacity:.8}.move-stick-ring{width:90px;height:90px}.move-stick-mark{display:none}.move-stick-knob{width:38px;height:38px}.action-cluster{right:calc(10px + var(--safe-right));bottom:calc(8px + var(--safe-bottom))}}@media(max-width:760px)and (orientation:landscape){.hud-zone{width:170px}.hud-right,.hud-minimap{width:108px}.hud-objective{display:none}}.online-lobby{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));pointer-events:none;background:radial-gradient(circle at 50% 45%,#07090c1a,#05070ab8 72%,#030406e6)}.online-lobby.visible{display:flex;pointer-events:auto}.online-lobby-panel{width:min(460px,92vw);padding:24px 26px 20px;background:linear-gradient(180deg,#0e1115f0,#07090cf5);border:1px solid rgba(188,145,82,.75);box-shadow:0 18px 60px #000000a8,inset 0 0 0 1px #ffebc40d;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.online-kicker{font-size:9px;letter-spacing:.24em;color:#b58c56;text-align:center}.online-lobby-panel h1{margin:5px 0 1px;text-align:center;font-size:28px;color:#f0dfbf}.online-lead{margin:0 0 18px;text-align:center;font-size:12px;color:#9ca9a4}.online-field{display:grid;gap:5px;margin-top:10px}.online-field span{font-size:10px;color:#b7aa93}.online-field input{width:100%;height:44px;border:1px solid #4d4438;background:#090b0f;color:#eee0c4;padding:0 12px;font:700 15px Noto Sans Thai,sans-serif;outline:none;box-shadow:inset 0 2px 10px #0000008c}.online-field input:focus{border-color:#b68b53;box-shadow:0 0 0 2px #b68b5324,inset 0 2px 10px #0000008c}.online-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;margin-top:14px}.online-actions button,.offline-link{min-height:46px;border:1px solid #705337;font:800 13px Noto Sans Thai,sans-serif;cursor:pointer}.online-actions button:disabled,.offline-link:disabled{opacity:.45;cursor:wait}.online-primary{background:linear-gradient(180deg,#844239,#5b2927);color:#fff0d7;border-color:#c18d57!important}.online-secondary{background:#15191d;color:#d6c4a6}.offline-link{display:block;width:100%;margin-top:9px;min-height:34px;background:transparent;border:0;color:#7f8c88;font-size:10px}.online-how{display:grid;gap:2px;margin-top:14px;padding:10px 12px;border-left:2px solid #705337;background:#ffffff06;color:#9eaaa4;font-size:10px;line-height:1.45}.online-how b{color:#ddc9a8;margin-bottom:2px}.online-lobby-status{margin-top:10px;text-align:center;font-size:10px;color:#9b9b94}.online-lobby-status.connecting{color:#d8bd78}.online-lobby-status.online{color:#79c998}.online-lobby-status.error{color:#e47971}.online-lobby-status.offline{color:#98a4a0}.network-status{position:absolute;left:calc(16px + var(--safe-left));top:calc(102px + var(--safe-top));padding:4px 8px;border-radius:12px;font:800 8px Noto Sans Thai,sans-serif;letter-spacing:.04em;background:#06080aa3;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #00000057}.network-status.online{color:#83d3a1;border-color:#63bd8052}.network-status.offline{color:#9a9d9d}.first-play-guide{position:absolute;left:50%;bottom:calc(92px + var(--safe-bottom));transform:translate(-50%) translateY(12px);display:none;align-items:center;gap:10px;padding:7px 12px;background:#06080bc7;border:1px solid rgba(179,140,80,.42);color:#d5c9b1;font-size:9px;box-shadow:0 7px 22px #00000059;opacity:0;transition:opacity .2s ease,transform .2s ease}.first-play-guide.visible{display:flex;opacity:1;transform:translate(-50%) translateY(0)}.first-play-guide b{color:#e0b86e}.first-play-guide span{white-space:nowrap}@media(orientation:landscape)and (max-height:560px){.online-lobby-panel{width:min(520px,72vw);padding:14px 18px 12px}.online-lobby-panel h1{font-size:20px}.online-lead{margin-bottom:8px;font-size:9px}.online-field{margin-top:6px;grid-template-columns:88px 1fr;align-items:center}.online-field input{height:34px;font-size:12px}.online-actions{margin-top:8px}.online-actions button{min-height:36px;font-size:10px}.online-how{grid-template-columns:auto 1fr 1fr 1fr;gap:7px;margin-top:8px;padding:6px 8px;font-size:7px}.online-how b{margin:0}.network-status{left:calc(8px + var(--safe-left));top:calc(59px + var(--safe-top));font-size:6px;padding:2px 5px}.first-play-guide{bottom:calc(6px + var(--safe-bottom));font-size:7px;padding:4px 8px;gap:6px}}.hud-bar-hp i,.boss-track i{background-image:linear-gradient(90deg,#7c2630,#c65553);background-size:100% 100%}.hud-frame:before,.hud-frame:after{color:#b79961;border-color:#b79961}.online-actions button{min-height:56px!important;font-size:12px!important}.offline-link{min-height:44px;font-size:11px;color:#b8b5a7}@media(orientation:landscape)and (max-height:560px){.online-lobby-panel{padding:12px 18px}.online-how{font-size:9px;line-height:1.4}.online-how b{display:none}.online-lobby-panel h1{font-size:19px}.online-lead{font-size:10px}.online-lobby-status{margin-top:5px}.online-field input{height:36px}.offline-link{margin-top:2px}.network-status{font-size:8px;top:calc(66px + var(--safe-top))}}.hud-portrait{background-image:url(/assets/ui/generated/player-portrait-v002.webp)}html,body,#app,#game{height:100dvh;overscroll-behavior:none}.rpg-menu[hidden]{display:none!important}.rpg-menu-toggle{position:absolute;right:190px;top:12px;pointer-events:auto;min-width:64px;min-height:44px;color:#efdbad;background:#10201eee;border:1px solid #997645;cursor:pointer;z-index:61}.rpg-menu{z-index:62!important}.hud-folded .hud-player,.hud-folded .network-status,.hud-folded .hunt-prep-toggle,.hud-folded .hud-zone,.hud-folded .hud-minimap,.hud-folded .hud-currency,.hud-folded .hud-objective,.hud-folded .rpg-log{visibility:hidden}.shortcut-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shortcut-slots button{min-height:76px;overflow-wrap:anywhere;border:1px dashed #ac9158}.shortcut-slots small,.shortcut-library small{display:block;color:#91a798;font-size:10px}.shortcut-library{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.shortcut-library button{min-height:56px;touch-action:none}.shortcut-slots .drop-hover{background:#3d604d;border-color:#ffe1a0}.shortcut-keys{display:flex;gap:8px;flex-wrap:wrap}.shortcut-keys label{flex:1;font-size:11px;color:#cabfa3}.shortcut-keys input{width:100%;box-sizing:border-box}.rpg-panel input{background:#081513;color:#ffe0a2;border:1px solid #8a774b;padding:8px;min-height:44px;max-width:100px;font:700 15px Noto Sans Thai}.class-choices{display:flex;gap:5px}.class-choices button{flex:1}.class-choices [aria-pressed=true]{background:#37594b;border-color:#f1c77c}.skill-locked{opacity:.65}.trade-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trade-summary article{padding:10px;border:1px solid #627054;color:#e8d5ac}.action-cluster button.locked:after{content:attr(data-cooldown);position:absolute;inset:0;display:grid;place-items:center;background:#071016bb;color:#edd098;border-radius:inherit;font-weight:800}@media(orientation:landscape)and (max-height:560px){.rpg-menu-toggle{right:calc(154px + var(--safe-right));top:calc(8px + var(--safe-top));font-size:11px}.action-cluster{width:248px!important;height:122px!important;bottom:calc(5px + var(--safe-bottom))!important;right:calc(8px + var(--safe-right))!important}.action-cluster .skill-button{bottom:66px!important}.action-cluster .attack-button{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;right:90px!important;bottom:0!important}.action-cluster [data-game-action=jump],.action-cluster [data-game-action=dodge]{bottom:0!important}.hud-combat-toast,.boss-active.touch-enabled .hud-combat-toast{top:82px!important;font-size:11px;max-width:50vw}}.hud-bar-spirit i{background-image:linear-gradient(90deg,#315952,#69947d);background-size:100% 100%}.hud-minimap{border-image:none!important;background:#101513d9}#character-ui{pointer-events:none}.rpg-menu{position:absolute;pointer-events:auto}.rpg-menu button,.rpg-panel button{font:700 12px Noto Sans Thai,sans-serif;color:#e5d3ad;border:1px solid #6c5836;background:linear-gradient(#242b2a,#111718);cursor:pointer;min-height:44px;padding:6px 10px}.rpg-menu small{display:block;font-size:9px;color:#aa9b77}.rpg-menu button:hover,.rpg-panel button:hover{border-color:#dcbb78;background:#334039}.rpg-panel button:disabled{opacity:.4;cursor:default}.rpg-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto;z-index:60;box-shadow:0 0 0 100vmax #02060960,0 10px 50px #000b}.rpg-panel[hidden]{display:none}.rpg-panel header button{width:44px;font-size:22px;padding:0}.rpg-panel p{font-size:12px;color:#c7c5b1}.rpg-help{font-size:10px!important;line-height:1.6;color:#98a79e!important;border-top:1px solid #504732;padding-top:10px}.rpg-level{font:800 25px Noto Sans Thai;color:#e8c886;display:flex;justify-content:space-between;align-items:center}.rpg-level span{font-size:13px;color:#d39287}.rpg-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.rpg-stats span{background:#23322d;padding:8px;font-size:12px;color:#babdad}.rpg-stats b{float:right;color:#e6d3ab}.rpg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #38483e;padding:8px 0;font-size:12px;color:#d7d2bf}.rpg-row small,.rpg-item-grid small{display:block;font-size:10px;color:#91a798}.rpg-item-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.rpg-item-grid button{min-height:88px;text-align:left}.rpg-item-grid em{display:block;font-style:normal;font-size:27px;color:#dcb56d}.rpg-item-grid img{display:block;width:40px;height:40px;object-fit:contain;margin-bottom:5px}.rpg-doll{display:flex;align-items:center;gap:18px;justify-content:center;background:radial-gradient(ellipse,#344938,#11191b);padding:12px}.rpg-avatar{width:88px;height:160px;background:url(/assets/characters/generated/player-hunter-v002.webp) center/contain no-repeat}.rpg-doll b{display:block;color:#e9d4a8}.rpg-log{position:absolute;left:12px;bottom:10px;width:300px;padding:9px;background:#0a111bcc;color:#97ab9f;font-size:10px}.rpg-log strong{color:#c9b984}.rpg-log p{margin:3px 0;line-height:1.5}.minimap-ring{width:100%!important;height:88px!important;border-radius:0!important;background:none!important}.minimap-ring:before,.minimap-ring:after{display:none!important}#world-minimap{width:100%;height:100%;display:block}.minimap-caption{font-size:9px!important}.hud-minimap{height:auto!important}.rpg-modal .touch-controls{visibility:hidden}@media(orientation:landscape)and (max-height:560px){.rpg-menu button{font-size:10px;padding:4px 6px;min-height:44px;min-width:44px}.rpg-menu small,.rpg-log{display:none}.minimap-ring{height:46px!important}.rpg-item-grid button{min-height:70px}.rpg-avatar{height:120px}.rpg-help{margin-bottom:0}.hud-combat-toast{top:148px}}.boss-active.touch-enabled .hud-combat-toast{top:220px}@media(orientation:landscape)and (max-height:560px){.boss-active .hud-combat-toast,.boss-active.touch-enabled .hud-combat-toast{top:182px}}.hud-skill.locked em{opacity:1}.rpg-notice:empty{display:none}.rpg-notice{padding:8px;background:#423222;color:#ffe0aa!important;border-left:2px solid #dab16c}.comms{position:fixed;left:14px;bottom:14px;z-index:90;font:13px Noto Sans Thai,sans-serif;color:#eadcba;display:none}.gameplay-active .comms{display:block}.comms button{color:#eadcba;background:#142321;border:1px solid #927342;padding:7px 10px;min-height:38px;border-radius:3px;font:inherit;cursor:pointer}.comms button:disabled{opacity:.5}.comms-toggle{min-width:125px}.comms-unread{color:#eebd67}.comms-panel{position:absolute;left:0;bottom:48px;width:340px;padding:10px;background:#0a1515f2;box-shadow:0 6px 30px #0009}.comms-panel[hidden]{display:none}.comms-panel header{display:flex;align-items:center;justify-content:space-between}.comms-messages{height:110px;overflow:auto;overflow-wrap:anywhere;background:#070f1080;padding:5px;margin:5px 0}.comms-messages p{margin:3px 0}.comms-messages b{color:#dcbb70}.comms-form{display:flex;gap:5px}.comms-form input{min-width:0;flex:1;background:#142020;border:1px solid #8b734e;color:#fff;padding:7px;font:inherit}.voice-controls{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.voice-status,.comms-notice{font-size:11px;margin:5px 0;color:#b6d1c5}.voice-members{display:flex;gap:7px;flex-wrap:wrap;font-size:11px}.comms-volume{display:flex;align-items:center;gap:8px;font-size:11px}.comms-volume input{width:110px}.comms-panel button[hidden]{display:none}.comms-toggle[aria-expanded=true]{border-color:#e6bc70}.gameplay-active:has(.comms-toggle[aria-expanded=true]) .rpg-log{visibility:hidden}@media(max-height:560px){.comms{left:8px;top:85px;bottom:auto}.comms-toggle{font-size:11px;min-height:32px;padding:4px 8px}.comms-panel{position:fixed;inset:65px 8px 140px auto;width:min(400px,calc(100vw - 24px));padding:7px;overflow:auto}.comms-messages{height:55px}.comms-panel header strong{font-size:12px}.comms button{min-height:32px;padding:4px 7px}.voice-controls{margin-top:4px}.comms-volume{display:none}}@media(orientation:portrait)and (max-width:600px){.comms{display:none!important}}.party-pvp{position:fixed;left:12px;top:80px;z-index:45;color:#fff0cc;font-size:14px}.party-toggle{padding:10px 14px;color:inherit}.party-panel[hidden]{display:none}.party-panel button{padding:10px;margin:3px;border:1px solid #9b8258;border-radius:6px;background:#25443e;color:#fff3d8;min-height:44px}.party-panel p{margin:9px 0;line-height:1.45}.party-notice{color:#ffc090}@media(max-height:500px){.party-pvp{top:52px}}@media(orientation:portrait)and (max-width:600px){.party-pvp{display:none}}.comms{top:130px;bottom:auto}.comms-panel{top:44px;bottom:auto}@media(max-height:560px){.comms{top:85px;bottom:auto}.comms-panel{top:65px;bottom:140px}.comms-messages{height:40px}.comms-notice:not([data-error=true]){display:none}.voice-status{margin:3px 0}.voice-members{font-size:10px;line-height:13px}}.hunt-prep-toggle{position:absolute;right:calc(18px + var(--safe-right));bottom:calc(126px + var(--safe-bottom));z-index:42;display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid rgba(187,145,83,.72);background:linear-gradient(180deg,#191c1cf0,#080b0cf5);color:#e3d2af;font:800 10px Noto Sans Thai,sans-serif;box-shadow:0 5px 18px #00000075;cursor:pointer;pointer-events:auto}.hunt-prep-toggle b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#6d4130;color:#f3dfb7;font-size:9px}.hunt-prep-panel[hidden]{display:none!important}.hunt-prep-panel{position:absolute;right:calc(18px + var(--safe-right));bottom:calc(170px + var(--safe-bottom));z-index:63;width:min(342px,calc(100vw - 36px));max-height:min(570px,calc(100dvh - 190px));overflow:auto;padding:12px;background:linear-gradient(180deg,#101414f7,#06090afa);border:1px solid rgba(187,145,83,.72);box-shadow:0 16px 44px #000000ad,inset 0 0 0 1px #ffeec60a;color:#d9cfb9;pointer-events:auto}.hunt-prep-panel header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(179,139,79,.22)}.hunt-prep-panel header div{display:grid}.hunt-prep-panel header small{font-size:7px;letter-spacing:.2em;color:#8d9f95}.hunt-prep-panel header strong{font-size:17px;color:#eddbb8}.hunt-prep-panel header button{width:31px;height:31px;border:1px solid #5e5040;background:#111516;color:#c9b99d;font-size:20px;cursor:pointer}.hunt-prep-wallet,.hunt-prep-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.hunt-prep-wallet span,.hunt-prep-items span{padding:4px 7px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);font-size:9px}.hunt-prep-wallet b,.hunt-prep-items b{color:#e8bd73}.hunt-prep-card{margin-top:9px;padding:9px;border-left:2px solid #8c6741;background:#ffffff06}.hunt-prep-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.hunt-prep-card-head strong{font-size:11px;color:#e4d5b6}.hunt-prep-card-head em{font-size:8px;color:#87aa95;font-style:normal;text-align:right}.hunt-prep-card p{margin:4px 0 7px;color:#8f9b94;font-size:8px}.hunt-prep-card button{width:100%;min-height:34px;border:1px solid #75563b;background:linear-gradient(180deg,#70453a,#49302a);color:#f0dfc1;font:800 10px Noto Sans Thai,sans-serif;cursor:pointer}.hunt-prep-card button:disabled{opacity:.38;cursor:not-allowed}.hunt-readiness{margin-top:10px;padding:8px 9px;border:1px solid rgba(173,94,76,.42);background:#5a26202e;color:#d7a89b;font-size:9px;font-weight:800}.hunt-readiness.ready{border-color:#509a687a;background:#24523236;color:#9bd0a8}.hunt-source-hint{display:block;margin-top:6px;color:#87938d;font-size:8px;line-height:1.45}@media(orientation:landscape)and (max-height:560px){.hunt-prep-toggle{right:calc(144px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));min-height:30px;padding:5px 8px;font-size:8px}.hunt-prep-panel{right:calc(144px + var(--safe-right));bottom:calc(44px + var(--safe-bottom));width:300px;max-height:calc(100dvh - 56px);padding:8px}.hunt-prep-panel header strong{font-size:13px}.hunt-prep-card{margin-top:5px;padding:6px}.hunt-prep-card button{min-height:28px;font-size:8px}.hunt-prep-card p{margin:2px 0 4px}}@media(orientation:portrait){.hunt-prep-toggle{display:none}.hunt-prep-panel{display:none!important}}.party-pvp{top:calc(96px + var(--safe-top));left:calc(12px + var(--safe-left));z-index:50}.comms{top:calc(142px + var(--safe-top));left:calc(12px + var(--safe-left));bottom:auto;z-index:50}.party-toggle,.comms-toggle{min-height:40px;margin:0}.comms-panel{position:fixed;left:calc(12px + var(--safe-left));right:auto;top:calc(190px + var(--safe-top));bottom:auto;width:min(380px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-height:calc(100dvh - 280px - var(--safe-top) - var(--safe-bottom));overflow:auto;padding:12px;background:#101b1cf5;z-index:100;overscroll-behavior:contain;touch-action:pan-y}.comms-panel header{position:sticky;top:0;z-index:2;background:#101b1c;min-height:44px}.comms-panel header button{min-width:44px;min-height:44px;flex-shrink:0}.hud-skill-dock{pointer-events:auto}.skill-tree-entry{display:flex;align-items:center;gap:10px}.skill-tree-entry img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.skill-locked .skill-tree-entry img{filter:grayscale(1);opacity:.45}.network-status{left:50%;top:calc(82px + var(--safe-top));transform:translate(-50%);max-width:min(360px,40vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-basic-attack{border-color:#cc9a59;background-image:url(/assets/ui/generated/action-attack-v001.webp);background-size:cover}.hud-basic-attack .skill-rune{align-self:end;background:#071016bb;font-size:10px;padding:2px 5px;margin-bottom:8px}.rpg-panel{touch-action:pan-y;overscroll-behavior:contain}.rpg-modal .rpg-menu-toggle,.rpg-modal .party-pvp,.rpg-modal .comms,.rpg-modal .hunt-prep-toggle,.rpg-modal #music-toggle{visibility:hidden}.rpg-modal .party-pvp:has(.social-dialog:not([hidden])){visibility:visible}.rpg-modal .party-toggle{visibility:hidden}.rpg-menu-open .rpg-menu-toggle{visibility:visible}.inventory-confirm label{display:flex;align-items:center;gap:12px}.inventory-confirm input{width:90px;min-height:44px;padding:8px;background:#121b1b;color:#f2dfb6;border:1px solid #a58b53;font:inherit}.inventory-confirm input[aria-invalid=true]{border-color:#ef927d}.inventory-discard-feedback{min-height:24px}.inventory-action-status{grid-column:1/-1;margin:0;font-size:11px;line-height:1.25;color:#e4cf99}.inventory-detail-actions [data-rpg=capture-use]{grid-column:1/-1}.travel-destinations button{display:flex;flex-direction:column;min-height:44px;gap:4px}.travel-destinations small{font-size:11px;font-weight:400}.inventory-travel>p{font-size:12px;color:#d9c699}@media(max-height:440px){.gq-dialog[data-panel=inventory]>header{min-height:44px;padding-bottom:4px}.gq-dialog[data-panel=inventory]>header button{min-width:44px;min-height:44px}.gq-dialog[data-panel=inventory]>#rpg-content{padding-top:8px;padding-bottom:8px}.gq-dialog[data-panel=inventory] .inventory-toolbar label{flex-direction:row;align-items:center;gap:6px;white-space:nowrap}.gq-dialog[data-panel=inventory] .inventory-toolbar input{min-width:0;flex:1}}.inventory-ground-drops small{display:block;font-size:10px;color:#c1bda5}.inventory-ground-drops button[aria-busy=true]{opacity:.7}.character-create-controls{padding-bottom:8px}@media(orientation:landscape)and (max-height:560px){.party-pvp{top:calc(52px + var(--safe-top))}.comms{top:calc(92px + var(--safe-top))}.party-toggle,.comms-toggle{min-height:34px;padding:4px 8px;font-size:11px}.network-status{top:calc(60px + var(--safe-top));max-width:40vw}.comms-panel{left:auto;right:calc(12px + var(--safe-right));top:calc(56px + var(--safe-top));bottom:calc(140px + var(--safe-bottom));max-height:none;width:min(380px,calc(100vw - 24px));padding:8px}.comms-messages{height:60px}.comms-volume{display:flex}}.rpg-panel:has(.character-create-layout){width:min(760px,92vw)}.character-create-layout{display:grid;grid-template-columns:minmax(190px,260px) 1fr;gap:14px;align-items:stretch}.character-create-preview{position:relative;min-height:330px;overflow:hidden;border:1px solid rgba(190,151,89,.46);background:radial-gradient(circle at 50% 34%,rgba(144,111,65,.24),transparent 46%),linear-gradient(180deg,#1c2422,#0b1011);display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:12px}.character-preview-aura{position:absolute;inset:18% 8% 24%;border-radius:50%;background:radial-gradient(circle,rgba(219,174,94,.17),transparent 68%);filter:blur(9px);animation:character-aura 2.4s ease-in-out infinite}.character-create-preview img{position:relative;z-index:1;width:86%;max-height:235px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 15px rgba(0,0,0,.55));animation:character-breathe 2.8s ease-in-out infinite;transform-origin:50% 88%}.character-create-preview[data-skin=deep] img{filter:brightness(.86) saturate(1.08) drop-shadow(0 12px 15px rgba(0,0,0,.55))}.character-create-preview[data-skin=light] img{filter:brightness(1.08) saturate(.92) drop-shadow(0 12px 15px rgba(0,0,0,.55))}.character-preview-copy{position:relative;z-index:2;width:100%;display:grid;gap:1px;padding:8px 9px;background:linear-gradient(90deg,#080d0deb,#141e1bc2);border-left:2px solid #b48a4f}.character-preview-copy b{font-size:14px;color:#f0d7a4}.character-preview-copy span{font-size:10px;color:#8db9a0}.character-preview-copy small{font-size:9px;color:#a7aaa0;line-height:1.45}.character-create-controls{display:flex;flex-direction:column;gap:9px;min-width:0}.character-create-controls p{margin:0}.character-gender-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.character-gender-tabs button[aria-pressed=true]{border-color:#d7b36b;background:linear-gradient(#655039,#2d2d26);box-shadow:inset 0 0 0 1px #f6d39229}.character-appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.character-appearance-grid label{display:grid;gap:4px;color:#9ca99f;font:700 9px Noto Sans Thai,sans-serif}.character-appearance-grid select{width:100%;min-height:38px;padding:5px 8px;border:1px solid #66583d;background:#0a1212;color:#ead7b3;font:700 11px Noto Sans Thai,sans-serif}.character-create-confirm{margin-top:auto;border-color:#a5814f!important;background:linear-gradient(180deg,#71583a,#493727)!important;color:#ffe4ae!important}.character-create-note{color:#84928c;font-size:9px;line-height:1.45}@keyframes character-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.012)}}@keyframes character-aura{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@media(orientation:landscape)and (max-height:560px){.rpg-panel:has(.character-create-layout){width:min(760px,92vw)!important;max-height:calc(100dvh - 10px)!important;padding:8px!important}.character-create-layout{grid-template-columns:170px 1fr;gap:8px}.character-create-preview{min-height:0;height:300px;padding:7px}.character-create-preview img{max-height:205px;width:92%}.character-preview-copy{padding:5px 6px}.character-preview-copy b{font-size:11px}.character-preview-copy small{font-size:7px}.character-create-controls{gap:5px}.character-create-controls p{font-size:9px}.character-appearance-grid{gap:4px}.character-appearance-grid select{min-height:30px;font-size:9px;padding:3px 5px}.character-create-confirm{min-height:34px!important;font-size:9px!important}}@media(max-width:620px)and (orientation:portrait){.character-create-layout{grid-template-columns:1fr}.character-create-preview{min-height:210px}.character-create-preview img{max-height:145px}}.creation-rig{position:relative;width:170px;height:250px;flex-shrink:0;margin:auto}.creation-rig-body{position:absolute;left:0;top:8px;width:100px;height:130px;transform:scale(1.6);transform-origin:0 0}.creation-rig .creation-part{position:absolute;width:auto;max-height:none;object-fit:fill;filter:none;animation:none;transform-origin:50% 8%;z-index:auto}.creation-rig .part-head{left:38px;top:9px;width:25px;height:28px;animation:creation-head 3s ease-in-out infinite}.creation-rig .part-torso{left:36px;top:35px;width:28px;height:38px}.creation-rig .part-pelvis{left:37px;top:69px;width:27px;height:20px}.creation-rig .part-upper-arm-front{left:60px;top:41px;width:10px;height:20px;transform:rotate(-12deg)}.creation-rig .part-upper-arm-back{left:29px;top:41px;width:10px;height:20px;transform:rotate(12deg)}.creation-rig .part-forearm-front{left:64px;top:58px;width:8px;height:20px;animation:creation-arm 2.6s ease-in-out infinite}.creation-rig .part-forearm-back{left:25px;top:58px;width:8px;height:20px;animation:creation-arm 2.6s ease-in-out infinite reverse}.creation-rig .part-hand-front{left:65px;top:76px;width:7px;height:8px}.creation-rig .part-hand-back{left:24px;top:76px;width:7px;height:8px}.creation-rig .part-thigh-front{left:52px;top:85px;width:12px;height:24px;transform:rotate(-5deg)}.creation-rig .part-thigh-back{left:38px;top:85px;width:12px;height:24px;transform:rotate(5deg)}.creation-rig .part-shin-front{left:54px;top:105px;width:9px;height:23px}.creation-rig .part-shin-back{left:35px;top:105px;width:9px;height:23px}.creation-rig .part-foot-front{left:53px;top:124px;width:17px;height:9px}.creation-rig .part-foot-back{left:34px;top:124px;width:17px;height:9px}.creation-rig .part-weapon{left:70px;top:60px;width:8px;height:22px;transform:rotate(24deg)}.creation-rig[data-weapon=sword] .part-weapon{top:40px;height:38px;width:9px}.creation-rig[data-weapon=spear] .part-weapon,.creation-rig[data-weapon=staff] .part-weapon{top:15px;height:74px;width:8px}.creation-rig[data-weapon=bow] .part-weapon{top:45px;width:22px;height:44px}.creation-rig[data-weapon=crossbow] .part-weapon{top:65px;width:30px;height:18px}.creation-rig[data-weapon=talisman] .part-weapon{top:60px;width:14px;height:22px}.rpg-avatar:has(.creation-rig){background:none!important;width:170px;height:250px!important;overflow:visible;flex-shrink:0}.creation-hair{display:none;position:absolute;left:35px;top:14px;width:7px;height:8px;border-radius:50%;background:#28211b}.creation-rig[data-hair=tied] .creation-hair{display:block}.creation-rig[data-face=angular] .part-head{width:23px}@keyframes creation-head{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes creation-arm{0%,to{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}@media(orientation:landscape)and (max-height:560px){.character-create-preview{height:auto;min-height:240px}.creation-rig{height:185px;width:135px}.creation-rig-body{transform:scale(1.3)}.rpg-panel:has(.character-create-layout) .rpg-help{margin-bottom:0}.character-create-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.creation-rig .creation-part{animation:none}}.world-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.world-map-node{padding:14px;border:1px solid #715a34;background:#132220}.world-map-node.current{border-color:#e3c577}.world-map-node h3{margin:0 0 8px;color:#e3c577}.world-map-node p{font-size:13px;line-height:1.8}.minimap-ring[role=button]{cursor:pointer}.social-tabs{display:flex;gap:6px;margin:8px 0}.social-tabs button{flex:1}.social-tabs [aria-pressed=true]{background:#436553;border-color:#f0ca78}.clan-content[hidden],.party-content[hidden]{display:none}.clan-content input{box-sizing:border-box;max-width:100%;width:100%;padding:10px;background:#101c24;color:#fff0d0;border:1px solid #aa8b55;border-radius:6px}.clan-content form{margin:10px 0}.town-service{padding:12px;margin:10px 0;border:1px solid #715b35;background:#12221fe8}.town-service h3{margin:0 0 4px;font-size:16px;color:#ebca89}.town-service small{display:block;margin-bottom:10px}.town-service-actions{display:flex;flex-wrap:wrap;gap:8px}.town-service-actions button{min-height:44px}.party-panel[data-social-mode=clan][data-clan-active-war=true] .clan-content p{margin:6px 0}.world-map-canvas{overflow:auto;max-width:100%;border:1px solid #715b35;background:#101b1b;margin-bottom:16px}.rpg-panel:has(.world-map-canvas){width:min(1100px,94vw)}.world-map-canvas svg{display:block;width:100%;font-family:Noto Sans Thai,sans-serif}.hotbar-toolbar{position:absolute;right:0;top:-36px;display:flex;gap:4px;align-items:center;pointer-events:auto;white-space:nowrap}.hotbar-toolbar button,.action-cluster .hotbar-toolbar button{position:static;width:auto;height:30px;min-width:44px;min-height:30px;border:1px solid #6f5936;border-radius:4px;padding:4px 9px;background:#0c1115ed;box-shadow:0 2px 8px #0009;color:#e8ce92;font:700 11px Noto Sans Thai,sans-serif;cursor:pointer}.hotbar-toolbar [data-hotbar-remove]{display:none}.hotbar-editing .hotbar-toolbar [data-hotbar-remove]{display:block}.hotbar-editing [data-hud-skill],.hotbar-editing [data-touch-slot],.hotbar-editing [data-slot],.hotbar-editing [data-pick]{touch-action:none;cursor:grab}.hotbar-editing .shortcut-library [data-pick]{touch-action:pan-y}.shortcut-library .shortcut-icon{touch-action:none}.hotbar-editing .hud-skill-dock{border-color:#d4af68;box-shadow:0 0 18px #d4af6820}.hud-skill.empty-slot,.action-cluster .skill-button.empty-slot,.shortcut-slots .empty-slot{border:1px dashed #a7895066;background:#0b1015bd!important;box-shadow:inset 0 0 12px #0006}.hud-skill.empty-slot .skill-rune,.action-cluster .empty-slot span,.slot-plus{background:transparent;color:#c5a9716e;font:300 25px Georgia,serif}.action-cluster .empty-slot span{position:static;line-height:1}.empty-slot:after{border:none}.empty-slot small{opacity:.65}.shortcut-toolbar{display:flex;gap:8px;justify-content:space-between;margin:12px 0}.shortcut-slots button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:108px;padding:12px 7px;line-height:1.45}.shortcut-library button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:12px 8px;line-height:1.5}.shortcut-icon{width:36px;height:36px;object-fit:contain;border-radius:5px}.rpg-panel:has(.shortcut-slots){width:min(760px,94vw)}.shortcut-library{grid-template-columns:repeat(6,minmax(0,1fr));max-height:210px;overflow:auto;scrollbar-width:thin;scrollbar-color:#93713e #080d10;padding:3px}#shortcut-help,.shortcut-toolbar{margin:8px 0}.drop-hover,.shortcut-slots .drop-hover{outline:2px solid #f3cc76;outline-offset:2px;background-color:#4b3a21!important}.hotbar-drag-ghost{position:fixed;z-index:300;transform:translate(-50%,-120%);pointer-events:none;max-width:190px;padding:10px 12px;border:1px solid #f3cc76;border-radius:5px;background:#141719f2;color:#f3ddaa;box-shadow:0 8px 18px #000a;font:700 12px Noto Sans Thai,sans-serif}.rpg-panel{scrollbar-width:thin;scrollbar-color:#93713e #080d10;scrollbar-gutter:stable;line-height:1.6}.rpg-panel::-webkit-scrollbar{width:9px}.rpg-panel::-webkit-scrollbar-track{background:#080d10;border-left:1px solid #3e3322}.rpg-panel::-webkit-scrollbar-thumb{background:linear-gradient(#bd9855,#68512e);border:2px solid #080d10;border-radius:8px}.rpg-panel::-webkit-scrollbar-thumb:hover{background:#d6af66}.rpg-item-grid{gap:10px}.rpg-item-grid button{padding:14px 12px;line-height:1.65}.rpg-item-grid small{margin-top:6px;font-size:11px;color:#b5b4a5}.rpg-panel header strong{font-size:18px;color:#f4dfad}.rpg-panel h3,.ui-section-title{font-size:15px;line-height:1.5;color:#e5bf75;margin:18px 0 10px}.rpg-panel p{font-size:13px;line-height:1.7;color:#c9c8bc}.ui-highlight{color:#f1c76e!important;font-weight:800}.ui-muted{color:#9ca79f}.ui-milestone{padding:14px;border-left:3px solid #b18b49;background:#baa0690d}.ui-milestone p{margin-bottom:0}.network-status{left:50%;top:calc(84px + var(--safe-top));transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:min(430px,42vw);padding:5px 9px;border-radius:4px;border-color:#6c573580;background:#080e12ed;font-size:9px;line-height:1.4}.network-state{flex:none;letter-spacing:.04em}.network-room{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#c1b58f}.network-ping{flex:none;border-left:1px solid #685633;padding-left:8px;color:#c8c7b3}.first-play-guide{bottom:calc(132px + var(--safe-bottom))}.rpg-modal .first-play-guide,.rpg-modal .hud-skill-dock .hotbar-toolbar{visibility:hidden}@media(orientation:landscape)and (max-height:560px){.network-status{top:calc(49px + var(--safe-top));font-size:8px;padding:3px 7px;gap:6px;max-width:42vw}.first-play-guide{bottom:calc(8px + var(--safe-bottom));max-width:min(320px,calc(100vw - 540px));justify-content:center;flex-wrap:wrap;gap:3px;font-size:7px;padding:4px}.action-cluster .hotbar-toolbar{top:-35px;right:0}.action-cluster .hotbar-toolbar button{font-size:10px}.rpg-panel header strong{font-size:16px}.shortcut-slots button{min-height:92px;font-size:11px}.rpg-item-grid button{padding:12px 10px}.rpg-panel:has(.shortcut-slots){width:min(760px,94vw)}.shortcut-slots button{min-height:68px;gap:3px;padding:6px;font-size:10px}.shortcut-icon{width:28px;height:28px}.shortcut-library{max-height:140px;margin:8px 0}.shortcut-library button{min-height:76px;padding:6px;font-size:10px}.rpg-panel:has(.shortcut-slots) .ui-section-title{margin:8px 0;font-size:12px}.rpg-panel:has(.shortcut-slots) .rpg-notice:not(:empty){padding:5px;font-size:11px}}@media(max-width:700px){.shortcut-library{grid-template-columns:repeat(3,minmax(0,1fr))}}.minimap-ring[role=button]{pointer-events:auto}.hud-bar-row{grid-template-columns:1fr 1.35fr .65fr}.hud-bar-stamina span{font-size:7px}.creation-rig .creation-part{object-fit:contain;object-position:50% 0}.creation-rig[data-aligned="1"] .creation-hair{left:48px;top:23px}.npc-talk{position:fixed;right:calc(18px + var(--safe-right));bottom:calc(110px + var(--safe-bottom));z-index:45;display:flex;align-items:center;gap:10px;min-height:56px;max-width:220px;padding:10px 14px;color:#f5d79b;background:#101b1cf2;cursor:pointer;touch-action:manipulation;border:1px solid #b88d42;box-shadow:0 2px 12px #0009}.npc-talk[hidden]{display:none}.npc-talk svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.npc-talk span{display:grid;text-align:left}.npc-talk strong{font-size:16px}.npc-talk small{font-size:11px}.npc-talk kbd{border:1px solid #b88d42;padding:3px 7px;border-radius:3px;font-size:16px}.npc-talk:focus-visible{outline:2px solid #f8dfab;outline-offset:3px}.touch-enabled .npc-talk kbd,.rpg-modal .npc-talk{display:none}@media(orientation:landscape)and (max-height:560px){.npc-talk{bottom:calc(115px + var(--safe-bottom));right:calc(12px + var(--safe-right));padding:6px 10px;min-height:50px;max-width:185px}.npc-talk strong{font-size:14px}}@media(orientation:landscape)and (max-height:560px){.touch-enabled .npc-talk{bottom:calc(18px + var(--safe-bottom));right:calc(302px + var(--safe-right));max-width:180px}}@media(orientation:portrait)and (max-width:600px){.npc-talk{display:none}}.ghost-capture-action img{width:32px;height:38px;object-fit:contain}.ghost-capture-action small{max-width:160px;white-space:normal;line-height:1.4}.ghost-capture-action:disabled{opacity:.85;cursor:default;border-color:#7d725d}.ghost-capture-action:not(:disabled){box-shadow:0 0 14px #c9a04b66}body:has(.rpg-menu:not([hidden])) .npc-talk{display:none}@media(min-height:561px)and (orientation:landscape){.npc-talk{bottom:calc(150px + var(--safe-bottom))}}.action-cluster [data-game-action=sprint]{right:236px;bottom:6px;width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;background-image:radial-gradient(circle at 38% 30%,#786239,#19251f 75%)}@media(orientation:landscape)and (max-height:560px){.hud-bar-row{grid-template-columns:1.5fr .65fr}.hud-bar-row .hud-bar{height:10px}.hud-bar-row .hud-bar span{font-size:7px;line-height:8px}.action-cluster [data-game-action=sprint]{bottom:4px}.party-pvp{top:calc(62px + var(--safe-top))}}.account-panel{width:min(580px,94vw);max-height:calc(100dvh - 28px);overflow:auto;padding:24px;background:linear-gradient(155deg,#171a1cef,#090e10fa);border:1px solid #a88248;box-shadow:0 20px 70px #000b;color:#e9dfc6;border-radius:8px;scrollbar-color:#987747 #101416;scrollbar-width:thin}.account-panel h1{font-size:26px;margin:8px 0 12px;text-align:center;color:#ead3a1}.account-panel p{margin:8px 0}.account-lead{text-align:center;color:#b7b5a8;font-size:13px}.account-panel label{display:grid;gap:5px;margin:12px 0;color:#d8c397;font-size:14px}.account-panel input,.account-panel select{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;color:#f5ead4;background:#0a1014;border:1px solid #70603f;border-radius:4px;font:inherit}.account-panel button{min-height:44px;cursor:pointer;font:inherit;color:#ead8b5;background:#202624;border:1px solid #8a7047;border-radius:4px;padding:8px 14px}.account-panel button:disabled{opacity:.5;cursor:default}.account-panel .online-primary{width:100%;background:linear-gradient(#ad884e,#755129);color:#fff3dc;font-weight:700;margin-top:8px}.account-panel small{font-size:12px;color:#aeb4aa;line-height:1.6}.account-links{display:flex;gap:8px;margin:12px 0}.account-links button{flex:1}.account-panel [role=status]{min-height:20px;color:#edb68e;font-size:13px}.account-roster-head,.account-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}.account-roster{display:grid;gap:8px;max-height:330px;overflow:auto;padding:3px}.account-character{display:flex;align-items:center;gap:12px;text-align:left;width:100%}.account-character img{width:54px;height:64px;object-fit:contain}.account-character span{flex:1;display:grid;gap:4px}.account-character b,.account-highlight{color:#e8bd70}.account-empty{padding:28px 8px;text-align:center;border:1px dashed #6d5836}.account-creation{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.account-creation img{width:140px;height:200px;object-fit:contain;background:#0d1516;border:1px solid #6c593b;border-radius:6px}.online-lobby-panel[hidden],.account-panel[hidden]{display:none!important}@media(max-height:560px)and (orientation:landscape){.account-panel{width:min(700px,94vw);padding:12px 20px;max-height:calc(100dvh - 20px)}.account-panel h1{font-size:21px;margin:2px 0 6px}.account-panel #account-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-panel #account-auth button{grid-column:1/-1}.account-panel label{margin:6px 0}.account-roster{max-height:165px}.account-creation img{height:160px}.account-panel [role=status]{margin:4px 0;min-height:16px}}@media(max-width:480px){.account-panel{padding:18px}.account-panel h1{font-size:23px}.account-links{flex-direction:column}.account-creation{grid-template-columns:90px 1fr;gap:12px}.account-creation img{width:90px;height:160px}.account-character b{font-size:12px}}@media(max-height:560px)and (orientation:landscape){.account-character img{width:44px;height:48px}.account-character{padding:6px 12px}.account-roster{scrollbar-color:#987747 #101416;scrollbar-width:thin}}.equipment-shop h3{color:#e6c58a;margin:10px 0}.equipment-shop>p{line-height:1.6}.equipment-shop>p strong{color:#f5cd75}.shop-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.shop-tabs button{min-height:44px;padding:8px 12px}.shop-tabs button[aria-pressed=true]{background:#604723!important;border-color:#e0b773!important;color:#ffe6ac!important}.shop-items{display:grid;gap:10px}.shop-item{display:flex;gap:14px;padding:14px;border:1px solid #76603a;background:#121a1ddd;border-radius:5px}.shop-item>img{width:58px;height:74px;object-fit:contain;flex-shrink:0}.shop-item-info{flex:1;min-width:0}.shop-item-info>strong{display:block;color:#f0dab0;font-size:16px}.shop-item-info>small{display:block;line-height:1.6;margin:6px 0;color:#b6bdb4}.shop-item-info>span{display:block;font-size:12px;color:#d4b67a}.shop-item-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.shop-item-actions button{min-height:44px;padding:8px 12px}.shop-item-actions button:disabled{opacity:.45}.shop-items::-webkit-scrollbar{width:8px}.shop-items::-webkit-scrollbar-thumb{background:#9a7948;border-radius:5px}@media(max-height:560px){.shop-item{padding:10px;gap:10px}.shop-item>img{width:44px;height:60px}.shop-item-info>strong{font-size:14px}.shop-item-actions{margin-top:6px}}.shop-open .rpg-panel{width:min(760px,94vw)}.shop-open .equipment-shop>h3{display:none}.shop-open .shop-items{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.shop-open .equipment-shop>p{margin:4px 0}.shop-open .shop-tabs{margin:8px 0}.shop-open .rpg-help{font-size:11px}.town-view .hud-actionbar,.town-view .mobile-actions,.town-view #first-play-guide,.town-view .hud-boss,.town-view .hud-minimap{display:none!important}.town-context{min-height:50px;bottom:28px!important;right:22px!important;padding:12px 18px!important}.town-view .hud-objective,.town-view .rpg-log{display:none}.town-view .hud-skill-dock,.town-view .action-cluster>*:not([data-game-action=sprint]){display:none!important}.town-view .action-cluster{width:auto;display:block}.touch-enabled.town-view .town-context{right:130px!important;bottom:25px!important}.town-view .hud-haunting,.town-view #hud-combat-toast{display:none!important}.town-view .town-context{bottom:72px!important}.touch-enabled.town-view .town-context{bottom:70px!important}.pose-dock{position:fixed;z-index:95;left:max(14px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:6px;align-items:flex-end}.pose-dock[hidden],.pose-options[hidden]{display:none!important}.pose-dock button{min-height:48px;min-width:70px;color:#ead49a;background:#10201dea;border:1px solid #9a793e;padding:8px 12px;touch-action:manipulation}.pose-options{display:flex;gap:6px;padding:6px}.pose-options button[aria-pressed=true]{border-color:#f0ca72;background:#33442a}.touch-enabled .pose-dock{bottom:155px}.lobby-active .pose-dock{display:none}.touch-controls,#move-stick{touch-action:none}#game{height:100dvh}.town-context{min-height:48px!important}.story-context{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:76px;z-index:96;min-height:48px;max-width:260px;padding:10px 16px;background:#10201ded;color:#f0d397;border:1px solid #af8b47;font:13px Noto Sans Thai,sans-serif;touch-action:manipulation}.story-context[hidden],.rpg-modal .story-context,body[data-story-near=true] .town-context{display:none!important}.touch-enabled .story-context{right:132px;bottom:72px;max-width:225px}.story-dialogue{border-left:3px solid #c8a057;margin:0 0 14px;padding:12px 16px;background:#28352b;color:#f3deaf}.story-journal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.story-journal button{min-height:48px;margin-top:8px}.story-journal small{display:block}.town-view .hud-minimap{display:block!important}.town-view .minimap-ring{height:82px}.town-view .minimap-ring canvas{width:100%;height:100%;cursor:pointer;object-fit:contain}.touch-enabled.town-view .hud-minimap{width:116px}.touch-enabled.town-view .minimap-ring{height:55px}.touch-enabled.town-view .minimap-caption,.touch-enabled.town-view .hud-currency{font-size:9px}.touch-enabled.town-view .hud-right{max-width:124px}.province-atlas.classic-atlas{background:#344b36;border:1px solid #a48a56;box-shadow:inset 0 0 30px #18160d80;height:clamp(250px,52vh,570px);overflow:auto;touch-action:pan-y;scrollbar-color:#a48a56 #253b2b;scrollbar-width:thin}.atlas-surface{position:relative;width:100%;aspect-ratio:16/9;background:url(/assets/world/classic-v001/atlas.webp) center/100% 100% no-repeat}.atlas-header-actions{display:flex;gap:8px;flex-shrink:0}@media(max-height:559px){.atlas-fit .province-pin{min-width:70px!important;min-height:36px!important;padding:2px 5px!important}.atlas-fit .province-pin strong{font-size:10px;line-height:14px}.atlas-fit .province-pin span{font-size:11px;line-height:12px}.atlas-fit .province-pin small{font-size:8px;line-height:10px}}.classic-atlas .province-pin{background:linear-gradient(180deg,#e5cda2f2,#bca476f2)!important;color:#302a1c!important;border:1px solid #715a35!important;box-shadow:0 3px 9px #09110b90;min-width:112px;border-radius:2px;gap:0;padding:4px 9px!important;text-shadow:0 1px #fff0c455}.classic-atlas .province-pin span{font-size:16px;line-height:19px;color:#6c4926}.classic-atlas .province-pin strong{font-size:13px;line-height:20px}.classic-atlas .province-pin small{color:#4e4c36;font-size:9px;line-height:15px}.classic-atlas .province-pin.current,.classic-atlas .province-pin.selected{border-color:#ffdfa1!important;outline:2px solid #95692e;outline-offset:2px}.atlas-city-details{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:10px 14px;background:#101b17eb;border:1px solid #766244;min-height:96px}.atlas-info{display:flex;flex-direction:column;gap:3px;min-width:0}.atlas-info strong{color:#f1d695;font-size:15px}.atlas-info span{color:#c7d2b2;font-size:12px}.atlas-route{color:#b0baa0;font-size:11px;max-height:40px;overflow:auto;touch-action:pan-y}.atlas-actions{display:flex;flex-direction:column;gap:4px;flex:0 0 235px}.fast-travel-button{min-height:46px;color:#fff0c8;background:#45513b;border:1px solid #c5a263;padding:8px;cursor:pointer}.fast-travel-button:disabled{opacity:.5;cursor:default}.atlas-travel-note{color:#d6c7a5;font-size:11px}@media(max-height:500px){.province-atlas.classic-atlas{height:205px;min-height:205px}.classic-atlas .province-pin{min-width:92px;padding:2px 6px!important}.classic-atlas .province-pin strong{font-size:11px;line-height:16px}.classic-atlas .province-pin span{font-size:13px;line-height:15px}.classic-atlas .province-pin small{font-size:8px;line-height:12px}.atlas-city-details{margin-top:7px;padding:6px 10px;min-height:80px;gap:10px}.atlas-actions{flex-basis:210px}.atlas-info strong{font-size:13px}.atlas-info span{font-size:10px}.atlas-route{font-size:10px;max-height:29px}.fast-travel-button{min-height:40px;font-size:12px}}.world-travel-panel{position:fixed;inset: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));z-index:350;background:#10211cf5;color:#f0dab0;padding:18px;display:flex;flex-direction:column}.world-travel-panel header{display:flex;justify-content:space-between;gap:12px;align-items:center}.world-travel-panel header strong{font-size:20px}.world-travel-panel header small{display:block;color:#b3b9a1}.world-travel-panel button{touch-action:manipulation;min-height:48px;color:#f2d79c;background:#15251dea;border:1px solid #a88950;padding:8px 12px}.province-atlas{position:relative;flex:1;min-height:250px;background:radial-gradient(ellipse at 35% 35%,#51604560,transparent 45%),radial-gradient(ellipse at 70% 65%,#1b424760,transparent 50%),repeating-linear-gradient(35deg,#20332955 0px,#20332955 1px,transparent 1px,transparent 35px);border:1px solid #6e73524d;margin-top:12px;border-radius:8px;overflow:auto}.province-routes{position:absolute;width:100%;height:100%;pointer-events:none}.province-pin{position:absolute;transform:translate(-50%,-50%);min-width:118px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.province-pin span{font-size:24px}.province-pin small{font-size:10px;color:#b2c3ac}.province-pin.current,.province-pin.selected{border-color:#ffe19a!important;box-shadow:0 0 16px #bba66048}.province-directions{margin:12px 0 0;font-size:13px;min-height:36px}.world-travel-view .touch-controls,.world-travel-view .pose-dock,.world-travel-view .story-context,.world-travel-view .town-context,.rpg-modal .pose-dock{display:none!important}@media(max-height:500px){.world-travel-panel{padding:10px;inset:8px}.province-atlas{min-height:210px}.province-pin{min-width:100px;padding:4px 8px!important}.province-pin span{font-size:16px}.province-pin strong{font-size:11px}.world-travel-panel header strong{font-size:16px}}.ghost-market-shop{max-width:760px;margin:auto;color:#e8ddc3}.ghost-market-shop strong{color:#f2d28b}.ghost-market-shop h4{border-bottom:1px solid #856a38;padding-bottom:8px;margin-top:20px}.ghost-market-card{display:flex;align-items:center;gap:14px;padding:12px;margin:8px 0;background:linear-gradient(120deg,#101b19,#161811);border:1px solid #69562e;border-radius:8px}.ghost-market-card img{width:56px;height:74px;object-fit:contain}.ghost-market-card>div{flex:1;min-width:0}.ghost-market-card small{display:block;color:#b7b49d;margin-top:5px}.ghost-market-card button{min-height:48px;white-space:nowrap}.ghost-market-shop .story-dialogue{padding:12px;line-height:1.7}@media(max-width:600px){.ghost-market-card{gap:8px;padding:9px}.ghost-market-card img{width:42px;height:60px}.ghost-market-card button{padding:8px;font-size:12px}}.ghost-market-open .rpg-panel{width:min(760px,94vw)}.ghost-market-open .town-service{padding:12px}.ghost-market-open .ghost-market-shop>p{margin:6px 0}.ghost-market-open .town-service>h3{margin:4px 0}.ghost-market-open .rpg-content>p:first-child{margin:4px 0}.ghost-market-open .rpg-help{font-size:11px}@media(max-height:560px)and (orientation:landscape){.ghost-market-open .rpg-panel{width:min(760px,94vw);padding:10px}.ghost-market-open .rpg-panel header{padding-bottom:5px}.ghost-market-open .town-service>small{display:none}.ghost-market-open .ghost-market-shop .story-dialogue{padding:5px;margin:4px 0;font-size:11px}.ghost-market-open .ghost-market-shop h4{margin:8px 0 4px;padding-bottom:4px}.ghost-market-open .ghost-market-card{padding:6px;margin:5px 0}.ghost-market-open .ghost-market-card img{height:48px;width:36px}.ghost-market-open .ghost-market-card small{font-size:11px}.ghost-market-open .ghost-market-shop>small{font-size:11px}}.campaign-journal{border:1px solid #9d7840;padding:12px;margin-bottom:18px}.campaign-journal details{margin:10px 0}.campaign-journal summary{cursor:pointer;color:#eec982;font-weight:700}.campaign-journal small{display:block;color:#afa98e}.campaign-cutscene{position:fixed;inset:0;z-index:800;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 30%,#284039e0,#020709f2);padding:20px}.campaign-cutscene article{width:min(850px,95vw);border:1px solid #b6904b;padding:24px;background:linear-gradient(130deg,#111d1de8,#15140ee8);box-shadow:0 0 70px #000}.campaign-cutscene h2{color:#f4d99b;font-size:26px}.campaign-cutscene small{color:#b6a477;letter-spacing:2px}.cutscene-dialogue{display:flex;gap:24px;align-items:center}.cutscene-dialogue img{height:220px;width:130px;object-fit:contain;filter:drop-shadow(0 0 15px #ad89434a)}.cutscene-dialogue strong{color:#e4b969}.cutscene-dialogue p{font-size:19px;line-height:1.9;color:#eee2c5}.campaign-cutscene footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dcb975}.campaign-cutscene button,.turn-battle-ui button{min-height:48px;background:#172423;color:#f1d69e;border:1px solid #9d7840;padding:10px 15px;font:inherit;cursor:pointer}.story-cutscene-view .story-context,.story-battle-view #game-hud,.story-battle-view .rpg-ui,.story-battle-view .mobile-controls,.story-battle-view .joystick,.story-battle-view .action-cluster,.story-battle-view .pose-dock,.story-battle-view .story-context,.story-battle-view .npc-talk,.story-battle-view .world-map-angled{display:none!important}.turn-battle-ui{position:fixed;inset:0;z-index:280;pointer-events:none;font-family:Noto Sans Thai,sans-serif;color:#f1dfbb}.turn-battle-ui header{display:flex;gap:12px;justify-content:space-between;align-items:center;background:linear-gradient(#091312eb,#09131290);padding:14px 20px;border-bottom:1px solid #96703d}.turn-battle-ui header h2{margin:4px 0;font-size:21px}.turn-battle-ui header small{color:#c7b581}.turn-log{position:absolute;left:14px;bottom:155px;width:min(360px,30vw);background:#071310ca;border:1px solid #69562e;padding:8px;font-size:12px}.turn-log p{margin:3px}.turn-command-bar{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(880px,96vw);pointer-events:auto;background:#071210eb;border:1px solid #9c7842;padding:10px;box-shadow:0 5px 25px #000}.turn-targets,.turn-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.turn-targets{margin-bottom:8px}.turn-battle-ui button small{display:block;font-size:11px;color:#c8b48d}.turn-targets button.selected{border:2px solid #e6c479;box-shadow:0 0 12px #aa853b5c}.turn-battle-ui button:disabled{opacity:.48;cursor:default}@media(max-height:560px){.campaign-cutscene article{padding:14px}.campaign-cutscene h2{font-size:20px;margin:8px 0}.cutscene-dialogue img{height:130px;width:85px}.cutscene-dialogue p{font-size:15px}.turn-battle-ui header{padding:6px 12px;font-size:11px}.turn-battle-ui header h2{font-size:15px}.turn-command-bar{padding:5px}.turn-battle-ui button{padding:5px 10px;font-size:11px}.turn-log{bottom:138px;font-size:9px;width:24vw;padding:5px}.turn-targets{margin-bottom:5px}.turn-actions{gap:5px}}.story-battle-view #character-ui,.story-battle-view #touch-controls,.story-battle-view .angled-minimap,.story-battle-view .town-minimap,.story-battle-view .room-comms,.story-battle-view .party-pvp{display:none!important}.turn-actions button img{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:5px}.game-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:8px;color:#e4ddc8}.game-settings section{padding:16px;border:1px solid #6b572e;background:linear-gradient(145deg,#15201ddd,#080e0ddd);border-radius:6px}.game-settings h3{margin:0 0 14px;color:#e5bb65;font-size:18px}.game-settings label{display:flex;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}.game-settings small{display:block;color:#bcb39a;line-height:1.6}.game-settings input[type=range]{width:100%;accent-color:#d6ac58}.game-settings output{margin-left:auto;color:#e6bc70}.game-settings select,.game-settings input[readonly]{color:#f4dfae;background:#0a1411;border:1px solid #776039;padding:10px;border-radius:4px;max-width:100%}.game-settings input[type=checkbox]{accent-color:#d6ac58;width:20px;height:20px}.control-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.control-key-grid label{display:block}.control-key-grid input{display:block;width:100%;box-sizing:border-box;margin-top:6px}.game-settings input:focus{outline:2px solid #e6bc70}.settings-error{color:#ffb794;min-height:24px}.reduced-motion .rpg-panel,.reduced-motion .rpg-toast{animation:none!important;transition:none!important}@media(max-width:900px){.game-settings{grid-template-columns:1fr;gap:10px;padding:0}.game-settings section{padding:12px}.game-settings h3{font-size:16px}.game-settings label{margin:9px 0}}.rpg-panel:has(.game-settings){width:min(860px,94vw)}@media(orientation:portrait)and (max-width:900px){.turn-battle-ui,.campaign-cutscene{display:none!important}}.touch-layout-editor{position:fixed;inset:0;z-index:1000;background:#08120dd9;color:#f0dfbd;font-family:Noto Sans Thai,sans-serif;touch-action:none}.touch-layout-editor header{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:16px;background:#0b1516;border-bottom:1px solid #a68447;flex-wrap:wrap}.touch-layout-editor header span{font-size:12px;color:#c7b68c;flex:1}.touch-layout-editor header button{min-height:48px;padding:8px 14px;color:#f4d99c;background:#25312a;border:1px solid #a68447}.touch-layout-editor aside{position:absolute;left:20px;top:110px;z-index:3;width:180px;padding:12px;background:#0a1513f5;border:1px solid #92723c}.touch-layout-editor aside label{display:block;margin:8px 0}.touch-layout-editor input{width:100%;accent-color:#d7ac60}.touch-layout-editor small{font-size:11px;color:#d3c5a4}.touch-layout-preview button{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;border:2px solid #a1844a;background:radial-gradient(circle at 40% 30%,#80613a,#152321 70%);color:#f6dfab;font-size:24px;touch-action:none;cursor:move;padding:4px;box-sizing:border-box}.touch-layout-preview button.selected{border-color:#f5cf71;box-shadow:0 0 16px #d9af5c7a}.touch-layout-preview button small{font-size:10px;pointer-events:none}.touch-layout-edit #touch-controls{visibility:hidden}.touch-layout-edit .rpg-ui{pointer-events:none}@media(max-height:560px){.touch-layout-editor header{padding:8px;gap:8px}.touch-layout-editor header strong{font-size:14px}.touch-layout-editor header span{display:none}.touch-layout-editor aside{top:80px;width:160px;padding:8px;font-size:12px}.touch-layout-editor aside small{font-size:9px}}.touch-layout-custom #touch-controls .skill-button.empty-slot{background:#17241feb!important;border:1px dashed #ceac6cab;z-index:2}.touch-layout-custom #touch-controls .empty-slot span{color:#dcc18eb3;font-size:28px}.touch-layout-custom #music-toggle{top:140px!important}.turn-scroll-help{display:none}@media(max-height:560px){.turn-actions{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:#a58646 #071210;padding-bottom:3px}.turn-actions button{flex:0 0 auto}.turn-scroll-help{display:block;color:#c5b484;font-size:9px;margin-top:3px;text-align:right}}#character-ui .rpg-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;inset:92px auto auto 50%!important;transform:translate(-50%)!important;width:620px;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box;background:#0c1819f5}#character-ui .rpg-menu[hidden]{display:none!important}.rpg-menu-group{min-width:0}.rpg-menu-group h3{margin:0 0 6px;font-size:12px;letter-spacing:.04em;color:#bfa771}.rpg-menu-group>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}#character-ui .rpg-menu-group button{display:flex;align-items:center;gap:9px;text-align:left;padding:8px;min-height:48px;font-size:12px;position:relative}.rpg-menu-group img{width:28px;height:28px;flex:none}.rpg-menu-group span{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}.rpg-menu-group small{color:#e5c47e}.gq-dialog:not([hidden]){display:flex;flex-direction:column;width:760px;max-width:calc(100vw - 28px)!important;height:min(750px,calc(100dvh - 28px));max-height:calc(100dvh - 28px)!important;box-sizing:border-box;padding:16px 20px;overflow:hidden;background:linear-gradient(150deg,#122322f7,#091315fa);border:1px solid #c0a06a}.gq-dialog>header{flex:none;margin:0;padding:0 0 10px;min-height:48px;gap:12px;border-bottom:1px solid #71613f;display:flex;align-items:center;justify-content:space-between;position:static;background:#101b1c;z-index:2}.gq-dialog>header strong{font-size:20px;color:#f1d599}.gq-dialog>header button{flex:none;min-width:48px;min-height:48px}.gq-dialog>.gq-content{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:14px 2px;scrollbar-width:thin;scrollbar-color:#8c7546 #0c1717}.gq-dialog>.rpg-help{flex:none;margin:0;padding:8px 0 0;color:#b5bba6;font-size:11px;border-top:1px solid #4d503b}.gq-dialog>.rpg-notice{flex:none;margin:0;font-size:12px}.gq-dialog>.rpg-notice:empty{display:none}.gq-dialog button:focus-visible,.gq-dialog input:focus-visible,.gq-dialog select:focus-visible,.rpg-menu button:focus-visible{outline:2px solid #f2d69a;outline-offset:2px}.gq-dialog button:active:not(:disabled){transform:translateY(1px);background:#40513c}.gq-dialog button[aria-pressed=true]{border-color:#e8c67f;background:#3d3b29}.gq-dialog button:disabled{opacity:.55}.inventory-toolbar{display:flex;gap:12px;align-items:end}.inventory-toolbar label{display:flex;flex-direction:column;gap:3px;color:#c8b887;font-size:11px;min-width:0}.inventory-toolbar label:first-child{flex:1}.gq-dialog .inventory-toolbar input,.gq-dialog .inventory-toolbar select{background:#081314;color:#f0e3be;border:1px solid #74623f;padding:8px 10px;font:13px Noto Sans Thai;min-height:44px;border-radius:3px;box-sizing:border-box;width:100%;max-width:none}.inventory-toolbar select{width:112px!important}.inventory-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 4px}.gq-dialog .inventory-tabs button{font-size:12px;min-height:42px;padding:5px 12px}.inventory-summary{font-size:11px;color:#a7b49e;margin:8px 0 12px}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:14px;align-items:start}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:7px;align-content:start}.gq-dialog .inventory-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 5px;min-height:108px;text-align:center;min-width:0;border:1px solid #5b6349;border-radius:3px;background:linear-gradient(140deg,#24342b,#11201f)}.gq-dialog .inventory-cell.selected{border:2px solid #ecd18b;padding:6px 4px;background:linear-gradient(145deg,#464631,#25352a)}.inventory-cell img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 3px #0006)}.inventory-cell-name{font-size:11px;line-height:1.5;overflow-wrap:anywhere;max-width:100%}.inventory-cell-quantity{position:absolute;top:4px;right:5px;font-size:10px;color:#f3dca0;background:#101919e6;padding:1px 3px;border-radius:2px}.inventory-details{background:#081415b8;border:1px solid #657052;padding:15px;box-sizing:border-box;min-height:260px;position:sticky;top:0;color:#dce0c9;font-size:12px;overflow-wrap:anywhere}.inventory-details h3{color:#f5d79a;font-size:16px;margin:10px 0 4px}.inventory-detail-icon{display:block;width:70px;height:70px;object-fit:contain;margin:auto}.inventory-count{color:#b9c7a4;margin:0 0 12px}.inventory-kind{color:#c1aa7b}.inventory-requirement,.inventory-protected{font-size:11px;color:#c1b487;line-height:1.6}.inventory-details button{width:100%;margin:4px 0}.item-stat-lines{margin:12px 0}.item-stat-lines>div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #344635}.item-stat-lines dd{margin:0;color:#e2d09d}.item-stat-lines small{color:#b0c6a0}.inventory-empty{grid-column:1/-1;padding:20px;color:#b3c0a6;font-size:13px;text-align:center}.inventory-empty-detail{text-align:center;padding:35px 0}.inventory-discard{color:#e5b3a0!important;border-color:#885d49!important}.inventory-confirm{padding:14px;border:1px solid #c9946a;background:#32251f;margin:12px 0;color:#ecd5b8}.inventory-confirm h3{margin:0 0 6px}.inventory-confirm button{margin-right:8px}.inventory-travel{padding:12px;border:1px solid #5c6044;margin-top:14px}.inventory-travel h3{font-size:14px;color:#dfce9c}.travel-destinations{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.equipment-overview{display:grid;grid-template-columns:155px minmax(0,1fr);gap:16px;align-items:center;padding:10px;background:radial-gradient(ellipse at 20% 50%,#334b38,#0a1718);margin-bottom:15px;border:1px solid #58654a}.equipment-overview>.rpg-avatar{width:150px;height:200px}.equipment-overview h3{font-size:15px;margin:0 0 8px;color:#e7d299}.equipment-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gq-dialog .equipment-slot{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px}.equipment-slot span{font-size:10px;color:#c3b78d}.equipment-slot img{width:42px;height:42px;object-fit:contain}.equipment-slot b{font-size:11px}.equipment-stats{display:flex;gap:16px;margin:10px 0}.equipment-stats div{display:flex;gap:5px;align-items:center;font-size:12px;color:#bbcab0}.equipment-stats dd{margin:0;color:#f2db9b;font-weight:700}.equipment-overview section>small{font-size:10px;color:#b2bea7}@media(max-height:560px){#character-ui .rpg-menu{top:64px!important;max-height:calc(100dvh - 76px);padding:10px;gap:8px}.gq-dialog:not([hidden]){height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)!important;padding:10px 15px}.gq-dialog>header strong{font-size:17px}.gq-dialog>.gq-content{padding:9px 2px}.inventory-layout{grid-template-columns:minmax(0,1fr) 218px;gap:10px}.gq-dialog .inventory-cell{min-height:96px}.inventory-cell img{width:38px;height:38px}.inventory-details{padding:11px;min-height:225px}.inventory-detail-icon{width:48px;height:48px}.inventory-details h3{font-size:14px}.equipment-overview{grid-template-columns:110px minmax(0,1fr);gap:10px}.equipment-overview>.rpg-avatar{width:105px;height:160px}.equipment-stats{gap:10px}}@media(max-width:620px)and (orientation:landscape){.inventory-layout{grid-template-columns:minmax(0,1fr) 180px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.rpg-menu-group>div{grid-template-columns:1fr}}.gq-dialog[data-panel=inventory]{position:fixed}.gq-dialog[data-panel=inventory] #rpg-content{display:flex;flex-direction:column;overflow:hidden}.gq-dialog[data-panel=inventory] .inventory-toolbar,.gq-dialog[data-panel=inventory] .inventory-tabs,.gq-dialog[data-panel=inventory] .inventory-summary{flex:none}.gq-dialog[data-panel=inventory] .inventory-layout{flex:1;min-height:0;align-items:stretch}.gq-dialog[data-panel=inventory] .inventory-grid,.gq-dialog[data-panel=inventory] .inventory-details{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a58b53 #122020}.gq-dialog[data-panel=inventory] .inventory-details{position:static;min-height:0}.inventory-confirm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(360px,calc(100% - 48px));box-shadow:0 0 0 900px #03100bc9;box-sizing:border-box}.inventory-travel{position:absolute;inset:76px 24px 44px;overflow:auto;background:#102021;box-shadow:0 0 0 900px #03100bc9;z-index:5}@media(max-height:560px){.inventory-toolbar label{font-size:10px;gap:1px}.gq-dialog .inventory-toolbar input,.gq-dialog .inventory-toolbar select{min-height:38px;padding:5px 8px}.inventory-tabs{margin:6px 0 2px}.gq-dialog .inventory-tabs button{min-height:34px;padding:3px 10px}.inventory-summary{margin:4px 0 7px}.inventory-details .inventory-detail-icon{float:left;width:32px;height:32px;margin:0 8px 5px 0}.inventory-details h3{margin:0 0 2px;font-size:13px}.inventory-details .inventory-count{margin:0 0 8px;font-size:11px}.inventory-details>p:not(.inventory-count){clear:both}.inventory-details .inventory-discard{min-height:36px;font-size:11px}.inventory-details{font-size:11px}.inventory-requirement{font-size:10px}.item-stat-lines{margin:6px 0}.item-stat-lines>div{padding:3px 0}.inventory-travel{top:65px;bottom:36px}}.gq-dialog[data-panel=inventory] .inventory-details{display:flex;flex-direction:column;overflow:hidden}.inventory-detail-body{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;scrollbar-color:#a58b53 #122020}.inventory-detail-actions{flex:none;padding-top:8px;background:#0b1718;border-top:1px solid #485238;margin-top:8px}.inventory-detail-actions:empty{display:none}@media(max-height:560px){.inventory-detail-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:5px;padding-top:5px;margin-top:4px}.inventory-details .inventory-detail-actions button{margin:0;min-height:44px;padding:5px;font-size:11px}.inventory-detail-body>p:not(.inventory-count){clear:both}}.inventory-ground-drops{display:flex;flex:none;align-items:center;gap:10px;overflow:auto;border-top:1px solid #536147;margin-top:7px;min-height:44px;max-height:54px}.inventory-ground-drops h3{font-size:11px;white-space:nowrap;color:#cbb987}.inventory-ground-drops .rpg-row{gap:8px;border:0;flex:none;padding:3px 0;font-size:11px}.inventory-ground-drops .rpg-row span{max-width:130px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inventory-ground-drops .rpg-row button{min-height:40px;font-size:11px}.character-page-nav{display:flex;flex:none;gap:8px;padding:9px 0;border-bottom:1px solid #4d503b}.character-page-nav[hidden]{display:none}.gq-dialog .character-page-nav button{flex:1;min-height:48px}.gq-dialog .character-page-nav button[aria-current=page]{border-color:#e8c67f;background:#3d3b29;color:#f1d599}.gq-dialog[data-panel=equipment] .equipment-overview>.rpg-avatar{height:200px!important}.gq-dialog[data-panel=equipment] .inventory-tabs{display:none}@media(max-height:560px){.gq-dialog[data-panel=equipment] .equipment-overview>.rpg-avatar{height:135px!important;width:95px;overflow:hidden}.gq-dialog[data-panel=equipment] .equipment-overview{grid-template-columns:100px minmax(0,1fr);padding:6px}.gq-dialog[data-panel=equipment] .creation-rig{height:132px!important;width:95px!important}.gq-dialog[data-panel=equipment] .creation-rig-body{transform:scale(.92)!important;transform-origin:50% 0}.gq-dialog[data-panel=equipment] .equipment-stats{margin:6px 0}.gq-dialog[data-panel=equipment] .equipment-slot{min-height:84px;padding:4px}.gq-dialog[data-panel=equipment] .equipment-slot img{width:34px;height:34px}}.town-service-actions>.class-advancement-hint{flex:0 0 100%;margin:4px 0 12px;line-height:1.65;color:#e9d9a5}.turn-targets [data-mask-phase=red] .turn-phase-hint{color:#ffb8a6}.turn-targets [data-mask-phase=white] .turn-phase-hint{color:#ffeabd}.turn-phase-hint{display:block;white-space:normal;line-height:1.4;margin-top:3px}.turn-log{bottom:calc(var(--turn-bar-height,150px) + 20px + env(safe-area-inset-bottom))}.gq-dialog.social-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:0;z-index:100;touch-action:pan-y}.social-dialog>.social-tabs{flex:none;margin:0;padding:8px 0;border-bottom:1px solid #4d503b}.social-dialog>.social-tabs button{min-height:48px;min-width:0}.social-dialog>.gq-content{overflow-wrap:anywhere;word-break:normal}.social-dialog .gq-content button{max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:48px}.social-dialog>.party-notice{flex:none;margin:0;max-height:60px;overflow:auto}.social-dialog>.party-notice:empty{display:none}.ghost-market-card .ghost-market-item-icon{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:8px}.gq-dialog .inventory-cell,.gq-dialog .inventory-cell.selected{padding-top:22px}.inventory-cell img{width:44px;height:44px}.inventory-details .inventory-detail-icon{width:48px;height:48px}:root{--r22-gold:#dcb883;--r22-cream:#fff1d4;--r22-plum:#674457;--r22-sage:#5d8273}.hud-frame{border:1px solid var(--r22-gold);border-image:none;border-radius:16px;background:linear-gradient(150deg,#3e303ff2,#1d2c2cf5);box-shadow:0 5px 18px #11192355,inset 0 0 0 3px #fff1d40a,inset 0 1px #fff5dc3d}.hud-frame:before,.hud-frame:after{border:0;width:5px;height:5px;border-radius:50%;background:#efd5a0;opacity:.65}.hud-frame:before{left:8px;top:8px}.hud-frame:after{right:8px;bottom:8px}.gq-dialog,.gq-dialog.social-dialog{border:2px solid #d6b88d;border-image:none;border-radius:20px;background:linear-gradient(135deg,#293e3b,#343142 80%);color:#f9efd9;box-shadow:0 18px 55px #070b1755,inset 0 0 0 4px #f9e5bb0a}.gq-dialog>header{background:transparent;border-color:#d5b78655;color:#ffedc9}.gq-dialog>header h2{color:#ffedc9;text-shadow:0 2px #292133}.gq-dialog button,.rpg-menu button{border-radius:11px;border-color:#c9ac7b;background:linear-gradient(145deg,#51475a,#324c48);color:#fff1d9;box-shadow:inset 0 1px #fff7dd24,0 2px 3px #11152222}.gq-dialog button:hover:not(:disabled),.rpg-menu button:hover{background:linear-gradient(145deg,#72546a,#497464);border-color:#ffe1a4}.gq-dialog>header button{border-radius:50%;background:#6d485a}.gq-dialog input,.gq-dialog select,.gq-dialog textarea{border-radius:9px;border-color:#bca080;background:#1c3031;color:#fff1da}.gq-dialog .inventory-cell{border-radius:13px;background:linear-gradient(145deg,#3c4d4a,#363344);border-color:#a79576}.gq-dialog .inventory-cell.selected{border-color:#ffe0a0;background:linear-gradient(145deg,#6a5363,#465c51);box-shadow:inset 0 0 0 2px #f7d49355}.rpg-menu{border-radius:18px;border-image:none;background:linear-gradient(145deg,#374b45,#343042);border:1px solid #d6b88d}.rpg-menu-group h3{color:#e8c694}.hud-skill,.touch-button{border-radius:14px;border-color:#d3b28b;background:radial-gradient(circle at 40% 25%,#64766d,#3a394c 75%)}.hud-skill:after{border-radius:10px}.hud-combat-toast{color:#fff0d9;border-radius:13px}.skill-catalog-row{border-radius:13px;border-color:#ad987a;background:#344540}.skill-catalog-row>img{border-radius:10px}.inventory-cell img{filter:drop-shadow(0 2px 3px #11151b55)}.skill-catalog-summary{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin-bottom:10px}.skill-catalog-summary p{flex-basis:100%;margin:0;color:#d4cbb1}.skill-catalog{display:grid;gap:8px;margin-bottom:12px}.skill-catalog-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:10px;border:1px solid #68694d;background:#172624}.skill-catalog-row>img{width:48px;height:48px;object-fit:contain;border:1px solid #917441}.skill-catalog-row h3{margin:0 0 4px;font-size:15px}.skill-catalog-row p{margin:4px 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.skill-catalog-row .skill-catalog-state{color:#f5d68e;font-weight:600}.skill-catalog-row .skill-catalog-meta{color:#c7d9d2}.skill-catalog-row.skill-locked{opacity:1;border-style:dashed;background:#192124}.skill-catalog-row.skill-locked>img{filter:grayscale(1);opacity:.72}.skill-catalog-row[data-skill-state=equipped]{border-color:#e8c56a;box-shadow:inset 3px 0 #e8c56a}.skill-catalog-empty h3{margin:0 0 6px}.skill-catalog-empty p{margin:5px 0}.hud-skill[data-skill-cost]:not([data-skill-cost=""]):before,.action-cluster [data-skill-cost]:not([data-skill-cost=""]):before{content:"SP " attr(data-skill-cost);position:absolute;left:2px;top:2px;padding:1px 3px;background:#071016ec;color:#d4eafa;font:800 10px/13px Noto Sans Thai,sans-serif;z-index:2;pointer-events:none;border-radius:3px}.hud-ward-status{position:absolute;left:calc(16px + var(--safe-left));top:calc(102px + var(--safe-top));display:flex;align-items:center;gap:7px;padding:5px 8px;color:#f0d498;font:700 12px/18px Noto Sans Thai,sans-serif;pointer-events:none}.hud-ward-status[hidden]{display:none}.hud-ward-status img{width:24px;height:24px;object-fit:contain}.hud-folded .hud-ward-status{visibility:hidden}@media(orientation:landscape)and (max-height:560px){.hud-ward-status{left:calc(10px + var(--safe-left));top:calc(82px + var(--safe-top));padding:3px 6px;gap:5px;font-size:11px}.hud-ward-status img{width:20px;height:20px}}.gq-dialog[data-panel=equipment] .creation-rig-body{transform:scale(1.25);transform-origin:50% 0}@media(max-height:560px){.gq-dialog[data-panel=equipment] .creation-rig-body{transform:scale(.82)!important}}.companion-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.companion-links button{min-height:44px}.companion-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;margin:9px 0;padding:12px;border:1px solid #84734f;border-radius:10px;background:#142321}.companion-card>img{width:64px;height:76px;object-fit:contain}.companion-card>div{min-width:0}.companion-card strong,.companion-card small{display:block;overflow-wrap:anywhere}.companion-card small{margin-top:4px;line-height:1.5;font-size:12px;color:#c4cbb7}.companion-card .companion-state{color:#ead599;font-weight:700}.companion-card[data-companion-active=true]{border-color:#b7e9b5}.companion-card[data-companion-state=market]{background:#1e2026;border-style:dashed}.companion-market-note{font-size:12px;color:#c4cbb7}.companion-card button{min-height:44px;max-width:150px}.companion-collection>h3{margin:16px 0 8px}.companion-collection>p{font-size:13px;line-height:1.6}@media(max-height:560px)and (orientation:landscape){.companion-card{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:8px}.companion-card>img{width:44px;height:54px}.companion-links{margin:6px 0;gap:6px}.companion-links button{font-size:12px}.companion-card small{font-size:11px}}@media(max-width:520px){.companion-card{grid-template-columns:48px minmax(0,1fr)}.companion-card>button,.companion-market-note{grid-column:2}.companion-card>img{width:48px;height:64px}}@media(orientation:landscape)and (max-height:560px){body.touch-enabled.gameplay-active{--mobile-hud-edge: calc(8px + var(--safe-left));--mobile-hud-right: calc(8px + var(--safe-right))}body.touch-enabled.gameplay-active .hud-player{top:calc(7px + var(--safe-top));left:var(--mobile-hud-edge);width:min(220px,25vw);min-width:0;height:55px;padding:3px 4px 3px 49px;border-radius:12px;border:1px solid #aa8958;background:#0a1219dc;box-shadow:0 2px 12px #0007}body.touch-enabled.gameplay-active .hud-portrait{left:4px;top:5px;width:40px;height:40px}body.touch-enabled.gameplay-active .hud-player-head{height:15px;font-size:10px;white-space:nowrap;overflow:hidden}body.touch-enabled.gameplay-active .hud-player-head strong{min-width:0;max-width:105px;overflow:hidden;text-overflow:ellipsis}body.touch-enabled.gameplay-active .hud-bar{height:13px;margin-top:2px}body.touch-enabled.gameplay-active .hud-bar span{font-size:9px;line-height:11px}body.touch-enabled.gameplay-active .hud-bar-row{grid-template-columns:1fr 1fr;gap:3px}body.touch-enabled.gameplay-active .hud-bar-row .hud-bar{height:9px}body.touch-enabled.gameplay-active .hud-bar-row .hud-bar span{font-size:7px;line-height:8px}body.touch-enabled.gameplay-active .hud-bar-spirit{display:none}body.touch-enabled.gameplay-active .hud-bar-exp{display:block}body.touch-enabled.gameplay-active .hud-zone{display:block;width:min(208px,25vw);min-width:0;height:42px;top:calc(7px + var(--safe-top));padding:4px 9px;background:#0a1219d9;border:1px solid #8e744c;border-radius:12px;clip-path:none}body.touch-enabled.gameplay-active .hud-zone-title{height:18px;font-size:11px}body.touch-enabled.gameplay-active .hud-zone-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.touch-enabled.gameplay-active .network-status{top:calc(52px + var(--safe-top));left:50%;transform:translate(-50%);max-width:min(198px,26vw);font-size:8px;padding:2px 7px;z-index:30;white-space:nowrap}body.touch-enabled.gameplay-active .hud-boss{top:calc(74px + var(--safe-top));width:min(250px,30vw);height:39px}body.touch-enabled.gameplay-active .hud-boss[hidden]{display:none}body.touch-enabled.gameplay-active .hud-right{top:calc(7px + var(--safe-top));right:var(--mobile-hud-right);width:min(106px,13vw)}body.touch-enabled.gameplay-active .hud-minimap{width:100%;height:55px!important;padding:4px;border-radius:11px;background:#0a1219d9}body.touch-enabled.gameplay-active .minimap-ring{height:45px!important}body.touch-enabled.gameplay-active .hud-currency,body.touch-enabled.gameplay-active .hud-objective{display:none}body.touch-enabled.gameplay-active .rpg-menu-toggle{right:calc(122px + var(--safe-right));top:calc(8px + var(--safe-top));width:46px;min-width:46px;height:46px;min-height:46px;font-size:0;border-radius:50%;background:#0d171bdd;box-shadow:0 3px 12px #0008;overflow:hidden;padding:0}body.touch-enabled.gameplay-active .rpg-menu-toggle:after{content:"☰";font:700 21px/44px Noto Sans Thai,sans-serif;color:#f1d5a1}body.touch-enabled.gameplay-active .party-pvp{left:var(--mobile-hud-edge);top:calc(74px + var(--safe-top));z-index:48}body.touch-enabled.gameplay-active .comms{left:var(--mobile-hud-edge);top:calc(127px + var(--safe-top));bottom:auto;z-index:48}body.touch-enabled.gameplay-active .party-toggle,body.touch-enabled.gameplay-active .comms-toggle{display:grid;place-items:center;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;border:1px solid #a68a60;border-radius:50%;background:#0b151add;color:transparent;font-size:0;box-shadow:0 3px 12px #0009}body.touch-enabled.gameplay-active .party-toggle:after{content:"♟";font:700 24px/1 system-ui;color:#e8c58f}body.touch-enabled.gameplay-active .comms-toggle:after{content:"☏";font:700 23px/1 system-ui;color:#e8c58f}body.touch-enabled.gameplay-active .comms-unread{position:absolute;top:-3px;right:-4px;padding:1px 4px;min-width:14px;border-radius:20px;background:#a54847;color:#fff4d9;font-size:10px}body.touch-enabled.gameplay-active .comms-panel,body.touch-enabled.gameplay-active .party-panel{position:fixed;right:calc(8px + var(--safe-right));left:auto;top:calc(60px + var(--safe-top));bottom:calc(12px + var(--safe-bottom));width:min(380px,70vw);max-height:none;overflow-y:auto;z-index:101}body.touch-enabled.gameplay-active .hud-ward-status{top:calc(74px + var(--safe-top));left:calc(62px + var(--safe-left));font-size:10px;max-width:140px}body.touch-enabled.gameplay-active .hud-combat-toast{top:calc(68px + var(--safe-top))!important;max-width:min(210px,25vw);font-size:9px;padding:2px 5px;line-height:1.25;background:#080c13b8;pointer-events:none}body.gameplay-active .hud-combo{left:calc(76px + var(--safe-left));top:calc(118px + var(--safe-top));transform:none;font-size:14px}body.touch-enabled.gameplay-active #first-play-guide{display:none!important}body.touch-enabled.gameplay-active #music-toggle{top:calc(68px + var(--safe-top))!important;right:var(--mobile-hud-right)!important;min-width:46px;min-height:42px;max-width:58px;padding:4px!important;overflow:hidden;font-size:9px!important;text-align:center;background:#0a1219d9!important;border-radius:12px!important}body.touch-enabled.gameplay-active #hunt-prep-toggle{top:calc(68px + var(--safe-top));bottom:auto;right:calc(62px + var(--safe-right));min-width:46px;min-height:42px;max-width:48px;padding:3px;display:flex;align-items:center;justify-content:center;font-size:0;border-radius:12px}body.touch-enabled.gameplay-active #hunt-prep-toggle span{display:none}body.touch-enabled.gameplay-active #hunt-prep-toggle:before{content:"▣";color:#f2d2a0;font:800 22px/1 system-ui}body.touch-enabled.gameplay-active #hunt-prep-toggle b{position:absolute;right:-3px;top:-5px;font-size:9px}body.touch-enabled.gameplay-active .ghost-capture-action{top:calc(188px + var(--safe-top));bottom:auto!important;left:var(--mobile-hud-edge);right:auto!important;max-width:126px;width:126px;min-height:48px;height:48px;padding:5px;gap:5px;text-align:left}body.touch-enabled.gameplay-active .ghost-capture-action img{width:23px;height:32px}body.touch-enabled.gameplay-active .ghost-capture-action strong{display:block;font-size:11px;max-width:82px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.touch-enabled.gameplay-active .ghost-capture-action small{display:none}body.touch-enabled.gameplay-active .ghost-capture-action[hidden]{display:none!important}body.touch-enabled.gameplay-active .story-context,body.touch-enabled.gameplay-active .npc-talk:not(.ghost-capture-action){top:calc(188px + var(--safe-top));bottom:auto!important;left:var(--mobile-hud-edge);right:auto!important;width:min(140px,16vw);max-width:140px;min-height:46px;padding:5px;font-size:10px}body.touch-enabled.gameplay-active .town-context[hidden],body.touch-enabled.gameplay-active .story-context[hidden]{display:none!important}}@media(orientation:landscape)and (max-height:560px){body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.world-travel-view):not(.story-battle-view) #move-stick{left:calc(6px + var(--safe-left));bottom:calc(6px + var(--safe-bottom));width:106px;height:106px;opacity:.88}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit) .move-stick-ring{width:96px;height:96px}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit) .move-stick-knob{width:43px;height:43px}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster{right:calc(8px + var(--safe-right))!important;bottom:calc(6px + var(--safe-bottom))!important;width:338px!important;height:128px!important;display:block}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster .skill-button{bottom:0!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:12px}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster .skill-one{right:290px!important}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster .skill-two{right:239px!important}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster .skill-three{right:188px!important}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster .skill-four{right:137px!important}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster .attack-button{right:0!important;bottom:0!important;width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;border-radius:50%;border:2px solid #c99b60}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster [data-game-action=jump],body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster [data-game-action=dodge]{bottom:76px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster [data-game-action=jump]{right:0!important}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster [data-game-action=dodge]{right:57px!important}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit):not(.town-view) .action-cluster [data-game-action=sprint]{right:80px!important;bottom:0!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit) .action-cluster .hotbar-toolbar{position:fixed;top:auto!important;right:auto!important;left:calc(8px + var(--safe-left))!important;bottom:calc(116px + var(--safe-bottom))!important;height:30px;transform:none!important;gap:3px;z-index:45}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit) .action-cluster .hotbar-toolbar button{min-width:44px;height:30px;min-height:30px;font-size:9px;padding:3px 5px;border-radius:9px}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit) .action-cluster [data-hotbar-remove]{display:none}body.touch-enabled.gameplay-active:not(.touch-layout-custom):not(.touch-layout-edit).hotbar-editing .action-cluster [data-hotbar-remove]{display:block}}@media(orientation:landscape)and (max-height:560px){body.touch-enabled.gameplay-active .rpg-menu-toggle{display:grid;place-items:center}body.touch-enabled.gameplay-active .rpg-menu-toggle:after,body.touch-enabled.gameplay-active .party-toggle:after,body.touch-enabled.gameplay-active .comms-toggle:after{position:static;display:block;width:auto;height:auto;inset:auto;background:none;border:0;border-radius:0;box-shadow:none;opacity:1;text-align:center;text-shadow:0 2px 5px #000}body.touch-enabled.gameplay-active .party-toggle:after{content:"♟"}body.touch-enabled.gameplay-active .comms-toggle:after{content:"✉"}}.gameplay-active .hud-objective{display:block;position:fixed;left:50%;right:auto;top:calc(110px + var(--safe-top));transform:translate(-50%);width:min(360px,calc(100vw - 40px));padding:7px 12px;font-size:12px;line-height:1.45;background:#10201dec;border:1px solid #a98b58;box-sizing:border-box}.gameplay-active .hud-objective b{display:block;font-size:12px;color:#f4d99c}.gameplay-active .hud-objective span{display:block}.gameplay-active .hud-objective small{display:block;margin-top:2px;font-size:12px;color:#d7e5db}.town-view .hud-objective{display:block}.gameplay-active .network-status{font-size:8px;opacity:.78;padding:3px 7px;box-shadow:none}.gameplay-active #hud-combat-toast{top:210px!important}.gameplay-active .hud-boss{top:calc(110px + var(--safe-top));height:65px}.gameplay-active:not(.town-view).boss-active .hud-objective{display:none}@media(orientation:landscape)and (max-height:560px){.gameplay-active .hud-objective{top:calc(78px + var(--safe-top));width:min(340px,calc(100vw - 492px));min-width:230px;padding:5px 9px;font-size:12px}.gameplay-active .network-status{top:calc(54px + var(--safe-top));font-size:8px;padding:2px 6px}.gameplay-active .hud-boss{top:calc(78px + var(--safe-top));height:58px;width:min(340px,38vw)}.gameplay-active #hud-combat-toast,.gameplay-active.boss-active.touch-enabled #hud-combat-toast{top:154px!important;font-size:11px}}@media(orientation:landscape)and (max-height:560px){body.touch-enabled.gameplay-active .hud-objective{display:block}body.touch-enabled.gameplay-active:not(.town-view).boss-active .hud-objective{display:none}}@media(orientation:landscape)and (max-height:560px){body.touch-enabled.gameplay-active.town-view .town-context{left:auto;top:auto;right:calc(12px + var(--safe-right))!important;bottom:calc(76px + var(--safe-bottom))!important;width:min(260px,30vw);max-width:260px;min-height:48px;font-size:12px}body.touch-enabled.gameplay-active .pose-dock{left:calc(124px + var(--safe-left));bottom:calc(112px + var(--safe-bottom))}body.touch-enabled.gameplay-active.hotbar-editing .pose-dock{visibility:hidden}body.touch-enabled.gameplay-active .party-panel.social-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden}}.gq-dialog button[aria-pressed=true],.gq-dialog button[aria-current=true]{outline:2px solid #f3d69b;outline-offset:-4px;border-color:#f3d69b}.gq-dialog button:active:not(:disabled),.action-cluster button:active:not(:disabled),.hud-actionbar button:active:not(:disabled),.hud-skill:active:not(:disabled){filter:brightness(1.2);box-shadow:inset 0 0 0 3px #fff0bc}.gq-dialog button[data-ui-state=busy]{opacity:1;color:#e7dec8;background:repeating-linear-gradient(125deg,#263a37 0 10px,#1d302d 10px 20px);border-style:dashed;cursor:progress}.gq-dialog button[data-ui-state=busy]:before{content:"◌";display:inline-block;margin-right:6px;animation:gq-busy-spin .8s linear infinite}@keyframes gq-busy-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gq-dialog button[data-ui-state=busy]:before{animation:none}}.gameplay-active .hud-player{height:116px}.gameplay-active .party-pvp{top:calc(140px + var(--safe-top))}.gameplay-active .comms{top:calc(190px + var(--safe-top));bottom:auto}.gameplay-active .hud-player .hud-bar-row{grid-template-columns:1fr 1fr;gap:4px}.gameplay-active .hud-player .hud-bar-row .hud-bar-exp{grid-column:1 / -1}.gameplay-active .hud-player .hud-bar-row .hud-bar{display:block;height:17px;margin-top:3px}.gameplay-active .hud-player .hud-bar span{display:block;font-size:11px;line-height:16px;letter-spacing:0}.gameplay-active .hud-player .hud-bar i{transition:none;left:0;right:auto}.gameplay-active .hud-player .hud-bar[data-resource-low=true]{border-color:#ffb08f;box-shadow:inset 0 0 0 1px #ffb08f}.gameplay-active .hud-player .hud-bar[data-resource-low=true] span{color:#ffe0cf}@media(orientation:landscape)and (max-height:560px){body.touch-enabled.gameplay-active .hud-player{width:min(248px,28vw);height:89px;padding:3px 4px 4px 49px}body.touch-enabled.gameplay-active .hud-player .hud-bar{height:15px;margin-top:2px}body.touch-enabled.gameplay-active .hud-player .hud-bar-row{gap:3px}body.touch-enabled.gameplay-active .hud-player .hud-bar-row .hud-bar{height:15px;margin-top:2px}body.touch-enabled.gameplay-active .hud-player .hud-bar span{font-size:11px;line-height:13px}body.touch-enabled.gameplay-active .party-pvp{top:calc(104px + var(--safe-top));left:var(--mobile-hud-edge)}body.touch-enabled.gameplay-active .comms{top:calc(104px + var(--safe-top));left:calc(62px + var(--safe-left))}body.touch-enabled.gameplay-active #hud-ward-status{left:calc(122px + var(--safe-left));top:calc(104px + var(--safe-top))!important;width:124px;max-width:124px;box-sizing:border-box;font-size:11px;line-height:15px}}.town-view .town-context-dock{position:fixed;right:calc(16px + var(--safe-right));bottom:calc(76px + var(--safe-bottom));width:min(300px,32vw);z-index:48;display:grid;gap:6px;pointer-events:auto}.town-view .town-context-dock .town-context{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:48px;padding:8px 12px;box-sizing:border-box;text-align:left;font-size:12px;line-height:1.4}.town-view .town-context-dock .town-context[hidden]{display:none!important}.town-view .town-context-dock .town-context[data-context-primary=true]{border-color:#f5d99a;box-shadow:inset 3px 0 #f5d99a}@media(orientation:landscape)and (max-height:560px){body.touch-enabled.gameplay-active.town-view .town-context-dock{right:calc(12px + var(--safe-right));bottom:calc(76px + var(--safe-bottom));width:min(260px,30vw)}}.town-view[data-story-near=true]:not(.rpg-modal):not(.world-travel-view):not(.story-cutscene-view):not(.story-battle-view) .town-context-dock .town-context:not([hidden]){display:flex!important}#hud-feedback{position:fixed;z-index:1200;right:max(14px,env(safe-area-inset-right));top:154px;width:min(330px,calc(100vw - 28px));max-height:210px;overflow:auto;overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y;color:#f7ebd1;font:700 13px/1.5 Noto Sans Thai,sans-serif;scrollbar-width:thin;scrollbar-color:#b99b62 #172b26}#hud-feedback[hidden]{display:none}#hud-feedback section{display:flex;align-items:center;gap:8px;margin:0 0 5px;padding:8px 8px 8px 12px;border:1px solid #b99b62;border-radius:12px;background:#102820f5;box-shadow:0 4px 16px #0008}#hud-feedback section[data-feedback-kind=error]{background:#39211ff5;border-color:#d59880}#hud-feedback section[data-feedback-kind=reward]{background:#382e17f7;border-color:#e4c37b}#hud-feedback p{margin:0;flex:1;min-width:0;overflow-wrap:anywhere}#hud-feedback button{flex:none;min-width:48px;min-height:48px;border:1px solid #b99b6280;border-radius:10px;background:#0b1815;color:#fff0cf;font:700 22px sans-serif;touch-action:manipulation}#hud-feedback button:focus-visible{outline:3px solid #f1d28c;outline-offset:1px}@media(max-height:560px)and (orientation:landscape){#hud-feedback{top:68px;right:max(8px,env(safe-area-inset-right));width:280px;max-height:148px;font-size:12px}#hud-feedback section{padding:6px 6px 6px 10px}}@media(orientation:portrait)and (max-width:600px){#hud-feedback{display:none}}@media(max-height:560px)and (orientation:landscape){body.rpg-modal:has(#hud-feedback:not([hidden])) .rpg-panel #rpg-content{padding-top:calc(var(--feedback-clearance,0px) + 8px)}}@media(max-height:560px)and (orientation:landscape){body.rpg-modal #hud-feedback{max-height:70px}}#action-confirmation{box-sizing:border-box;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;border:1px solid #d5b675;border-radius:22px;background:linear-gradient(145deg,#263a32,#13251f);color:#f5ead0;padding:22px;box-shadow:0 12px 60px #000b;font-family:inherit}#action-confirmation::backdrop{background:#07140ecc}#action-confirmation h2{margin:0;font-size:21px;color:#f1d492}#action-confirmation p{font-size:17px;line-height:1.5;overflow-wrap:anywhere}#action-confirmation dl{display:grid;grid-template-columns:105px 1fr;gap:10px;line-height:1.45;margin:18px 0}#action-confirmation dt{color:#c8bb97}#action-confirmation dd{margin:0;overflow-wrap:anywhere}#action-confirmation footer{display:flex;gap:12px;justify-content:flex-end}#action-confirmation button{min-height:48px;padding:10px 16px;border:1px solid #d5b675;border-radius:12px;background:#3d5145;color:#fff0ca;font:inherit;cursor:pointer}#action-confirmation button:disabled{opacity:.5;cursor:wait}#action-confirmation button:focus-visible{outline:3px solid #ffe9a6;outline-offset:3px}@media(max-height:560px){#action-confirmation{padding:14px 20px}#action-confirmation h2{font-size:19px}#action-confirmation p{margin:10px 0}#action-confirmation dl{gap:5px;margin:10px 0;font-size:14px}}@media(orientation:portrait)and (max-width:600px){#action-confirmation[open]{display:none}}.hud-player[data-density-details]{pointer-events:auto;cursor:pointer}.hud-player[data-density-details]:focus-visible{box-shadow:inset 0 0 0 3px #ffe2a0}.gameplay-active .hud-player-head{min-width:0;gap:6px}.gameplay-active #hud-player-name{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gameplay-active .hud-level{flex:none}.gameplay-active .hud-bar span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gameplay-active .hud-currency{min-width:0;gap:8px}.gameplay-active .hud-currency>span{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gameplay-active .hud-objective{overflow:hidden}.gameplay-active #hud-objective-panel:not([hidden]){display:block}.gameplay-active:not(.town-view).boss-active #hud-objective-panel{display:none}.gameplay-active .hud-objective b,.gameplay-active .hud-objective span,.gameplay-active .hud-objective small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.town-view .hud-objective small{display:none}body.gameplay-active[data-display-mode]:has(#hud-feedback:not([hidden])) #hud-objective-panel:not([hidden]){top:calc(162px + var(--feedback-clearance,0px) + var(--safe-top))}body.gameplay-active.town-view[data-story-near=true] .town-context-dock{bottom:calc(84px + var(--safe-bottom) + var(--story-context-clearance,48px))}body.gameplay-active.town-view .story-context{right:calc(16px + var(--safe-right));bottom:calc(76px + var(--safe-bottom));width:min(300px,32vw);max-width:none;box-sizing:border-box}@media(orientation:landscape)and (max-height:560px){body.gameplay-active[data-display-mode]:has(#hud-feedback:not([hidden])) #hud-objective-panel:not([hidden]){top:calc(66px + var(--safe-top));right:calc(296px + var(--safe-right))}body.touch-enabled.gameplay-active.town-view .story-context{top:auto;left:auto;right:calc(12px + var(--safe-right))!important;bottom:calc(76px + var(--safe-bottom))!important;width:min(260px,30vw);min-height:48px;padding:8px 12px;font-size:12px}}#hud-details{box-sizing:border-box;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;overflow:auto;border:1px solid #d5b675;border-radius:22px;padding:20px;background:linear-gradient(145deg,#263a32,#13251f);color:#f5ead0;box-shadow:0 12px 60px #000b;font-family:inherit}#hud-details::backdrop{background:#07140ecc}#hud-details h2{margin:0 0 16px;font-size:21px;color:#f1d492}#hud-details dl{display:grid;grid-template-columns:125px 1fr;gap:10px;line-height:1.5}#hud-details dt{color:#d2bf99}#hud-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}#hud-details button{display:block;margin:16px 0 0 auto;min-height:48px;padding:10px 16px;border:1px solid #d5b675;border-radius:12px;background:#3d5145;color:#fff0ca;font:inherit}#hud-details button:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}#hud-details[open]{display:flex;flex-direction:column;overflow:hidden}#hud-details h2,#hud-details button{flex:none}#hud-details dl{min-height:0;overflow:auto;margin:0;flex:1}@media(orientation:landscape)and (max-height:560px){#hud-details{padding:14px 20px}#hud-details h2{font-size:19px;margin-bottom:10px}#hud-details dl{font-size:14px;gap:5px;margin:10px 0}}.status-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.status-resources>span{padding:10px;border:1px solid #9e875744;border-radius:12px;background:#23382e;color:#d9c9a9;font-size:13px}.status-resources b{display:block;color:#ffe0a2;overflow-wrap:anywhere;font-size:15px;margin-top:4px}.status-sources{display:grid;gap:8px}.status-source{border:1px solid #ac925c;border-radius:12px;background:#12271ff2;overflow:hidden}.status-source summary{display:flex;align-items:center;gap:10px;min-height:48px;box-sizing:border-box;padding:10px 14px;cursor:pointer;color:#f2d694;font-weight:700;touch-action:manipulation}.status-source summary b{margin-left:auto;font-size:19px}.status-source summary:focus-visible{outline:3px solid #ffe0a2;outline-offset:-3px}.status-source summary>span{font-size:20px}.status-source[open] summary>span{transform:rotate(180deg)}.status-source dl{margin:0 14px 12px;display:grid;gap:5px}.status-source dl>div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.status-source dt{color:#d0c1a5}.status-source dd{margin:0;color:#fff1d1}.status-source p,.status-guide{font-size:13px;line-height:1.6;color:#c9d6ca}.status-source p{margin:0 14px 14px}.status-primary-title{margin-top:18px}.rpg-panel[data-panel=status] button[data-rpg=attribute]{min-width:48px;min-height:48px}@media(orientation:landscape)and (max-height:560px){.status-resources{margin:8px 0}.status-resources>span{padding:6px 10px}.status-sources{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.status-source summary{padding:8px;font-size:12px}.status-source summary b{font-size:17px}.status-source dl>div{font-size:12px;gap:5px}.status-source dl,.status-source p{margin:0 8px 10px}}.equipment-compare-current{margin:8px 0;line-height:1.55;color:#c7d7cc;font-size:12px}.equipment-compare-current b{color:#f4d89a}.inventory-details [data-comparison-delta]{white-space:nowrap;color:#d6e8cd}.rpg-panel[data-panel=inventory] .inventory-detail-actions button[data-rpg=equip],.inventory-detail-actions button[data-rpg=unequip]{min-height:48px}html,body,#app,#game{width:var(--game-viewport-width,100%);height:var(--game-viewport-height,100dvh)}.game-hud,.touch-controls{height:var(--game-viewport-height,100dvh);width:var(--game-viewport-width,100%);bottom:auto}body.gameplay-active[data-display-mode] #hud-objective-panel[hidden]{display:none!important}body.gameplay-active[data-display-mode] #hud-objective-panel:not([hidden]){display:block!important;position:fixed;left:auto;right:calc(12px + var(--safe-right));top:calc(156px + var(--safe-top));transform:none;width:260px;min-width:0;max-height:calc(var(--game-viewport-height,100dvh) - 220px);overflow:auto;pointer-events:auto;padding:10px 12px;font-size:12px;line-height:1.5;background:#101c20f5;z-index:100;touch-action:pan-y}body.gameplay-active[data-display-mode] #hud-objective-panel .network-status{display:block;position:static;transform:none;max-width:none;padding:6px 0 0;margin-top:6px;border:0;border-top:1px solid #9d85554d;background:none;font-size:10px;white-space:normal}.hud-zone{pointer-events:auto}#battle-objective-toggle{position:static;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:auto;min-height:0;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit}#battle-objective-toggle:before{content:"";position:absolute;inset:0}#battle-objective-toggle[aria-expanded=true]{color:#ffe2a0}#battle-objective-toggle:focus-visible{outline:2px solid #f5d998;outline-offset:4px}.goal-chevron{font:16px/1 system-ui;color:#d4b57c}body.gameplay-active[data-display-mode] #hud-combat-toast{display:none!important}#fullscreen-toggle{display:none;position:fixed;top:calc(10px + var(--safe-top));right:calc(266px + var(--safe-right));z-index:98;width:48px;height:48px;min-height:48px;padding:0;border:1px solid #b79a62;border-radius:50%;background:#0a151bcc;color:#f1d59d;font:30px/1 system-ui;pointer-events:auto;touch-action:manipulation}.gameplay-active #fullscreen-toggle{display:block}#fullscreen-toggle:focus-visible{outline:3px solid #f5d998;outline-offset:2px}#fullscreen-toggle[aria-pressed=true]{background:#344f45}.display-settings>div{display:flex;flex-wrap:wrap;gap:8px}.display-settings p{font-size:12px;line-height:1.6;color:#d5ceb5}@media(orientation:landscape)and (max-height:560px){body.gameplay-active[data-display-mode] .hud-player{width:min(218px,27vw);height:64px;padding:4px 5px 4px 43px}body.gameplay-active[data-display-mode] .hud-player .hud-portrait{width:32px;height:38px;left:5px;top:10px}body.gameplay-active[data-display-mode] .hud-player .hud-player-head{height:12px;font-size:10px;line-height:12px}body.gameplay-active[data-display-mode] .hud-player .hud-bar{height:14px;margin-top:2px}body.gameplay-active[data-display-mode] .hud-player .hud-bar span{font-size:10px;line-height:12px}body.gameplay-active[data-display-mode] .hud-player .hud-bar-row{grid-template-columns:1fr 1fr;gap:2px}body.gameplay-active[data-display-mode] .hud-player .hud-bar-row .hud-bar{display:block;height:11px;margin-top:1px}body.gameplay-active[data-display-mode] .hud-player .hud-bar-row .hud-bar span{font-size:9px;line-height:10px}body.gameplay-active[data-display-mode] .hud-player .hud-bar-row .hud-bar-exp{grid-column:1/-1;height:8px;margin-top:1px}body.gameplay-active[data-display-mode] .hud-player .hud-bar-exp span{font-size:8px;line-height:8px}body.gameplay-active[data-display-mode] .hud-zone{height:47px;width:min(194px,24vw);padding:5px 8px;top:calc(7px + var(--safe-top))}body.gameplay-active[data-display-mode] .hud-zone-title{font-size:10px;height:16px}body.gameplay-active[data-display-mode] .haunting-line{font-size:8px;margin-top:3px}body.gameplay-active[data-display-mode] .hud-minimap{height:48px!important}body.gameplay-active[data-display-mode] .minimap-ring{height:38px!important}body.gameplay-active[data-display-mode] .party-pvp{left:calc(8px + var(--safe-left));top:calc(76px + var(--safe-top))}body.gameplay-active[data-display-mode] .comms{left:calc(62px + var(--safe-left));top:calc(76px + var(--safe-top))}body.gameplay-active[data-display-mode] .pose-dock{left:calc(116px + var(--safe-left));top:calc(76px + var(--safe-top));bottom:auto;align-items:flex-start}body.gameplay-active[data-display-mode] .pose-toggle{width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;font-size:0}body.gameplay-active[data-display-mode] .pose-toggle:after{content:"♙";font:22px/1 system-ui}body.gameplay-active[data-display-mode] .pose-options{position:absolute;left:52px;top:0}body.gameplay-active[data-display-mode] #hud-ward-status{left:calc(8px + var(--safe-left));top:calc(126px + var(--safe-top))!important;width:154px;max-width:154px;font-size:10px;line-height:12px}body.gameplay-active[data-display-mode] .hud-combo{left:calc(174px + var(--safe-left));top:calc(82px + var(--safe-top));font-size:12px;transform:none}body.gameplay-active[data-display-mode]:not(.hotbar-editing) #touch-controls .hotbar-toolbar{display:none}body.gameplay-active[data-display-mode]:not(.hotbar-editing) #touch-controls [data-touch-slot].empty-slot{visibility:hidden;pointer-events:none}body.gameplay-active[data-display-mode] #fullscreen-toggle{right:calc(174px + var(--safe-right));top:calc(8px + var(--safe-top))}body.gameplay-active[data-display-mode] #hud-objective-panel:not([hidden]){right:calc(8px + var(--safe-right));top:calc(66px + var(--safe-top));width:min(230px,27vw);max-height:calc(var(--game-viewport-height,100dvh) - 196px);font-size:11px;padding:8px 10px}body.gameplay-active[data-display-mode] .hud-boss{top:calc(56px + var(--safe-top));width:min(210px,26vw);height:25px;padding:3px 8px}body.gameplay-active[data-display-mode] .hud-boss .boss-crown,body.gameplay-active[data-display-mode] .hud-boss .boss-value{display:none}body.gameplay-active[data-display-mode] .hud-boss .boss-name{font-size:10px;line-height:10px}body.gameplay-active[data-display-mode] .hud-boss .boss-track{height:5px;margin-top:3px}}.status-growth{padding:12px;border:1px solid #89764e;border-radius:12px;background:#152923;margin:10px 0;color:#e4e6d8}.status-growth h3{margin:0 0 6px;color:#f5d493}.status-growth p{margin:6px 0;line-height:1.6}.status-growth .growth-exp{font-size:14px}.status-growth small{display:block;color:#bac6b8;line-height:1.6;margin-top:8px}.growth-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.growth-actions button{min-height:48px;flex:1;min-width:155px;white-space:normal}.growth-quest{overflow-wrap:anywhere}@media(max-height:560px)and (orientation:landscape){.status-growth{padding:10px;font-size:12px}.status-growth .growth-exp{font-size:12px}.growth-actions{margin-top:8px}}.rpg-panel button[data-rpg=npc-training],.rpg-panel button[data-rpg=class]{min-height:48px}.skill-catalog-row [data-open-skill-detail]{min-height:48px;width:100%;margin-top:6px}.skill-detail>button{min-height:48px}.skill-detail header{display:flex;align-items:center;gap:12px;margin:12px 0}.skill-detail header img{width:64px;height:64px;object-fit:contain}.skill-detail header h3,.skill-detail header p{margin:3px 0}.skill-mode-tabs{display:flex;gap:8px}.skill-mode-tabs button{min-height:48px;flex:1}.skill-mode-tabs button[aria-pressed=true]{border-color:#f5cf78;background:#5b4d28}.skill-detail dl{margin:12px 0}.skill-detail dl>div{padding:10px 0;border-bottom:1px solid #64715a}.skill-detail dt{color:#e4ca87;font-weight:700}.skill-detail dd{margin:4px 0 0;line-height:1.65;overflow-wrap:anywhere}.skill-mode-limit{padding:10px;border-left:3px solid #d6a66e;background:#493b24;color:#f5e3bf;line-height:1.6}.skill-detail>p{line-height:1.6}.shortcut-toolbar button,.shortcut-slots button,.shortcut-library button,.shortcut-keys button{min-height:48px;min-width:48px;touch-action:manipulation}.shortcut-toolbar{display:flex;flex-wrap:wrap;gap:8px}.shortcut-library button{overflow-wrap:anywhere}.shortcut-keys input{min-height:48px;box-sizing:border-box}.hud-skill[data-item-quantity]:not([data-item-quantity=""]):before,.action-cluster [data-item-quantity]:not([data-item-quantity=""]):before{content:"×" attr(data-item-quantity);position:absolute;left:2px;top:2px;padding:1px 4px;background:#071016f5;color:#f6dfaa;font:800 11px/15px Noto Sans Thai,sans-serif;z-index:2;pointer-events:none;border-radius:3px}.hud-skill:disabled,.action-cluster [data-skill-state]:disabled{opacity:1;cursor:not-allowed}.hud-skill[data-skill-state=depleted],.action-cluster [data-skill-state=depleted]{border-style:dashed}.hud-skill[data-skill-state=syncing],.action-cluster [data-skill-state=syncing]{border-style:dotted}.hud-skill[data-skill-state=depleted] em,.hud-skill[data-skill-state=syncing] em{opacity:1}.action-cluster button[data-skill-state=depleted]:after,.action-cluster button[data-skill-state=syncing]:after{content:attr(data-cooldown);position:absolute;inset:0;display:grid;place-items:center;background:#080a0dcc;color:#f4e3c2;font-size:20px;font-weight:800;border-radius:inherit;pointer-events:none}.hud-skill[data-skill-state=invalid] em,.hud-skill[data-skill-state=locked] em{opacity:1}.action-cluster button[data-skill-state=invalid]:after{content:attr(data-cooldown);position:absolute;inset:0;display:grid;place-items:center;background:#080a0dcc;color:#f4e3c2;font-size:20px;font-weight:800;border-radius:inherit;pointer-events:none}.shortcut-recovery{margin:6px 0;padding:8px;border-left:3px solid #d4b77a;background:#172221;color:#f1dfb7;font-size:12px;line-height:1.5}.shortcut-icon-missing{display:grid;place-items:center;border:1px dashed #d4b77a;color:#f1dfb7;font-size:22px;font-weight:800}