:root{--ink: #f3ead6;--gold: #d9b56a;--panel: rgba(28, 22, 16, .72);--edge: rgba(217, 181, 106, .55);--paper-ink: #3b2614;--wood: #4a2c17;--wood-hi: #8a5a30;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.paper{color:var(--paper-ink);background:var(--grain),radial-gradient(ellipse at 50% 40%,#f0dfb4,#e0c690 55%,#b98f57);border:3px solid var(--wood);border-radius:4px;box-shadow:inset 0 0 0 1px #c9a050,inset 0 0 24px #5a321473,0 6px 22px #00000073}.paper h1,.paper .title{color:#6a2a14;text-shadow:0 1px 0 rgba(255,240,200,.6)}.paper button{color:#f6e9c8;background:linear-gradient(#8a4a24,#5a2c14);border:1px solid #2e1608;box-shadow:inset 0 1px #ffdca059}.paper button:hover{background:linear-gradient(#a35a2c,#6a3418)}.paper input{color:var(--paper-ink)!important;background:#fff8e199!important;border:1px solid #8a6438!important}.woodframe{background:linear-gradient(#28180ce0,#1c1008e0);border:2px solid var(--wood-hi);border-radius:6px;box-shadow:inset 0 0 0 1px #2a160a,0 4px 14px #00000073}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#1a1612;color:var(--ink);font:12px/1.4 MG Basic2,Arial,Tahoma,sans-serif}#game canvas{display:block}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:6px;box-shadow:0 4px 18px #00000059;backdrop-filter:blur(3px)}button{font:inherit;color:var(--ink);background:#463422e6;border:1px solid var(--edge);border-radius:4px;padding:6px 12px;cursor:pointer}button:hover{background:#6e502ef2}#login{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0000000d,#00000080)}#login[hidden]{display:none}#loginform{width:min(420px,calc(100vw - 32px));padding:24px;display:grid;gap:12px;text-align:center}#loginform h1{margin:0;font:700 40px Charm,serif;color:var(--gold)}#loginform .sub{margin:-8px 0 4px;opacity:.75}#name{font:inherit;padding:8px 10px;border-radius:4px;border:1px solid var(--edge);background:#00000059;color:var(--ink);text-align:center}#classes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#classes button{border-left:4px solid var(--c)}#classes button.on{background:linear-gradient(#c2803c,#8a4a1c);box-shadow:0 0 0 2px #f2d27a}.go{padding:10px;font-weight:600}#hud[hidden]{display:none}#dead{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);padding:18px 26px;text-align:center}#dead[hidden]{display:none}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.lab{position:absolute;left:0;top:0;text-align:center;white-space:nowrap;font:13px/16px "MS Sans Serif",Tahoma,sans-serif;color:#fff}.lab .n{position:relative;display:inline-block}.lab.npc .n,.lab.mob .n,.lab.pet .n{text-shadow:1px 1px 0 #202020,-1px -1px 0 #202020,1px -1px 0 #202020,-1px 1px 0 #202020}.lab.npc .n{color:#0aff1ec8}.lab.player .n{text-shadow:1px 1px 0 #000}.lab.player.pk .n{color:red}.lab.player.pt .n{color:#ff954a}.lab.tgt:not(.mob) .n:before,.lab.tgt:not(.mob) .n:after{content:"";position:absolute;top:-3px;width:16px;height:15px;background:url(/ref/ui/ovh/target_left.png) no-repeat}.lab.tgt:not(.mob) .n:before{left:-18px}.lab.tgt:not(.mob) .n:after{right:-20px;background-image:url(/ref/ui/ovh/target_right.png)}.lab .hp{position:absolute;left:50%;top:-19px;width:112px;height:6px;margin-left:-56px;background:url(/ref/ui/ovh/target_box.png) no-repeat}.lab .hp i{position:absolute;left:1px;top:1px;height:4px;background:red url(/ref/ui/ovh/target_gage_hp.png) no-repeat;background-blend-mode:multiply}.lab .gd{color:#ff0;text-shadow:1px 1px 0 #000}.lab .ttl{color:#6464ff;text-shadow:1px 1px 0 #000}.lab .hchat{display:inline-block;max-width:126px;margin-bottom:2px;padding:1px 3px;white-space:normal;word-break:break-all;text-align:left;background:#00000096;border:1px solid #969696;color:#fff;max-height:64px;overflow:hidden}#hud{position:fixed;left:0;top:0;width:calc(100vw / var(--ui, 1));height:calc(100vh / var(--ui, 1));zoom:var(--ui, 1);pointer-events:none;font-family:Tahoma,Sarabun,sans-serif}#hud>*{pointer-events:auto;position:absolute}#hud button{font:inherit}.metal{background:linear-gradient(#e9eaeb,#a9abae 45%,#6d7074 55%,#b9bbbe)}#status{left:6px;top:6px;width:240px;height:67px}#status .medal{position:absolute;left:0;top:4px;width:54px;height:54px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}#status .medal svg{width:100%;height:100%}#status .medal b{position:absolute;inset:0;display:grid;place-items:center;font:700 16px Tahoma,sans-serif;color:#f6f1dd;text-shadow:0 1px 2px #000}#status .gauge{position:absolute;left:56px;width:180px;border:2px solid #3a3c40;border-radius:2px;background:#222428;box-shadow:inset 0 1px #6a6d72,0 0 0 1px #9c9fa3;overflow:hidden}#status .gauge i{position:absolute;inset:0 auto 0 0;width:100%;transition:width .2s}#status .gauge span{position:relative;display:block;text-align:center;color:#fff;font-size:9px;line-height:8px;text-shadow:0 0 2px #000,0 0 2px #000}#status .hp{top:6px;height:12px}#status .hp i{background:linear-gradient(#ff8070,#d02818 50%,#7a0e06)}#status .mp{top:21px;height:12px}#status .mp i{background:linear-gradient(#80b0ff,#2a5ad8 50%,#0e2a7a)}#status .rage{top:36px;height:7px}#status .rage i{background:linear-gradient(#ffd27a,#f08a10);width:0}#status .combo{position:absolute;left:108px;top:49px;display:flex;gap:3px}#status .combo[hidden]{display:none}#status .combo i{width:7px;height:7px;border-radius:50%;background:#2a2b2e;border:1px solid #9c9fa3}#status .combo i.on{background:radial-gradient(#ffe08a,#e0401a);border-color:#ffd27a;box-shadow:0 0 4px #ff6a1a}#buffs{position:absolute;left:62px;top:76px;display:flex;gap:3px}#buffs .bf{position:relative;width:22px;height:22px;background:#222 center / cover;border:1px solid #c8a85a;box-shadow:0 0 0 1px #000}#buffs .bf.gl{display:grid;place-items:center;font:700 13px serif;color:#ffe8a8;background:radial-gradient(#5a3a7a,#241433)}#wskill .qrow.jade{gap:3px}#wskill .qrow .qjade{width:22px;height:20px;padding:0;font:700 12px serif;color:#ffe8a8;background:#3a2450;border:1px solid #c8a85a;cursor:pointer}#buffs .bf span{position:absolute;left:0;right:0;bottom:-11px;text-align:center;font:9px Tahoma,sans-serif;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}#status .rage.on i{background:linear-gradient(#ff9a5a,#e0301a);box-shadow:0 0 6px #ff4a1a;animation:ragepulse .6s ease-in-out infinite alternate}@keyframes ragepulse{0%{filter:brightness(1)}to{filter:brightness(1.5)}}#status .hp span,#status .mp span{line-height:8px;margin-top:0}#status .tog{position:absolute;left:62px;top:47px;width:40px;height:14px;border:1px solid #2a2b2e;border-radius:7px;background:linear-gradient(#c9cbcd,#7c7f83);cursor:pointer}#status .tog:after{content:"▷";position:absolute;right:4px;top:-2px;font-size:10px;color:#303236}#evbar{left:248px;top:4px;display:flex;gap:6px}#evbar .ev{width:48px;height:48px;border:0;border-radius:6px;cursor:pointer;background:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}#evbar .ev1{background:radial-gradient(circle at 50% 35%,#ffe08a 0 14%,transparent 15%),radial-gradient(circle at 50% 60%,#c43a24 0 34%,#7a1608 35% 40%,transparent 41%),radial-gradient(circle,#e7c065 0 46%,transparent 47%)}#evbar .ev2{background:url(/ref/ui/main_ui_webshop.png) center / 48px 48px no-repeat}#target{left:50%;top:8px;transform:translate(-50%);width:220px;text-align:center;color:#fff;font-size:12px;text-shadow:0 1px 2px #000}#target .gauge{position:relative;height:10px;margin-top:2px;border:2px solid #3a3c40;background:#222}#target .gauge i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ff8070,#c02010)}#minimap{right:6px;top:6px;width:172px;padding:2px;background:#1a1b1e;border:1px solid #8a8d91;box-shadow:0 0 0 1px #2a2b2e,0 2px 6px #00000080}#minimap .mbtns{display:flex;gap:2px;height:16px;margin-bottom:2px}#minimap .mbtns span{flex:1}#minimap .mbtns button{width:16px;height:16px;padding:0;border:1px solid #2a2b2e;background:linear-gradient(#d9dadc,#8d9094);color:#2a2b2e;font-size:10px;line-height:14px;cursor:pointer}#minimap canvas{display:block;width:168px;height:148px;image-rendering:pixelated}#minimap .mxy{position:absolute;left:6px;top:20px;color:#ff5040;font-size:11px;text-shadow:0 0 2px #000;background:#00000080;padding:0 3px}#minimap i{position:absolute;font:700 11px Tahoma,sans-serif;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-style:normal}#minimap .cN{left:50%;top:20px}#minimap .cS{left:50%;bottom:22px}#minimap .cW{left:6px;top:50%}#minimap .cE{right:6px;top:50%}#minimap .mname{height:18px;line-height:18px;text-align:center;color:#e8e1c8;font-size:11.5px;background:linear-gradient(#5a5c60,#2c2d30);border-top:1px solid #8a8d91}#minibtns{right:6px;top:206px;display:flex;gap:4px}#minibtns .green{height:24px;padding:0 10px;border:1px solid #0c3a12;border-radius:3px;color:#fff;font-weight:700;font-size:12px;background:linear-gradient(#4ab25a,#1f7a2c 55%,#135a1c);cursor:pointer}#minibtns .book{width:26px;height:24px;border:1px solid #2a2b2e;border-radius:3px;background:linear-gradient(90deg,#6a4424 0 12%,#e8e0c8 12% 88%,#6a4424 88%);cursor:pointer}#chat{left:6px;bottom:16px;width:346px;font-size:12px}#chat .tabs{display:flex;gap:2px;margin-bottom:2px}#chat .tabs button{height:16px;padding:0 6px;border:1px solid #6a5a2a;border-radius:3px;background:linear-gradient(#5a5a4a,#2c2c24);color:#e6dcae;font-size:10.5px;line-height:14px;cursor:pointer}#chat .tabs button.on{background:linear-gradient(#a8925a,#5a4a20);color:#fff}#chat .tabs .tg{padding:0 3px;background:linear-gradient(#e2c35a,#8a6a1a);color:#2a1e08}#log{height:66px;overflow-y:auto;padding:2px 4px;color:#fff;background:linear-gradient(90deg,#14181c8c,#14181c40);text-shadow:0 1px 1px #000;scrollbar-width:none}#log .sys{color:#ffe27a}#log b{color:#8fd8ff;font-weight:400}#chat .inrow{display:flex;gap:2px;margin-top:2px}#chat .inrow .tg{width:16px;height:18px;padding:0;border:1px solid #6a5a2a;background:linear-gradient(#e2c35a,#8a6a1a);color:#2a1e08;font-size:10px}#chatin{flex:1;height:18px;padding:0 6px;border:1px solid #6a6a5a;background:#0a0a08bf;color:#fff;font:12px Tahoma,Sarabun,sans-serif}#chat .inrow .ch{height:18px;padding:0 6px;border:1px solid #6a5a2a;background:linear-gradient(#f0d070,#a8801e);color:#2a1e08;font-size:11px}#skillwrap{left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:flex-end;gap:4px}#skillwrap .side{display:flex;flex-direction:column;gap:2px}#skillwrap .side button{width:22px;height:18px;padding:0;border:1px solid #8a8d91;background:#f0f0f0d9;color:#5a5c60;font-size:11px;line-height:16px}#skills{position:relative;display:flex;gap:3px;padding:4px 18px 4px 4px;border-radius:3px;background:linear-gradient(#8d9094,#4a4c50);border:1px solid #2a2b2e;box-shadow:inset 0 1px #c9cbcd}#skills .sk{position:relative;width:33px;height:30px;border-radius:3px;border:1px solid #2a2b2e;background:radial-gradient(circle at 50% 45%,#6a6c70,#3a3c40 75%);box-shadow:inset 0 0 0 2px #c9cbcd,inset 0 0 0 3px #4a4c50}#skills .sk b{position:absolute;left:3px;top:1px;font-size:9px;color:#fff;text-shadow:0 0 2px #000;font-weight:400}#skills .pg{position:absolute;right:3px;top:4px;display:flex;flex-direction:column;gap:2px}#skills .pg i{width:10px;height:13px;border-radius:2px;background:linear-gradient(#b0a0ff,#5a40d0)}#sysmenu{right:6px;bottom:14px;width:260px;height:54px}#sysmenu button{position:absolute;width:30px;height:30px;padding:0;border-radius:50%;border:2px solid #4a3a14;background:radial-gradient(circle at 40% 35%,#fff0a8,#e0b440 45%,#8a6414);box-shadow:0 2px 3px #0009;cursor:pointer;font-size:14px;line-height:26px;color:#4a2e08}#sysmenu button:hover{filter:brightness(1.15)}#exp{left:50%;bottom:2px;transform:translate(-50%);width:min(1008px,calc(100vw - 8px));height:10px;border:1px solid #2a2b2e;border-radius:5px;background:linear-gradient(#5a5c60,#2a2b2e);box-shadow:inset 0 1px #9c9fa3;overflow:hidden}#exp i{position:absolute;left:2px;top:3px;height:4px;width:0;background:#2ee0ff;box-shadow:0 0 3px #2ee0ff}#exp span{position:absolute;inset:0;text-align:center;font-size:8px;line-height:10px;color:#fff;text-shadow:0 0 2px #000}@media (max-width: 760px){#evbar,#sysmenu{display:none}#chat{width:calc(100vw - 12px);bottom:70px}}.gwin{position:absolute;color:#2a1c0c;font:12px Tahoma,Sarabun,sans-serif;border-radius:8px;border:2px solid #3a2a14;background:var(--grain),radial-gradient(ellipse at 30% 20%,#f4e6c0,#e2cc98 55%,#c4a468);box-shadow:inset 0 0 0 1px #f6ecd0,inset 0 0 30px #6e461459,0 6px 18px #0000008c}.gwin .gico{position:absolute;left:8px;top:-14px;width:46px;height:46px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.gwin .gico svg{width:100%;height:100%}.gwin .gtitle{position:absolute;left:0;right:30px;top:0;height:34px;padding-left:60px;line-height:34px;font:700 17px Sarabun,sans-serif;color:#2a1c0c;cursor:move;user-select:none}.gwin .gx{position:absolute;right:6px;top:4px;width:20px;height:20px;padding:0;border:0;background:none;font-size:18px;line-height:18px;color:#3a2a14;cursor:pointer;z-index:5}.gwin .gbody{position:absolute;inset:36px 10px 10px}.gwin .slot{position:relative;width:32px;height:32px;border-radius:2px;background:#1e1610;box-shadow:inset 0 0 0 1px #6a5434,inset 0 2px 4px #000}.gwin .tabs2{display:flex;gap:4px;margin-bottom:6px}.gwin .tabs2 button{height:20px;padding:0 8px;border:1px solid #1a120a;border-radius:3px;background:linear-gradient(#5a4a34,#2c2014);color:#e8d8a8;font:700 11.5px Sarabun,sans-serif;cursor:pointer}.gwin .tabs2 button.on{background:linear-gradient(#8a5a9a,#4a2a5a);color:#fff}.gwin .tabs2 .sort{margin-left:auto;background:none;border:0;color:#2a1c0c}.dim{color:#8a7a5a}#wchar .ctabs{position:absolute;left:6px;top:6px;width:118px;display:flex;flex-direction:column;gap:4px}#wchar .ctabs button{height:24px;border:1px solid #1a120a;border-radius:3px;background:linear-gradient(#4a3e2c,#2a2216);color:#e8e0c8;font:700 13px Sarabun,sans-serif;cursor:pointer}#wchar .ctabs button.on{color:#ffe08a;box-shadow:inset 0 0 0 1px #c8a04a}#wchar .cpanel{position:absolute;inset:6px 6px 6px 136px;background:#080806;border:2px solid #4a3a20;color:#e8e0c8;padding:12px 16px;overflow:auto}#wchar h3{margin:0 0 10px;font:700 18px Sarabun,sans-serif;color:#ffd76a}#wchar table{border-collapse:collapse;width:100%}#wchar th{text-align:left;color:#c8b88a;font-weight:400;padding:4px 0;width:40%}#wchar td{color:#fff}#winv .eqbox{position:relative;height:176px;margin-bottom:6px;border-radius:4px;background:linear-gradient(#6a4a2a,#4a3018);box-shadow:inset 0 0 0 1px #2a1a0a}#winv .eqbox .slot{position:absolute}#winv .slot.empty:before,#winv .slot.sub:before{content:"";position:absolute;inset:0;background:var(--art) var(--pos) / 247px 655px no-repeat;filter:grayscale(1) brightness(2.6) contrast(1.4);opacity:.45;border-radius:inherit}#winv .slot.lock{opacity:.55}#winv .bagx{display:grid;grid-template-columns:repeat(6,34px);gap:2px 2px;margin-top:4px;padding:0 3px}#winv .bagx .slot{width:34px;height:32px}#winv .bagx .slot:nth-child(4){grid-column-start:1}#winv .bagx .slot.ev{box-shadow:inset 0 0 0 1px #7a2a3a,inset 0 2px 4px #000;background:#3c101e99}#winv .wbar{position:relative;height:16px;margin-top:6px;border:1px solid #6a5434;border-radius:3px;background:#140e08d9;overflow:hidden}#winv .wbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#7ad07a,#3a8a3a)}#winv .wbar span{position:absolute;inset:0;padding-right:6px;text-align:right;font:11px/16px Tahoma,sans-serif;color:#fff;text-shadow:0 0 2px #000}#winv .wbar:before{content:"น้ำหนัก";position:absolute;left:6px;z-index:1;font:11px/16px Sarabun,sans-serif;color:#e8d8a8;text-shadow:0 0 2px #000}#winv .bag{display:grid;grid-template-columns:repeat(6,34px);gap:2px;padding:3px;background:#2a1e12;border:1px solid #1a120a}#winv .bag .slot{width:34px;height:34px}#winv .money{display:flex;justify-content:space-between;margin-top:4px;padding:4px 8px;border:1px solid #6a5434;border-radius:3px;background:#281c0ed9;color:#ffe08a}#winv .money span{color:#fff}#winv .hint{margin-top:6px;font-size:10.5px;color:#6a5434;text-align:center}.itm{position:absolute;inset:2px;display:grid;place-items:center;border-radius:3px;font:700 17px serif;color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 55%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 55%,#000));text-shadow:0 1px 2px #000;box-shadow:inset 0 0 0 1px #0009}.itm.pic{background:center / contain no-repeat;box-shadow:none}.itm i{position:absolute;right:1px;bottom:0;font:700 10px Tahoma,sans-serif;font-style:normal;text-shadow:0 0 2px #000,0 0 2px #000}#wskill .shead{display:flex;gap:18px;height:20px;margin-bottom:8px;padding:0 6px;line-height:20px;background:#1e140ad9;color:#c8b88a;font-size:11.5px}#wskill .shead b{color:#fff}#wskill .sgrid{display:grid;grid-template-columns:repeat(3,40px);justify-content:space-around;gap:6px 0;padding:8px 0;height:284px;overflow:hidden;border-radius:4px;background:radial-gradient(ellipse at 30% 50%,rgba(60,90,60,.25),transparent 60%),#46321440}#wskill .slot.sk{width:40px;height:38px}.sic{position:absolute;inset:3px;display:grid;place-items:center;border-radius:4px;font:700 18px Sarabun,sans-serif;color:#fff;background:radial-gradient(circle at 35% 30%,#ffe8a8,#c8781e 55%,#6a2a08);text-shadow:0 1px 2px #000}.sic.lock{filter:grayscale(1) brightness(.55)}.sic[style*=background-image]{background-size:cover;background-position:center}.slot.sk>b{position:absolute;left:2px;top:0;z-index:1;font:9px Tahoma,sans-serif;color:#fff;text-shadow:0 0 2px #000}#skills .sk .sic{inset:4px;font-size:15px}#skills .sk .cdw{position:absolute;inset:4px;border-radius:3px;pointer-events:none}#skills .sk{cursor:pointer}.gtip{position:fixed;z-index:9999;max-width:220px;padding:6px 8px;border:1px solid #c8a04a;border-radius:3px;background:#0c0a08eb;color:#e8e0c8;font:12px/1.45 Tahoma,Sarabun,sans-serif;pointer-events:none}#authform,#charsel{width:min(420px,calc(100vw - 32px));padding:24px;display:grid;gap:10px;text-align:center}#authform input,#charsel input{font:inherit;padding:8px 10px;border-radius:4px;text-align:center}#login h1{margin:0;font:700 34px Charm,serif;color:#6a2a14}.row2{display:flex;gap:8px;justify-content:center}.row2 button{flex:1;padding:9px}.err{min-height:1.2em;margin:0;color:#a8261a;font-size:13px}#clist{display:grid;gap:6px}#clist button{display:flex;justify-content:space-between;padding:10px 14px;text-align:left}#clist button.on{box-shadow:0 0 0 2px #f2d27a;background:linear-gradient(#c2803c,#8a4a1c)}#clist .empty{color:#6a5434;font-size:13px}.gwin.dark{color:#f0e6c8;border-color:#1a120a;background:var(--grain),radial-gradient(ellipse at 40% 30%,#8a6a40,#5a4024 60%,#3a2814);box-shadow:inset 0 0 0 1px #c8a46a,inset 0 0 30px #00000080,0 6px 18px #0009}.gwin.dark .gtitle,.gwin.dark .gx{color:#fff4d8;text-shadow:0 1px 2px #000;font-size:15px}.gwin .nhead{height:18px;padding-left:8px;line-height:18px;font:700 12px Sarabun,sans-serif;color:#fff;background:linear-gradient(90deg,#6a3a8a,#6a3a8a00 80%);border-left:3px solid #c8a0e8;margin-bottom:4px}.gwin .nsay{min-height:96px;padding:8px 10px;background:#0a0806bf;border:1px solid #2a1e10;color:#fff;font:14px/1.5 Sarabun,sans-serif}.gwin .nmenu{display:flex;flex-direction:column;gap:6px;margin-top:10px}.gwin .nmenu button{height:26px;border:1px solid #1a120a;border-radius:3px;background:linear-gradient(#6a5434,#3a2a16);color:#ffe08a;font:700 13px Sarabun,sans-serif;cursor:pointer}.gwin .nmenu button:hover{border-color:#ffd35a}#wshop .slist{height:330px;overflow-y:auto;background:#0a0806bf;border:1px solid #2a1e10}#wshop .srow{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 44px;border-bottom:1px solid rgba(200,164,106,.2);cursor:pointer}#wshop .srow:hover{background:#c8a46a26}#wshop .srow .itm{inset:4px auto auto 6px;width:32px;height:32px}#wshop .srow .nm{flex:1;color:#fff}#wshop .srow .pr{color:#ffe08a}#wshop .hint{color:#e8d8a8;margin-top:8px;line-height:1.5}#entry{position:fixed;inset:0;pointer-events:none;font-family:Sarabun,Tahoma,sans-serif}#entry>*,#entry .csel>*{pointer-events:auto}#entry[hidden],#entry [hidden]{display:none!important}#entry .logo{position:absolute;left:50%;top:22%;width:min(400px,80vw);transform:translate(-50%,-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));pointer-events:none}#entry .logo svg{width:100%}.loginbox{position:absolute;left:50%;top:48%;width:234px;transform:translate(-50%);padding:0 0 10px;border:2px solid #1a0604;border-radius:4px;background:radial-gradient(ellipse at 50% 30%,#6a1e0a,#3a0e04 60%,#200602);box-shadow:inset 0 0 0 1px #c8782a,inset 0 0 0 3px #3a0e04,inset 0 0 0 4px #e8a84a,0 6px 20px #0009;color:#ffe6b0;text-align:center}.loginbox .lt{position:relative;height:24px;margin:4px 4px 10px;line-height:24px;background:linear-gradient(#1a0a04,#0a0402);border:1px solid #c8782a;color:#fff2c8;font-weight:700;font-size:13px}.loginbox .lt span{color:#e8a84a;margin:0 6px}.loginbox .lx{position:absolute;right:2px;top:2px;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid #ffd27a;background:radial-gradient(#e8a84a,#8a3a0a);color:#2a0a04;font-size:10px;line-height:16px;cursor:pointer}.loginbox label{display:block;margin:6px 0 4px;color:#ffd27a;font:700 12px Tahoma,sans-serif;letter-spacing:.5px}.loginbox label i{font-style:normal;color:#e8a84a;margin:0 10px}.loginbox label i.r{display:inline-block;transform:scaleX(-1)}.loginbox input{width:138px;height:22px;padding:0 6px;border:1px solid #e8a84a;border-radius:2px;background:#1a0602;color:#fff;font:13px Tahoma,sans-serif;box-shadow:0 0 0 3px #3a0e04,0 0 0 4px #8a4a1a}.loginbox .lq{margin:16px 6px 8px;color:#fff;font-weight:700;font-size:13px;min-height:1.3em}.loginbox .lq.err{color:#ff8a6a}.loginbox .lb,.cnew .lb{display:flex;justify-content:space-around}.loginbox .lb button,.cnew .lb button{padding:2px 8px;border:0;background:none;color:#d8c8a0;font:700 13px Sarabun,sans-serif;cursor:pointer;text-shadow:0 1px 2px #000}.lreg{position:absolute;left:50%;top:calc(48% + 280px);transform:translate(-50%);margin:0;color:#f0e6c8;font-size:12px;text-shadow:0 1px 2px #000}.lreg a{color:#ffe08a;font-weight:700}.csel{position:absolute;inset:0;pointer-events:none}.cpane{position:absolute;left:46px;top:178px;width:268px;height:460px;border-radius:6px;border:2px solid #3a2a14;background:var(--grain),radial-gradient(ellipse at 30% 20%,#f4e6c0,#e2cc98 55%,#c4a468);box-shadow:inset 0 0 0 1px #f6ecd0,0 6px 18px #0000008c}.cpane .cico{position:absolute;left:14px;top:-16px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff0c8,#d0a04a 60%,#6a3a0a);border:2px solid #3a2410;font:700 22px serif;color:#3a1a08}.ctitle{height:34px;padding-left:66px;line-height:34px;font:700 17px Sarabun,sans-serif;color:#2a1c0c}.cnew .ctitle{padding-left:10px}.clist{position:absolute;inset:40px 12px;overflow-y:auto;padding:4px;background:#5a3e20;border:1px solid #2a1a0a;scrollbar-width:thin}.clist .slot{display:flex;align-items:center;gap:8px;width:100%;height:44px;margin-bottom:4px;padding:0 10px;border:1px solid #2a1a0a;border-radius:3px;background:linear-gradient(#8a6a44,#6a4c2a);color:#f0e0b8;font:12px Sarabun,sans-serif;text-align:left;cursor:pointer}.clist .slot.empty{color:#e0cc9a}.clist .slot.on{box-shadow:inset 0 0 0 2px #ffd76a;background:linear-gradient(#a8804a,#7a5228)}.clist .slot b{flex:1;font-size:14px;color:#fff}.clist .slot small{color:#ffe08a}.clist .slot .ci{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;background:#2a1a0a;color:#ffd76a;font:700 16px serif}.clist .slot.locked{justify-content:center;background:linear-gradient(#6a3a9a,#3a1a5a);color:#fff;font-weight:700;font-size:13px;cursor:default;box-shadow:inset 0 0 0 1px #c8a0e8}.clist .slot.locked i{font-style:normal}.cfoot{position:absolute;left:12px;right:12px;bottom:8px;display:flex;justify-content:space-between}.cfoot button{border:0;background:none;color:#5a3a14;font:700 12px Sarabun,sans-serif;cursor:pointer}.cfoot button:hover{color:#a8261a}.crooms{position:absolute;left:50%;bottom:96px;transform:translate(-50%);display:flex;gap:6px}.crooms button{width:60px;height:28px;border:1px solid #1a0a04;border-radius:2px;background:linear-gradient(#3a2414,#1a0e06);color:#f0e0c0;font:700 12px Sarabun,sans-serif;cursor:pointer}.crooms button.on{background:linear-gradient(#8a5a24,#5a3410);box-shadow:inset 0 0 0 1px #ffd76a}.cgo{position:absolute;left:50%;bottom:30px;transform:translate(-50%);padding:0 40px;border:0;background:radial-gradient(ellipse 60% 26% at 50% 78%,rgba(10,8,6,.9),transparent);color:#fff;font:italic 700 36px Charm,serif;text-shadow:0 2px 4px #000,0 0 10px rgba(0,0,0,.8);cursor:pointer}.cgo:hover{color:#ffe08a}.cgo.off{opacity:.5;cursor:default}.cacc{position:absolute;left:40px;bottom:14px;color:#fff;font-size:12px;text-shadow:0 1px 2px #000}.cnew{position:absolute;right:40px;top:100px;width:244px;padding:0 10px 8px;border-radius:6px;border:2px solid #3a2a14;color:#f0e6c8;background:var(--grain),radial-gradient(ellipse at 40% 20%,#8a6a40,#5a4024 60%,#3a2814);box-shadow:inset 0 0 0 1px #c8a46a,0 6px 18px #0009;font-size:12px}.cnew .ctitle{color:#fff4d8;text-shadow:0 1px 2px #000;border-bottom:1px solid rgba(240,220,170,.3);margin:0 -10px 6px;padding-left:12px;background:linear-gradient(#f4e6c0,#d8be86);color:#2a1c0c;border-radius:4px 4px 0 0}.cnew .nrow{display:flex;align-items:center;gap:4px}.cnew .nrow input{flex:1;min-width:0;height:22px;border:1px solid #c8a46a;background:#1a120a;color:#fff;padding:0 4px;font:13px Sarabun,sans-serif}.cnew .nrow button,.cnew .nopt>button{height:22px;padding:0 8px;border:1px solid #c8a46a;border-radius:2px;background:linear-gradient(#3a2a16,#1a120a);color:#f0e0b8;font:12px Sarabun,sans-serif;cursor:pointer}.cnew .nmsg{min-height:1.2em;margin:3px 0;font-size:11.5px}.nmsg.ok{color:#9cff7a}.nmsg.err{color:#ff8a6a}.cnew .ninfo{height:110px;padding:6px 8px;margin-bottom:8px;border:1px solid #c8a46a;background:#140e0899;line-height:1.55}.cnew .ninfo b{color:#ffd76a;font-size:13px}.cnew .nopt{display:flex;align-items:center;gap:6px;height:30px}.cnew .nopt>span{width:64px;text-align:right}.cnew .nico,.cnew .nsw{width:26px;height:26px;display:grid;place-items:center;border:1px solid #c8a46a;background:#1a120a;color:#ffd76a;font:700 15px serif}.cnew .arr{flex:1;display:flex;align-items:center;height:22px;background:#1a120a;border:1px solid #5a4024}.cnew .arr b{flex:1;text-align:center;font-weight:400}.cnew .arr button{width:20px;height:20px;padding:0;border:0;background:none;color:#f2b02a;cursor:pointer}.cnew canvas{display:block;width:200px;height:150px;margin:4px auto;border:1px solid #c8a46a;background:#140e0899}.cnew .npop{position:absolute;right:calc(100% + 6px);top:150px;width:150px;padding:6px;display:grid;gap:4px;border:1px solid #c8a46a;border-radius:4px;background:#1e140af2}.cnew .npop button{display:flex;align-items:center;gap:8px;height:30px;border:1px solid #5a4024;background:#2a1c10;color:#f0e0b8;font:13px Sarabun,sans-serif;cursor:pointer}.cnew .npop .ci{width:22px;height:22px;display:grid;place-items:center;background:#1a0e06;color:#ffd76a;font:700 14px serif}.cnew .npop .sw{width:100%;height:18px;border:1px solid #000}@media (max-width: 900px){.cpane{left:8px;top:70px;width:220px;height:380px}.cnew{right:8px;top:60px}}.lrecent{position:absolute;left:50%;top:calc(48% + 252px);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:420px;color:#f0e6c8;font-size:12px;text-shadow:0 1px 2px #000}.lrecent .ru{position:relative;height:24px;padding:0 22px 0 10px;border:1px solid #c8782a;border-radius:12px;background:linear-gradient(#5a1a0a,#2a0a04);color:#ffe6b0;font:700 12px Tahoma,Sarabun,sans-serif;cursor:pointer}.lrecent .ru:hover{border-color:#ffd27a;color:#fff}.lrecent .ru i{position:absolute;right:6px;top:3px;font-style:normal;color:#c8a07a}.lrecent .ru i:hover{color:#ff8a6a}.lreg{top:calc(48% + 286px)!important}.loginbox .lrem{display:flex;justify-content:center;align-items:center;gap:6px;margin:10px 0 -8px;color:#e8d0a0;font:12px Sarabun,sans-serif;letter-spacing:0;cursor:pointer}.loginbox .lrem input{width:auto;height:auto;box-shadow:none;accent-color:#e8a84a}.lrecent .ru.key:before{content:"🔑 "}.lrecent{top:calc(48% + 270px)!important}.lreg{top:calc(48% + 304px)!important}#entry .csel{pointer-events:none!important}.cturn{position:absolute;left:50%;bottom:136px;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#fff;font-size:12px;text-shadow:0 1px 2px #000}.cturn button{width:34px;height:34px;border-radius:50%;border:1px solid #3a2410;background:radial-gradient(circle at 40% 35%,#fff0c8,#d0a04a 60%,#6a3a0a);color:#3a1a08;font-size:14px;cursor:pointer}#wgm .gmp{position:absolute;inset:30px 0 0;overflow:auto}#wgm .tabs2 button{padding:0 7px;white-space:nowrap;font-size:12px}#wgm .gmrow{display:flex;align-items:center;gap:6px;margin:6px 4px;flex-wrap:wrap;font:13px Sarabun,sans-serif}#wgm .gmrow .nm{flex:1;min-width:100%}#wgm button:not(.gx),#wgm .tabs2 button{height:24px;padding:0 10px;border:1px solid #1a120a;border-radius:3px;background:linear-gradient(#6a5434,#3a2a16);color:#ffe08a;font:700 12.5px Sarabun,sans-serif;cursor:pointer}#wgm button.on{background:linear-gradient(#8a5a9a,#4a2a5a);color:#fff}#wgm input,#wgm select{height:24px;padding:0 6px;border:1px solid #1a120a;border-radius:3px;background:#120c06;color:#f0e6c8;font:13px Sarabun,sans-serif}#wgm select{width:100%}#wgm .gmwho{max-height:290px;overflow:auto}#gmbtn{position:absolute;right:12px;bottom:76px;width:38px;height:24px;padding:0;border:2px solid #3a1008;border-radius:4px;background:linear-gradient(#e0503a,#8a1e10);color:#fff4d8;font:700 12px Tahoma,sans-serif;cursor:pointer;box-shadow:0 2px 3px #0009}#wset .setside{position:absolute;left:0;top:0;width:132px;display:flex;flex-direction:column;gap:4px}#wset .setside button{height:26px;border:1px solid #1a120a;border-radius:3px;background:linear-gradient(#5a4a34,#2c2014);color:#e8d8a8;font:700 13px Sarabun,sans-serif;cursor:pointer}#wset .setside button.on{background:linear-gradient(#8a5a9a,#4a2a5a);color:#fff}#wset .setside .sys{margin-top:10px;background:linear-gradient(#a8432a,#5a1e10);color:#fff4d8}#wset .setside .sys+.sys{margin-top:0}#wset .setpane{position:absolute;inset:0 0 38px 142px;background:#080806;border:2px solid #4a3a20;color:#e8e0c8;padding:10px 14px;overflow:auto}#wset .setpane h3{margin:0 0 10px;font:700 15px Sarabun,sans-serif;color:#ffd76a}#wset .setrow{display:flex;align-items:center;gap:14px;min-height:30px;font:13px Sarabun,sans-serif}#wset .setrow .slab{width:120px;color:#c8b88a}#wset .setrow.dim{opacity:.5}#wset .radio{display:flex;align-items:center;gap:5px;cursor:pointer}#wset .radio i{width:12px;height:12px;border-radius:50%;border:2px solid #8a7444;background:#1a140c}#wset .radio.on i{background:radial-gradient(#ffe08a 40%,#a8801e)}#wset input[type=range]{width:150px;accent-color:#d8b060}#wset .setfoot{position:absolute;right:0;bottom:0;display:flex;gap:6px}#wset .setfoot button,#wparty button:not(.gx),#wpinv button:not(.gx){height:26px;padding:0 12px;border:1px solid #1a120a;border-radius:3px;background:linear-gradient(#6a5434,#3a2a16);color:#ffe08a;font:700 13px Sarabun,sans-serif;cursor:pointer}#wparty .plist{min-height:150px;max-height:170px;overflow:auto;margin-bottom:6px}#wparty .prow,#wpinv .prow{display:flex;align-items:center;gap:6px;margin:4px 0}#wparty input{flex:1;height:24px;padding:0 6px;border:1px solid #6a5434;border-radius:3px;background:#fff8e4;font:13px Sarabun,sans-serif}#wparty .hint{margin-top:8px;font-size:11px;color:#5a4a2a}.pm{flex:1;font:12px Sarabun,sans-serif}.pm b{margin-right:6px}.pm span{color:#6a5434;font-size:11px}.pm .gauge{height:6px;margin-top:2px;background:#2a0a08;border:1px solid #1a0a06}.pm .gauge i{display:block;height:100%;background:linear-gradient(#ff6a4a,#b01e10)}#pframe{position:absolute;left:8px;top:92px;width:150px;display:flex;flex-direction:column;gap:4px}#pframe .pm{padding:3px 6px;border-radius:4px;background:#14100ab3;border:1px solid #6a5434;color:#fff4d8;text-shadow:0 1px 1px #000}#pframe .pm span{color:#d8c89a}#wpinv .prow{justify-content:center;margin-top:10px}.gwin .emptybook{margin-top:40px;padding:0 20px;text-align:center;color:#5a4a2a;font:14px/1.6 Sarabun,sans-serif}:root{--night-hi: #26304e;--night: #1a2036;--night-lo: #0b0f1e;--well: #070a13;--silver: #9aa6c4;--silver-hi: #e4e9f6;--silver-lo: #3a4462;--ink: #e6eaf6;--blood: #c8283a;--moonlit: #e8d8a8;--panel: radial-gradient(circle at 96% 0, rgba(200,40,40,.28), transparent 32%), radial-gradient(ellipse at 15% 0, rgba(160,180,230,.12), transparent 55%), linear-gradient(160deg, var(--night-hi), var(--night) 45%, var(--night-lo));--trim: inset 0 0 0 1px rgba(255,255,255,.12), 0 8px 22px rgba(0,0,0,.6);--btn: linear-gradient(#1e2640, #121829);--btn-on: linear-gradient(#d0344a, #7a0f1e)}.gwin,.gwin.dark{color:var(--ink);border:2px solid var(--silver);border-radius:10px;background:var(--panel);box-shadow:var(--trim)}.gwin .gtitle,.gwin.dark .gtitle{font:700 21px Charm,Sarabun,serif;color:var(--silver-hi);text-shadow:0 2px 3px #000}.gwin .gtitle:before{content:"";display:inline-block;width:13px;height:13px;margin-right:7px;border-radius:50%;vertical-align:1px;background:radial-gradient(circle at 35% 35%,#ff8a7a,#a01818);box-shadow:0 0 8px #f33}.gwin .gtitle:after{content:"";position:absolute;left:56px;right:-20px;bottom:1px;height:1px;background:linear-gradient(90deg,rgba(154,166,196,.7),transparent)}.gwin .gx,.gwin.dark .gx{color:var(--silver-hi);text-shadow:0 1px 2px #000}.gwin .slot{background:var(--well);box-shadow:inset 0 0 0 1px var(--silver-lo),inset 0 2px 5px #000;border-radius:4px}.gwin .tabs2 button,#wchar .ctabs button,#wset .setside button,#wgm .tabs2 button{background:var(--btn);border:1px solid var(--silver-lo);color:#aab4d0;border-radius:5px}.gwin .tabs2 button.on,#wchar .ctabs button.on,#wset .setside button.on,#wgm .tabs2 button.on,#wgm button.on{background:var(--btn-on);color:#fff;border-color:#ff8a8a;box-shadow:none}.gwin .tabs2 .sort{background:none;border:0;color:var(--silver-hi)}.gwin .nmenu button,#wset .setfoot button,#wparty button:not(.gx),#wpinv button:not(.gx),#wgm button:not(.gx):not(.on){background:var(--btn);border:1px solid var(--silver);color:var(--silver-hi);border-radius:5px}.gwin .nmenu button:hover,#wset .setfoot button:hover,#wparty button:not(.gx):hover,#wgm button:not(.gx):hover{background:var(--btn-on);color:#fff}#wset .setside .sys{background:linear-gradient(#5a0e18,#2a0610);border-color:#c86a7a;color:#ffd8dc}.gwin .nhead{color:var(--silver-hi);background:linear-gradient(90deg,rgba(200,40,58,.45),transparent 80%);border-left:3px solid var(--blood)}.gwin .nsay,#wshop .slist,#wchar .cpanel,#wset .setpane{background:#060810d1;border:1px solid var(--silver-lo);color:var(--ink);border-radius:6px}#wchar h3,#wset .setpane h3{font-family:Charm,Sarabun,serif;color:var(--silver-hi)}#wchar th,#wset .setrow .slab{color:#aab4d0}#winv .eqbox{background:radial-gradient(ellipse at 50% 30%,rgba(160,180,230,.1),transparent 70%),#06081099;box-shadow:inset 0 0 0 1px var(--silver-lo);border-radius:6px}#winv .wbar{border-color:var(--silver-lo);background:#060810d9;border-radius:5px}#winv .bag{background:#060810b3;border:1px solid var(--silver-lo);border-radius:6px}#winv .money{background:#060810d9;border:1px solid var(--silver-lo);color:var(--moonlit);border-radius:5px}#winv .money span{color:var(--ink)}#winv .hint,#wshop .hint,#wparty .hint{color:#8a96b8}#wskill .shead{background:#060810d9;color:#aab4d0;border-radius:4px}#wskill .sgrid{background:radial-gradient(ellipse at 50% 40%,rgba(160,180,230,.08),transparent 70%),#06081080}#wparty input,#wgm input,#wgm select{background:var(--well);border:1px solid var(--silver-lo);color:var(--ink)}#wparty .plist .pm span,.gwin .emptybook,.dim{color:#8a96b8}#wset .radio i{border-color:var(--silver);background:var(--well)}#wset .radio.on i{background:radial-gradient(#ff8a7a 40%,#a01818)}#wset input[type=range]{accent-color:var(--blood)}#wshop .srow .pr{color:var(--moonlit)}.gtip{border:1px solid var(--silver);border-radius:6px;background:linear-gradient(160deg,#1e2640f7,#080b14f7);color:var(--ink);box-shadow:0 4px 12px #00000080}#status{background:var(--panel);border:2px solid var(--silver);border-radius:36px 10px 10px 36px;box-shadow:var(--trim);width:250px}#status .gauge,#target .gauge{border:1px solid var(--silver-lo);background:#05070d;box-shadow:none;border-radius:4px}#status .tog{background:var(--btn);border-color:var(--silver-lo)}#status .tog:after{color:var(--silver-hi)}#target{padding:4px 8px 6px;border:2px solid var(--silver);border-radius:8px;background:var(--panel);box-shadow:var(--trim);color:var(--silver-hi)}#minimap{background:var(--panel);border:2px solid var(--silver);border-radius:8px;box-shadow:var(--trim);padding:4px}#minimap .mbtns button{background:var(--btn);border:1px solid var(--silver-lo);color:var(--silver-hi);border-radius:3px}#minimap canvas{border-radius:4px;box-shadow:0 0 0 1px var(--silver-lo)}#minimap .mname{background:none;border-top:1px solid rgba(154,166,196,.4);color:var(--silver-hi);font-family:Sarabun,sans-serif;font-weight:700}#minibtns .green{background:var(--btn-on);border:1px solid #ff8a8a;color:#fff;border-radius:5px}#minibtns .book{border:1px solid var(--silver);border-radius:5px}#chat .tabs button{background:var(--btn);border-color:var(--silver-lo);color:#aab4d0;border-radius:4px}#chat .tabs button.on,#chat .inrow .ch{background:var(--btn-on);color:#fff;border-color:#ff8a8a}#chat .tabs .tg,#chat .inrow .tg{background:var(--btn);color:var(--silver-hi);border-color:var(--silver)}#log{border-radius:6px}#chatin{background:#060810cc;border:1px solid var(--silver-lo);color:var(--ink);border-radius:4px}#skills{background:var(--panel);border:2px solid var(--silver);border-radius:10px;box-shadow:var(--trim);padding:5px 20px 5px 5px}#skills .sk{border:1px solid var(--silver-lo);border-radius:5px;background:var(--well);box-shadow:inset 0 2px 5px #000}#skills .pg i{background:var(--btn-on)}#skillwrap .side button{background:var(--btn);border:1px solid var(--silver-lo);color:var(--silver-hi);border-radius:4px}#sysmenu button{border:2px solid var(--silver);background:radial-gradient(circle at 40% 30%,#34406a,#1a2036 60%,#0b0f1e);color:var(--silver-hi);box-shadow:0 0 0 1px #000,0 3px 4px #0009}#sysmenu button:hover{background:radial-gradient(circle at 40% 30%,#e05060,#8a1424 60%,#3a0610);filter:none}#exp{border:1px solid var(--silver-lo);background:#05070d;box-shadow:inset 0 0 0 1px #9aa6c440}#exp i{background:linear-gradient(90deg,#8a1424,#ff6a6a);box-shadow:0 0 5px #f33}#pframe .pm{background:var(--panel);border:1px solid var(--silver);border-radius:6px}#status .medal{border-radius:50%;border:2px solid var(--silver-hi);background:radial-gradient(circle at 36% 32%,#ff9a8a,#c42030 50%,#5a0814 85%);box-shadow:0 0 12px #ff3c3c8c,inset -6px -6px 10px #00000059;width:50px;height:50px;left:2px;top:6px;filter:none}.loginbox{border:2px solid var(--silver);border-radius:10px;background:var(--panel);box-shadow:var(--trim);color:var(--ink)}.loginbox .lt{background:#060810d9;border:1px solid var(--silver-lo);border-radius:6px;color:var(--silver-hi)}.loginbox .lt span{color:var(--blood)}.loginbox .lx{border-color:var(--silver-hi);background:var(--btn-on);color:#fff}.loginbox label{color:var(--silver-hi)}.loginbox label i{color:var(--blood)}.loginbox input{border:1px solid var(--silver);border-radius:4px;background:var(--well);box-shadow:none}.loginbox .lq{color:var(--ink)}.loginbox .lq.err{color:#ff8a8a}.loginbox .lb button,.cnew .lb button{color:#aab4d0}.loginbox .lb button:hover,.cnew .lb button:hover{color:#fff}.loginbox .lrem{color:#aab4d0}.loginbox .lrem input{accent-color:var(--blood)}.lrecent .ru{border-color:var(--silver-lo);background:var(--btn);color:var(--silver-hi)}.lrecent .ru:hover{border-color:var(--silver-hi)}.lreg a{color:#ff9a9a}.cpane,.cnew{border:2px solid var(--silver);border-radius:10px;background:var(--panel);box-shadow:var(--trim);color:var(--ink)}.cpane .cico{border:2px solid var(--silver-hi);background:radial-gradient(circle at 36% 32%,#ff9a8a,#c42030 50%,#5a0814 85%);color:#fff;box-shadow:0 0 10px #ff3c3c80}.ctitle{font:700 21px Charm,Sarabun,serif;color:var(--silver-hi);text-shadow:0 2px 3px #000}.cnew .ctitle{background:none;color:var(--silver-hi);border-bottom:1px solid rgba(154,166,196,.45)}.clist{background:#060810b3;border:1px solid var(--silver-lo);border-radius:6px}.clist .slot{border:1px solid var(--silver-lo);border-radius:5px;background:var(--btn);color:var(--ink)}.clist .slot.empty{color:#8a96b8}.clist .slot.on{background:linear-gradient(#3a2034,#1c1226);box-shadow:inset 0 0 0 2px var(--blood)}.clist .slot small{color:var(--moonlit)}.clist .slot .ci{background:var(--well);color:var(--silver-hi);border:1px solid var(--silver-lo)}.clist .slot.locked{background:linear-gradient(#141a2c,#0b0f1e);color:#6a7698;box-shadow:inset 0 0 0 1px var(--silver-lo)}.cfoot button{color:#aab4d0}.cfoot button:hover{color:#ff8a8a}.crooms button{border:1px solid var(--silver-lo);border-radius:5px;background:var(--btn);color:#aab4d0}.crooms button.on{background:var(--btn-on);color:#fff;box-shadow:none;border-color:#ff8a8a}.cgo{text-shadow:0 0 14px rgba(255,60,60,.7),0 2px 3px #000}.cgo:hover{color:#ffd0d0}.cnew .nrow input,.cnew .nico,.cnew .nsw,.cnew .arr,.cnew .ninfo,.cnew canvas{border-color:var(--silver-lo);background:var(--well);border-radius:4px}.cnew .ninfo b,.cnew .nico{color:var(--silver-hi)}.cnew .nrow button,.cnew .nopt>button{border:1px solid var(--silver);border-radius:4px;background:var(--btn);color:var(--silver-hi)}.cnew .nrow button:hover,.cnew .nopt>button:hover{background:var(--btn-on);color:#fff}.cnew .arr button{color:#ff7a7a}.cnew .npop{border-color:var(--silver);border-radius:6px;background:#0c101ef7}.cnew .npop button{border-color:var(--silver-lo);border-radius:4px;background:var(--btn);color:var(--ink)}.cnew .npop button:hover{border-color:var(--blood)}.cnew .npop .ci{background:var(--well);color:var(--silver-hi)}.cturn button{border:2px solid var(--silver-hi);background:radial-gradient(circle at 36% 32%,#ff9a8a,#c42030 50%,#5a0814 85%);color:#fff;box-shadow:0 0 8px #ff3c3c73}#loginbg{position:fixed;inset:0;background:#000 url(/ref/aui/loading_86.png) center / contain no-repeat}#loginbg[hidden]{display:none}.loginbox,.lrecent,.lreg{zoom:calc(var(--ui, 1) * 1.3)}#entry .logo{zoom:calc(var(--ui, 1) * 1.15);top:17%}.loginbox{top:33%}.lrecent{top:calc(33% + 270px)!important}.lreg{top:calc(33% + 304px)!important}.lrecent{top:33%!important;left:auto!important;right:calc(50% + 160px * var(--ui, 1) * 1.3 + 14px);transform:none!important;width:210px;max-width:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px;padding:10px 12px 12px;border:2px solid var(--silver);border-radius:10px;background:var(--panel);box-shadow:var(--trim);zoom:calc(var(--ui, 1) * 1.3)}.lrecent .rt{text-align:center;height:24px;line-height:24px;margin-bottom:2px;background:#060810d9;border:1px solid var(--silver-lo);border-radius:6px;color:var(--silver-hi);font:700 13px Sarabun,sans-serif;text-shadow:none}.lrecent .rt span{color:var(--blood);margin:0 6px}.lrecent .ru{display:flex;flex-direction:column;align-items:flex-start;height:auto;padding:7px 28px 7px 12px;border:1px solid var(--silver-lo);border-radius:8px;background:linear-gradient(160deg,#26304e,#141a2c);text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s}.lrecent .ru:hover{border-color:#ff8a8a;box-shadow:0 0 10px #ff3c3c59;transform:translate(2px)}.lrecent .ru b{color:#fff;font:700 15px Tahoma,Sarabun,sans-serif;letter-spacing:.3px}.lrecent .ru small{color:#8a96b8;font:11px Sarabun,sans-serif}.lrecent .ru.key{border-color:#ff8a8a99}.lrecent .ru.key small{color:#ffb0b0}.lrecent .ru.key:before{content:"🔑";position:absolute;right:8px;bottom:6px;font-size:12px}.lrecent .ru i{position:absolute;right:8px;top:5px;font-style:normal;color:#8a96b8;font-size:14px}.lrecent .ru i:hover{color:#ff6a6a}@media (max-width: 900px){.lrecent{right:auto!important;left:50%!important;transform:translate(-50%)!important;top:calc(33% + 300px)!important;flex-direction:row;flex-wrap:wrap;width:auto}}.loginbox .lb button[type=submit]{min-width:72px;padding:4px 14px;border:1px solid #ff8a8a;border-radius:6px;background:var(--btn-on);color:#fff}.loginbox .lb button[type=submit]:hover:not(:disabled){filter:brightness(1.15)}.loginbox .lb button[type=submit]:disabled{border-color:var(--silver-lo);background:var(--btn);color:#5a6688;cursor:not-allowed}#wmap .bigmap{display:block;width:520px;height:520px;border:1px solid var(--silver-lo, #6a5434);border-radius:4px;cursor:crosshair;image-rendering:auto}#wmap .mapxy{margin-top:4px;font-size:11px;color:var(--moonlit, #e8d8a8);text-align:center}#whelp .helptxt div{display:flex;justify-content:space-between;padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.08);color:var(--ink, #e8e0c8);font-size:13px}#whelp .helptxt b{color:#ffd76a;font-weight:700}#minimap canvas{cursor:crosshair}#wquest .qlist{position:absolute;left:0;top:28px;bottom:0;width:156px;overflow:auto;background:#060810b3;border:1px solid var(--silver-lo);border-radius:6px;padding:4px}#wquest .qrow{display:flex;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;color:var(--ink, #e8e0c8);font:13px Sarabun,sans-serif}#wquest .qrow i{font-style:normal;color:#8a96b8;min-width:22px}#wquest .qrow.on{background:var(--btn-on);color:#fff}#wquest .qrow.ready span:after{content:" ?";color:#ffd84a;font-weight:700}#wquest .qcard{position:absolute;inset:28px 0 0 164px;overflow:auto;padding:10px 12px;background:#060810d1;border:1px solid var(--silver-lo);border-radius:6px;color:var(--ink, #e8e0c8)}#wquest h3{margin:0 0 8px;font:700 16px Charm,Sarabun,serif;color:var(--silver-hi, #ffd76a)}#wquest table{border-collapse:collapse;width:100%;font:13px Sarabun,sans-serif}#wquest th{text-align:left;vertical-align:top;color:#aab4d0;font-weight:400;padding:2px 0;width:64px}#wquest td{color:#fff;padding:2px 0}#wquest td b{color:#ffb35a}#wquest td b.ok{color:#7ad07a}#wquest .qready{margin:6px 0 0;color:#ffd84a;font:700 13px Sarabun,sans-serif}#wquest .qsay{margin-top:8px;padding:6px 8px;border-left:3px solid var(--blood, #c8283a);background:#ffffff0a;color:#d8d0b8;font:italic 13px/1.5 Sarabun,sans-serif;white-space:pre-line}#promo{position:absolute;left:10px;top:104px;padding:2px 8px;border:1px solid #c8a040;border-radius:4px;background:#140c04c7;color:#ffd84a;font:700 12px Sarabun,sans-serif;text-shadow:0 1px 1px #000;pointer-events:auto;cursor:pointer;animation:promoblink 2s infinite}@keyframes promoblink{50%{border-color:#ffe890;color:#fff2b0}}#wquest .qgo{display:block;margin-top:8px;height:24px;padding:0 12px;background:var(--btn-on);border:1px solid #ff8a8a;color:#fff;border-radius:5px;font:700 12px Sarabun,sans-serif;cursor:pointer}#wquest .qgo:disabled{background:var(--btn);border-color:var(--silver-lo);color:#aab4d0;font-weight:400;cursor:default}#wquest .qdrop{margin-top:8px;height:22px;padding:0 10px;background:var(--btn);border:1px solid var(--silver-lo);color:#aab4d0;border-radius:5px;font:12px Sarabun,sans-serif;cursor:pointer}#wnpc{height:auto!important}#wnpc .gbody{position:relative;inset:auto;margin:36px 10px 10px}#wnpc .nsay{white-space:pre-line}#wnpc .nmenu .qb{text-align:left;padding:0 10px;color:#ffe08a}#wnpc{width:320px!important}#wnpc .gtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gwin.artwin{background:no-repeat 0 0 / 280px 475px;border:0;box-shadow:0 6px 18px #0009;padding:0}.gwin.artwin .gtitle{position:absolute;left:0;right:30px;top:0;height:40px;background:none;color:transparent}.gwin.artwin .gico,.gwin.artwin .gbody{display:none}.gwin.artwin .gx{position:absolute;right:6px;top:4px;width:22px;height:22px;color:transparent;background:none;border:0}#wlucky.gwin.artwin{background-size:310px 360px}#wlucky .lkb{position:absolute;left:23px;width:264px;height:78px;padding:0;border:0;background:none;cursor:pointer}#wlucky .lkb:hover{background:var(--over) no-repeat}.refwin .eslot{position:absolute;width:36px;height:36px;cursor:pointer}.refwin .eslot.empty{background:none;box-shadow:none}.refwin .eslot.empty.want{box-shadow:inset 0 0 0 2px #ff5a46bf;border-radius:3px}.refwin .ecost{position:absolute;left:141px;width:96px;height:18px;font:12px/18px Tahoma,Sarabun,sans-serif;color:#ffe08a;text-align:right;padding-right:4px;white-space:nowrap}.refwin .einfo{position:absolute;left:14px;top:326px;width:252px;font:11px/15px Tahoma,Sarabun,sans-serif;color:#f3e2b5;text-align:center;text-shadow:0 1px 2px #000,0 0 2px #000}.refwin .ebtn{position:absolute;top:428px;width:40px;height:20px;background:none;border:0;color:transparent;cursor:pointer}.refwin .ebtn:hover{background:#ffe6a026}.itm .enh{position:absolute;left:1px;top:0;font:700 10px Tahoma,sans-serif;color:#7fe0ff;text-shadow:0 0 2px #000,0 0 2px #000}#wskill .sgrid.qgl{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.qrow{display:flex;align-items:center;gap:6px;padding:2px 6px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:3px;font-size:12px;color:#f3e2b5}.qrow.lock{opacity:.45}.qrow.none .qn{color:#b8a888}.qrow .qn{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrow .ql{width:40px;color:#9fd0ff;font-size:11px}.qrow .qp{width:52px;text-align:right}.qrow .qp i{color:#7fe0ff;font-style:normal}.qrow .qadd{width:20px;height:18px;padding:0;font:700 13px/16px Tahoma,sans-serif;color:#ffe08a;background:#3a2a14;border:1px solid #8a6a2a;border-radius:3px;cursor:pointer}.qrow .qadd:disabled{opacity:.3;cursor:default}.mallwarn{position:absolute;left:calc(50% - 117px);top:180px;width:235px;height:176px;z-index:30;background:no-repeat}.mallwarn button{position:absolute;padding:0;border:0;background:none;cursor:pointer;border-radius:3px}.mallwarn button:hover{background:#ffdc8c2e}.mall{position:absolute;left:calc(50% - 390px);top:70px;width:780px;z-index:20;font:12px Tahoma,Sarabun,sans-serif;color:#e8dcc0;box-shadow:0 8px 24px #000000a6}.mall .mbar{height:40px;background:no-repeat;position:relative;cursor:move}.mall .mbar b{position:absolute;left:0;right:0;top:11px;text-align:center;color:#f3e2b5;font-size:14px;text-shadow:0 1px 2px #000;pointer-events:none}.mall .mbar .mx{position:absolute;right:3px;top:3px;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.mall .mpage{position:relative;height:500px;background:linear-gradient(#0f2a1e,#0a1d15);border:2px solid #b8963e;border-top:0}.mall .mcash{position:absolute;left:10px;right:10px;top:8px;height:28px;display:flex;gap:6px}.mall .mcash .lbl{width:70px;line-height:26px;padding-left:8px;background:#0a1a12;border:1px solid #6a5a2e;color:#f3e2b5;font-weight:700}.mall .mcash .bal{flex:1;line-height:26px;text-align:center;background:#07140e;border:1px solid #6a5a2e;color:#fff;font-weight:700}.mall button{font:12px Tahoma,Sarabun,sans-serif;cursor:pointer}.mall .mcash .top,.mall .mside .buy{background:linear-gradient(#f3d68a,#c9a24a);color:#3a2408;border:1px solid #fff0b8;border-radius:3px;font-weight:700;padding:0 16px}.mall .mtabs{position:absolute;left:10px;right:10px;top:42px;display:flex;gap:4px}.mall .mtabs button{padding:4px 12px;background:#0d2419;color:#d8c398;border:1px solid #6a5a2e;border-radius:3px}.mall .mtabs button.on{background:linear-gradient(#f3d68a,#c9a24a);color:#3a2408;font-weight:700}.mall .mfind{position:absolute;left:10px;right:10px;top:72px;display:flex;gap:6px}.mall .mfind input{flex:1;height:22px;background:#07140e;border:1px solid #6a5a2e;color:#fff;padding:0 6px;font:12px Tahoma,Sarabun,sans-serif}.mall .mfind button,.mall .mpager button,.mall .mside .hb,.mall .mside .sn button{background:#0d2419;color:#f3e2b5;border:1px solid #b8963e;border-radius:3px;padding:0 12px}.mall .mgrid{position:absolute;left:10px;top:102px;width:558px;height:340px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:104px;gap:6px;align-content:start;border:1px solid #6a5a2e;padding:6px;background:#0000002e;overflow-y:auto}.mall .mgrid.hist{display:block}.mall .mgrid table{width:100%;border-collapse:collapse}.mall .mgrid th,.mall .mgrid td{border-bottom:1px solid #2a3a2a;padding:4px;text-align:left}.mall .mgrid td.neg{color:#ff8a7a}.mall .mgrid td.pos{color:#8aff9a}.mall .mgrid .empty,.mall .mside .empty{color:#a89a78;text-align:center;padding:20px;grid-column:1 / -1}.mall .mcard{position:relative;border:1px solid #6a5a2e;background:#0b2017;cursor:pointer}.mall .mcard.on{border-color:#ffd76a;box-shadow:0 0 6px #ffd76a80}.mall .mcard.off{filter:grayscale(.8);opacity:.6}.mall .mcard .mh{height:18px;line-height:18px;padding-left:6px;background:#12301f;border-bottom:1px solid #6a5a2e;color:#f3e2b5}.mall .mcard .mh i{float:right;margin-right:6px;font-style:normal;color:#ffd76a}.mall .mcard .mi{position:absolute;left:8px;top:28px}.mall .mcard .mn{position:absolute;left:56px;right:6px;top:26px;color:#fff3c8;line-height:15px;max-height:30px;overflow:hidden}.mall .mcard .mp{position:absolute;left:56px;right:6px;bottom:8px;height:20px;line-height:20px;text-align:right;padding-right:6px;background:#07140e;border:1px solid #6a5a2e;color:#fff}.mall .mside{position:absolute;left:580px;right:10px;top:102px;height:340px;border:1px solid #b8963e;background:#0b2017;padding:8px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.mall .mside .sb{display:flex;gap:8px;align-items:center}.mall .mside .sb b{color:#fff3c8}.mall .mside .sd{flex:1;overflow-y:auto;color:#d8d0b8;line-height:16px}.mall .mside .sn{display:flex;gap:4px;justify-content:center}.mall .mside .sn input{width:48px;text-align:center;background:#07140e;color:#fff;border:1px solid #6a5a2e}.mall .mside .st{text-align:center}.mall .mside .st b{color:#ffd76a}.mall .mside .buy{height:28px}.mall .mside .buy:disabled{filter:grayscale(1);opacity:.6;cursor:default}.mall .mside .hb{height:26px}.mall .mpager{position:absolute;left:10px;width:572px;top:450px;display:flex;gap:10px;justify-content:center;align-items:center}.mall .mpager button:disabled{opacity:.4;cursor:default}.mall .mnote{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:#a89a78}.mall .mcard .mi,.mall .mside .sb .ic{position:absolute;width:40px;height:40px;border:1px solid #b8963e;background:#07140e}.mall .mside .sb{position:relative;min-height:42px;padding-left:50px}.mall .mside .sb .ic{left:0;top:0}@font-face{font-family:MG Basic2;src:local("MG Basic2"),url(/ref/fonts/mgbasic2.ttf) format("truetype")}#hud,#hud *,#labels,#labels *,#entry,#entry *,.gtip,.gtip *{font-family:MG Basic2,Arial,Tahoma,sans-serif!important}#status{width:240px;background:url(/ref/aui/main_ui/head_lowlevel.png) no-repeat;border:0;border-radius:0;box-shadow:none}#status[data-head=high]{background-image:url(/ref/aui/main_ui/head_highlevel.png)}#status .medal{left:5px;top:16px;width:46px;height:30px;border:0;border-radius:0;background:none;box-shadow:none}#status .medal svg{display:none}#status .medal b{font-size:14px;color:#3a2a10;text-shadow:0 0 3px #fff,0 0 2px #fff}#status .gauge{left:55px;width:175px;border:0;border-radius:0;background:none;box-shadow:none}#status .hp{top:11px;height:8px}#status .hp i{background:url(/ref/aui/main_ui/head_gage01.png) 0 0 / 100% 100%;box-shadow:none}#status .mp{top:24px;height:8px}#status .mp i{background:url(/ref/aui/main_ui/head_gage02.png) 0 0 / 100% 100%;box-shadow:none}#status .rage{top:37px;height:4px}#status .rage i,#status .rage.on i{background:url(/ref/aui/main_ui/head_gage03.png) 0 0 / 100% 100%;box-shadow:none}#status .gauge span{font-size:9px;line-height:8px}#status .tog{left:52px;top:45px;width:44px;height:16px;border:0;background:none;box-shadow:none}#status .tog:after{content:none}#skillwrap .side{display:none}#skills{display:block;width:405px;height:40px;padding:0;gap:0;border:0;border-radius:0;background:url(/ref/aui/main_ui/iconbox.png) no-repeat;box-shadow:none}#skills .sk{position:absolute;top:5px;width:30px;height:30px;border:0;border-radius:0;background-color:transparent;box-shadow:none}#skills .sk:hover{outline:1px solid #ffe48a}#skills .sk:nth-child(1){left:6px}#skills .sk:nth-child(2){left:45px}#skills .sk:nth-child(3){left:84px}#skills .sk:nth-child(4){left:123px}#skills .sk:nth-child(5){left:162px}#skills .sk:nth-child(6){left:201px}#skills .sk:nth-child(7){left:240px}#skills .sk:nth-child(8){left:279px}#skills .sk:nth-child(9){left:318px}#skills .sk:nth-child(10){left:357px}#skills .pg{right:3px;top:6px;gap:0}#skills .pg i{width:10px;height:13px;margin-bottom:3px;border:0;background:url(/ref/aui/main_ui/iconbox_button_up.png) no-repeat}#skills .pg i+i{background-image:url(/ref/aui/main_ui/iconbox_button_down.png)}#sysmenu{width:252px;height:50px;background:url(/ref/aui/main_ui/system_icon.png) no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}#sysmenu button,#sysmenu button:hover{width:27px;height:27px;border:0;border-radius:50%;background:none;box-shadow:none;color:transparent;filter:none}#sysmenu button:hover{background:#fff0b459;box-shadow:0 0 6px #ffe48a}#exp{height:8px;border:0;border-radius:0;background:#000;box-shadow:none}#exp i{left:0;top:0;height:100%;background:url(/ref/aui/main_gage_exp_1280.png) 0 0 / 100% 100%;box-shadow:none}#evbar .ev1{background:url(/ref/aui/main_ui/event.png) center / 45px 45px no-repeat}#chat .tabs{position:relative;display:block;width:346px;height:21px;margin:0;background:url(/ref/aui/chat_back.png) no-repeat}#chat .tabs button,#chat .tabs button.on,#chat .tabs .tg{position:absolute;top:3px;width:37px;height:16px;padding:0;border:0;border-radius:0;background:none;color:transparent;cursor:pointer}#chat .tabs .tg{left:2px;width:18px}#chat .tabs button.on[data-i]{background:no-repeat}#chat .tabs button[data-i="1"]{left:23px}#chat .tabs button.on[data-i="1"]{background-image:url(/ref/aui/chat_1.png)}#chat .tabs button[data-i="2"]{left:66px}#chat .tabs button.on[data-i="2"]{background-image:url(/ref/aui/chat_2.png)}#chat .tabs button[data-i="3"]{left:109px}#chat .tabs button.on[data-i="3"]{background-image:url(/ref/aui/chat_3.png)}#chat .tabs button[data-i="4"]{left:152px}#chat .tabs button.on[data-i="4"]{background-image:url(/ref/aui/chat_4.png)}#chat .tabs button[data-i="5"]{left:195px}#chat .tabs button.on[data-i="5"]{background-image:url(/ref/aui/chat_5.png)}#chat .tabs button[data-i="6"]{left:238px}#chat .tabs button.on[data-i="6"]{background-image:url(/ref/aui/chat_6.png)}#chat .tabs button[data-i="7"]{left:281px}#chat .tabs button.on[data-i="7"]{background-image:url(/ref/aui/chat_7.png)}#chat .inrow{position:relative;display:block;width:346px;height:20px;margin-top:2px;background:url(/ref/aui/chat_box.png) no-repeat}#chat .inrow .tg{position:absolute;left:0;top:0;width:20px;height:20px;padding:0;border:0;background:none}#chatin{position:absolute;left:20px;top:2px;width:286px;height:16px;margin:0;padding:0 4px;border:0;background:transparent}#chat .inrow .ch,#chat .inrow .ch:hover{position:absolute;right:0;top:0;width:36px;height:20px;padding:0;border:0;border-radius:0;background:url(/ref/aui/chat_btn_normal.png) no-repeat;color:transparent}#minimap{width:172px;height:205px;padding:0;border:0;border-radius:0;box-shadow:none;background:url(/ref/aui/window_minimap/map.png) no-repeat}#minimap .mbtns{position:absolute;left:0;top:0;width:172px;height:20px;margin:0;display:block}#minimap .mbtns span{display:none}#minimap .mbtns button{position:absolute;top:2px;width:15px;height:16px;padding:0;border:0;border-radius:0;background:center no-repeat;color:transparent;box-shadow:none}#minimap .mbtns button:hover{background-color:#ffffff59}#minimap .mbtns button[title=ช่วยเหลือ]{left:4px;background-image:url(/ref/aui/window_minimap/map_tip.png)}#minimap .mbtns button[title=แผนที่ใหญ่]{left:154px;background-image:url(/ref/aui/window_minimap/map_size.png)}#minimap canvas{position:absolute;left:5px;top:21px;width:162px;height:159px;border-radius:0;box-shadow:none}#minimap .mxy{left:9px;top:24px}#minimap .cN{top:22px}#minimap .cS{bottom:26px}#minimap .cW{left:8px}#minimap .cE{right:8px}#minimap .mname{position:absolute;left:4px;top:184px;width:164px;height:18px;line-height:18px;background:none;border:0;color:#3a2a10;font-weight:700;text-shadow:0 0 3px #fff}#wchar.gwin.charart{width:515px;height:427px;padding:0;border:0;border-radius:0;background:url(/ref/aui/window_character/window_character.png) no-repeat;box-shadow:0 6px 18px #0009}#wchar.charart .gico{display:none}#wchar.charart .gtitle{position:absolute;left:0;right:30px;top:0;height:46px;padding:0;background:none;border:0;color:transparent}#wchar.charart .gx{position:absolute;right:8px;top:18px;width:20px;height:20px;padding:0;border:0;background:none;color:transparent;box-shadow:none}#wchar.charart .gbody{position:absolute;inset:0;padding:0;margin:0;background:none;border:0}#wchar.charart .ctabs{left:24px;top:59px;width:118px;gap:3px}#wchar.charart .ctabs button,#wchar.charart .ctabs button.on{height:25px;padding:0;border:0;border-radius:0;background:none;color:transparent;box-shadow:none}#wchar.charart .ctabs button.on{outline:1px solid #ffd35a;outline-offset:-1px}#wchar.charart .cpanel{inset:56px auto auto 157px;width:334px;height:352px;box-sizing:border-box;padding:10px 14px;border:0;border-radius:0;background:none;color:#f3e2b5}#wchar.charart h3{font:700 14px MG Basic2,Arial,Tahoma,sans-serif;color:#ffd76a}#wchar.charart th{color:#d8b46a}#wchar.charart .gtitle{text-shadow:none}#wchar.charart .gtitle:before,#wchar.charart .gtitle:after{content:none}#wchar.gwin.charart{backdrop-filter:none;-webkit-backdrop-filter:none;outline:0}#wnpc.gwin.npcart{width:250px!important;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}#wnpc.npcart .gico,#wnpc.npcart .nhead,#wnpc.npcart .gx{display:none}#wnpc.npcart .gtitle{position:relative;left:0;right:0;height:22px;padding:0 6px;line-height:22px;font:700 13px MG Basic2,Arial,Tahoma,sans-serif;color:#fff3c8;text-shadow:0 0 3px #000,0 1px 2px #000}#wnpc.npcart .gtitle:before,#wnpc.npcart .gtitle:after{content:none}#wnpc.npcart .gbody{position:relative;inset:auto;margin:0}#wnpc.npcart .nsay{box-sizing:border-box;width:250px;min-height:189px;max-height:300px;margin:0 0 4px;padding:18px 20px 44px;overflow-y:auto;border:0;border-radius:0;background:url(/ref/aui/npc_communication/npcinteraction_textbox.png) 0 0 / 100% 100% no-repeat;color:#3b2412;font:12px/17px MG Basic2,Arial,Tahoma,sans-serif;text-shadow:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}#wnpc.npcart .nmenu{align-items:center;gap:3px;margin:0}#wnpc.npcart .nmenu button,#wnpc.npcart .nmenu .qb{width:200px;height:35px;padding:0 12px;border:0;border-radius:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 200px 35px no-repeat;color:#2e1a08;font:12px MG Basic2,Arial,Tahoma,sans-serif;text-align:center;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wnpc.npcart .nmenu button:hover{background-image:url(/ref/aui/npc_communication/npcinteraction_button2.png);color:#1a0e04}#wnpc.npcart .nmenu button.bye{height:50px;background:url(/ref/aui/npc_communication/npcinteraction_exit1.png) center no-repeat}#wnpc.npcart .nmenu{max-height:calc(100vh / var(--ui, 1) - 330px);overflow-y:auto;scrollbar-width:thin}#wshop.gwin.artwin{width:280px;height:500px;background-size:280px 500px}#wshop .sbox{position:absolute;width:32px;height:32px;cursor:pointer}#wshop .sbox:hover{outline:1px solid #ffe48a}#wshop .spg{position:absolute;left:106px;top:448px;width:70px;height:18px;line-height:18px;text-align:center;color:#fff3c8;font-size:12px}#wshop .spv,#wshop .spn{position:absolute;top:448px;width:18px;height:18px;padding:0;border:0;background:none;color:#e8b04a;font-size:13px;line-height:18px;cursor:pointer}#wshop .spv{left:84px}#wshop .spn{left:180px}#wshop.artwin .gx{right:8px;top:22px;width:18px;height:18px}.gwin.artwin .gtitle:before,.gwin.artwin .gtitle:after{content:none}.gwin.artwin .gtitle{text-shadow:none}#winv.gwin.invart{width:247px;height:655px!important;padding:0;border:0;border-radius:0;background:url(/ref/ui/window_inventory_bag.png) no-repeat;box-shadow:0 6px 18px #0009;backdrop-filter:none}#winv.invart .gico{display:none}#winv.invart .gtitle{left:0;right:30px;height:44px;padding:0;color:transparent;text-shadow:none}#winv.invart .gtitle:before,#winv.invart .gtitle:after{content:none}#winv.invart .gx{right:6px;top:18px;width:24px;height:24px;color:transparent;text-shadow:none}#winv.invart .gbody{inset:0}#winv.invart .tabs2{position:absolute;left:23px;display:block;margin:0;height:18px;width:204px}#winv.invart .tabs2:first-child{top:62px}#winv.invart .tabs2 button,#winv.invart .tabs2 button.on{position:absolute;top:0;height:18px;padding:0;border:0;border-radius:0;background:none;color:transparent;box-shadow:none}#winv.invart .tabs2 button.on{outline:1px solid #ffd35a;outline-offset:-1px}#winv.invart .tabs2:first-child button:nth-child(1){left:0;width:72px}#winv.invart .tabs2:first-child button:nth-child(2){left:73px;width:70px}#winv.invart .tabs2:first-child button:nth-child(3){left:144px;width:60px}#winv.invart .eqbox{position:absolute;left:10px;top:75px;width:227px;height:165px;margin:0;background:none;box-shadow:none;border-radius:0}#winv.invart .eqbox+.tabs2{top:256px}#winv.invart .eqbox+.tabs2 button:nth-child(1){left:0;width:70px}#winv.invart .eqbox+.tabs2 button:nth-child(2){left:72px;width:70px}#winv.invart .eqbox+.tabs2 .sort{left:157px;width:45px}#winv.invart .bag{position:absolute;left:24px;top:279px;padding:0;gap:1.4px 1px;grid-template-columns:repeat(6,32px);grid-auto-rows:33px;background:none;border:0;border-radius:0}#winv.invart .bag .slot{width:32px;height:33px;background:none;box-shadow:none;border-radius:0}#winv.invart .bagx{position:absolute;left:24px;top:493px;margin:0;padding:0;gap:10px 1px;grid-template-columns:repeat(6,32px)}#winv.invart .bagx .slot,#winv.invart .bagx .slot.ev{width:32px;height:30px;background:none;box-shadow:none;border-radius:0}#winv.invart .wbar{position:absolute;left:44px;top:574px;width:150px;height:16px;margin:0;border:0;border-radius:0;background:none}#winv.invart .wbar:before{font-family:MG Basic2,Arial,Tahoma,sans-serif}#winv.invart .money{position:absolute;left:44px;top:595px;width:150px;height:16px;margin:0;padding:0 4px;border:0;border-radius:0;background:none;font-size:11px;line-height:16px}#winv.invart .hint{display:none}#wchar.charart .cpanel.pg{padding:0;overflow:hidden;background-repeat:no-repeat}#wchar .pg .pf{position:absolute;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:11px;color:#f3e2b5}#wchar .pg .pgt{position:absolute;width:70px;height:20px;padding:0;border:0;background:none;cursor:pointer}#wchar .pg .pgt.on{outline:1px solid #ffd35a;outline-offset:-1px}#wchar .pg .pgs{position:absolute;width:34px;height:34px;background:center / 32px 32px no-repeat}#wchar .pg .pgs .sic{position:absolute;inset:1px}#wchar .pg .pgs.lock{filter:grayscale(1) brightness(.6)}#wchar .pg .pgs em{position:absolute;right:1px;bottom:0;font-style:normal;font-size:10px;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}#wchar .pg .pgq{position:absolute;width:34px;height:11px;padding:0;border:0;background:none;cursor:pointer}#wchar .pg .pgq:hover:not(:disabled){background:#ffe6a059}#wchar .pg .pgq:disabled{cursor:default}#wchar .pg .pgn{position:absolute;left:10px;right:10px;top:160px;margin:0;text-align:center;color:#f3e2b5;text-shadow:0 1px 2px #000}#wchar .pg .pgjade{position:absolute;left:22px;top:318px;color:#f3e2b5;font-size:11px}#wchar.charart .cpanel.pg.arts{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8a6a3a transparent}#wchar .pg.arts:after{content:"";position:absolute;left:0;top:398px;width:1px;height:1px}#wquest.gwin.questart{width:515px;height:427px;padding:0;border:0;border-radius:0;background:url(/ref/aui/window_quest/window_quest.png) no-repeat;box-shadow:0 6px 18px #0009;backdrop-filter:none}#wquest.questart .gico{display:none}#wquest.questart .gtitle{left:0;right:30px;height:46px;padding:0;color:transparent;text-shadow:none}#wquest.questart .gtitle:before,#wquest.questart .gtitle:after{content:none}#wquest.questart .gx{right:8px;top:18px;color:transparent;text-shadow:none}#wquest.questart .gbody{inset:0;background:url(/ref/aui/window_quest/window_quest_progress.png) 157px 56px no-repeat}#wquest.questart .gbody[data-tab="1"]{background-image:url(/ref/aui/window_quest/window_quest_possible.png)}#wquest.questart .tabs2{position:absolute;left:24px;top:59px;width:118px;display:flex;flex-direction:column;gap:3px;margin:0}#wquest.questart .tabs2 button,#wquest.questart .tabs2 button.on{height:25px;padding:0;border:0;border-radius:0;background:none;color:transparent;box-shadow:none}#wquest.questart .tabs2 button.on{outline:1px solid #ffd35a;outline-offset:-1px}#wquest.questart .tabs2 button:nth-child(3){display:none}#wquest.questart .qlist{position:absolute;left:191px;top:128px;width:264px;height:96px;overflow-y:auto;margin:0;background:none;border:0}#wquest.questart .qcard{position:absolute;left:191px;top:230px;width:264px;height:156px;overflow-y:auto;margin:0;padding:4px 6px;box-sizing:border-box;background:#00000040;border:0;border-radius:0;color:#f1e6c8;font-size:11.5px}#wquest.questart .qrow{color:#f1e6c8}#wquest.questart .qrow.on{background:#ffdc8c33}#wquest.questart .qcard h3{margin:0 0 4px;font:700 12.5px MG Basic2,Arial,Tahoma,sans-serif;color:#ffe48a}#wquest.questart .qcard th{color:#d8b46a}#wquest.questart .qcard td{color:#f1e6c8}#wquest.gwin.questart{width:515px!important;height:427px!important}#wquest.questart .qcard{scrollbar-width:thin;scrollbar-color:#8a6a3a transparent}#wset.gwin.setart{width:515px!important;height:427px!important;padding:0;border:0;border-radius:0;background:url(/ref/aui/window_system/window_system.png) no-repeat;box-shadow:0 6px 18px #0009;backdrop-filter:none}#wset.setart .gico{display:none}#wset.setart .gtitle{left:0;right:30px;height:46px;padding:0;color:transparent;text-shadow:none}#wset.setart .gtitle:before,#wset.setart .gtitle:after{content:none}#wset.setart .gx{right:8px;top:18px;color:transparent;text-shadow:none}#wset.setart .gbody{inset:0}#wset.setart .setside{position:absolute;left:24px;top:59px;width:118px;height:340px;display:block;margin:0;padding:0;background:none;border:0}#wset.setart .setside button,#wset.setart .setside button.on{position:absolute;left:0;width:118px;height:25px;padding:0;border:0;border-radius:0;background:none;color:transparent;box-shadow:none}#wset.setart .setside button.on{outline:1px solid #ffd35a;outline-offset:-1px}#wset.setart .setside button:nth-child(1){top:0}#wset.setart .setside button:nth-child(2){top:28px}#wset.setart .setside button:nth-child(3){top:56px}#wset.setart .setside button:nth-child(4){top:84px}#wset.setart .setside .sys:nth-last-child(2){top:284px}#wset.setart .setside .sys:last-child{top:312px}#wset.setart .setpane{position:absolute;left:157px;top:56px;width:334px;height:352px;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:no-repeat;overflow:hidden}#wset.setart .srad{position:absolute;width:12px;height:12px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}#wset.setart .srad.on{background:radial-gradient(circle,#ffe48a 0 35%,#c84a2a 40% 55%,transparent 60%)}#wset.setart .sline{position:absolute;height:10px;margin:0;accent-color:#c84a2a}#wset.setart .sbox{position:absolute;height:14px;padding:0;border:0;background:transparent;color:#fff3c8;font-size:10.5px}#wset.setart .sbox option{color:#000}#wset.setart .sfree{position:absolute;left:20px;right:10px;display:flex;gap:10px;align-items:center;color:#fff3c8;font-size:11px;text-shadow:0 0 3px #000}#wset.setart .sfree .slab{width:110px}#wset.setart .setfoot{position:absolute;left:157px;top:382px;width:334px;height:18px;margin:0}#wset.setart .setfoot button{position:absolute;top:0;height:18px;padding:0;border:0;border-radius:0;background:none;color:transparent;box-shadow:none}#wset.setart .setfoot button:hover{background:#ffe6a040}#wset.setart .setfoot button:nth-child(1){left:108px;width:56px}#wset.setart .setfoot button:nth-child(2){left:192px;width:40px}#wset.setart .setfoot button:nth-child(3){left:266px;width:42px}#wset.setart .setside button:nth-child(5){top:112px}#wmap.gwin.mapart{width:524px!important;height:559px!important;padding:0;border:0;border-radius:0;background:url(/ref/aui/window_minimap/map02.png) no-repeat;box-shadow:0 6px 18px #0009;backdrop-filter:none}#wmap.mapart .gico{display:none}#wmap.mapart .gtitle{left:22px;right:70px;height:20px;padding:0;line-height:20px;color:transparent;text-shadow:none}#wmap.mapart .gtitle:before,#wmap.mapart .gtitle:after{content:none}#wmap.mapart .gx{right:3px;top:1px;width:18px;height:18px;color:transparent;text-shadow:none}#wmap.mapart .gbody{inset:0}#wmap.mapart canvas.bigmap{position:absolute;left:5px;top:22px;width:514px;height:518px;border:0;border-radius:0;box-shadow:none;cursor:crosshair}#wmap.mapart .mapxy{position:absolute;left:4px;top:19px;width:90px;height:16px;line-height:16px;margin:0;text-align:left;white-space:nowrap;color:#fff;font:13px "MS Sans Serif",Tahoma,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,.78);z-index:2;pointer-events:none}#wmap.mapart .mapfoot{position:absolute;left:1px;top:539px;width:524px;height:20px;line-height:20px;text-align:center;color:#fff;font:13px "MS Sans Serif",Tahoma,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,.78)}#wmap.mapart .maptip{position:absolute;padding:1px 4px;background:#000000bf;border:1px solid #969696;color:#fff;font:12px Tahoma,sans-serif;white-space:nowrap;pointer-events:none;z-index:3}#wmap.mapart .mapb{position:absolute;top:3px;width:15px;height:15px;padding:0;border:0;background:no-repeat;cursor:pointer;z-index:3}#wmap.mapart .mhide{left:503px;background-image:url(/ref/aui/window_minimap/map_size.png)}#wmap.mapart .mmon{left:480px;background-image:url(/ref/aui/window_minimap/map_monster.png)}#wmap.mapart .mret{left:457px;background-image:url(/ref/aui/window_minimap/map_return.png)}#wmap.mapart .mtip{left:4px;background-image:url(/ref/aui/window_minimap/map_tip.png)}#wmap.mapart .gx{display:none}#pframe{width:224px;gap:4px}#pframe .pm,#pframe .pm:hover{display:flex;align-items:center;gap:2px;padding:0;border:0;border-radius:0;background:none}#pframe .pm>img{width:26px;height:26px}#pframe .pbox{position:relative;width:194px;height:30px;background:url(/ref/aui/window_party/party_box.png) no-repeat}#pframe .pbox b{position:absolute;left:7px;top:3px;font-size:11px;font-weight:400;color:#fff;text-shadow:0 1px 1px #000}#pframe .pm.lead .pbox b:after{content:" ★";color:#ffe48a}#pframe .pbox small{position:absolute;right:24px;top:4px;font-size:10px;color:#e9e3d0;text-shadow:0 1px 1px #000}#pframe .pbox i{position:absolute;left:5px;top:21px;height:4px;background:url(/ref/aui/window_party/party_gage.png) no-repeat}#minibtns .book{width:25px;height:26px;padding:0;border:0;border-radius:0;background:url(/ref/aui/main_btn_quest.png) no-repeat}#minibtns .green{height:26px;padding:0 8px;font-size:11px;color:#e8ffd0;background:linear-gradient(#2e6b2a,#174514);border:1px solid #8bc34a;border-radius:3px}#pmenu{position:fixed;z-index:40;width:100px;height:157px;background:no-repeat}#pmenu[hidden]{display:none}#pmenu button{position:absolute;left:1px;width:96px;height:25px;padding:0;border:0;background:none;cursor:pointer}#pmenu button:hover{background:var(--sel) no-repeat}#log .whisper,#log .whisper b{color:#ff9ad8}#log .party,#log .party b{color:#8ae0ff}#log[data-f=whisper]>div:not(.whisper),#log[data-f=party]>div:not(.party),#log[data-f=sys]>div:not(.sys),#log[data-f=none]>div{display:none}#wcomm.gwin.commart{width:515px!important;height:427px!important;padding:0;border:0;border-radius:0;background:url(/ref/aui/window_community/window_community.png) no-repeat;box-shadow:0 6px 18px #0009;backdrop-filter:none}#wcomm.commart .gico{display:none}#wcomm.commart .gtitle{left:0;right:30px;height:20px;padding:0;color:transparent;text-shadow:none}#wcomm.commart .gtitle:before,#wcomm.commart .gtitle:after{content:none}#wcomm.commart .gx{right:8px;top:18px;color:transparent;text-shadow:none}#wcomm.commart .gbody{inset:0}#wcomm .ctabs{position:absolute;left:24px;top:58px;width:118px;display:flex;flex-direction:column;gap:3px}#wcomm .ctabs button{height:25px;padding:0;border:0;background:var(--n) no-repeat;cursor:pointer}#wcomm .ctabs button.on,#wcomm .ctabs button:active{background-image:var(--p)}#wcomm .cpage{position:absolute;left:157px;top:56px;width:334px;height:352px;background:no-repeat;color:#f3e2b5;font-size:11px}#wcomm .cpage.msn{background-image:url(/ref/aui/window_community/window_community_messenger.png)}#wcomm .cpage>.m1,#wcomm .cpage>.m2,#wcomm .cpage>.m3{position:absolute;top:11px;height:19px;padding:0;border:0;background:none;cursor:pointer}#wcomm .m1{left:62px;width:44px}#wcomm .m2{left:145px;width:43px}#wcomm .m3{left:229px;width:36px}#wcomm .m1:hover,#wcomm .m2:hover,#wcomm .m3:hover{background:#ffe6a040}#wcomm .mbar{position:absolute;left:32px;top:35px;width:270px;height:22px;display:flex;gap:14px;align-items:center;padding:0 10px;box-sizing:border-box;color:#bdb3a0}#wcomm .mbar span{cursor:pointer}#wcomm .mbar span.on{color:#ffe9a8;font-weight:700}#wcomm .mlist{position:absolute;left:32px;top:60px;width:255px;height:240px;overflow-y:auto}#wcomm .mrow{display:flex;align-items:center;gap:6px;height:22px;padding:0 4px;color:#a89f8e;cursor:pointer}#wcomm .mrow b{flex:1;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#wcomm .mrow span{white-space:nowrap}#wcomm .mrow.on{color:#fff3c8}#wcomm .mrow:hover{background:#ffffff14}#wcomm .mdel{width:16px;height:16px;padding:0;border:0;background:none;color:#e8a080;cursor:pointer}#wcomm .cnone{position:absolute;left:10px;right:10px;top:150px;margin:0;text-align:center;color:#e8dcc0}#wcomm .cask{position:absolute;left:40px;top:120px;width:254px;padding:10px;box-sizing:border-box;background:#1c110af2;border:1px solid #8a6a3a;display:flex;flex-wrap:wrap;gap:6px}#wcomm .cask b{width:100%;color:#ffe48a}#wcomm .cask input{flex:1;min-width:0;height:20px;background:#0d0a06;border:1px solid #6a5a2e;color:#fff;padding:0 4px}#wcomm .cask button{height:22px;padding:0 10px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2e1a08;cursor:pointer}#log[data-size="1"]{height:160px}#log[data-size="2"]{display:none}#log .shout,#log .shout b{color:#ffb35a}#log .trade,#log .trade b{color:#9fe39f}#log[data-f=shout]>div:not(.shout),#log[data-f=trade]>div:not(.trade){display:none}#status.nonum .gauge span{visibility:hidden}#aucw{position:absolute;left:max(4px,calc(50vw - 636px));top:max(4px,calc(50vh - 300px));width:800px;height:600px;z-index:9;background:url(/ref/aui/autosell_main.png) no-repeat;box-shadow:0 6px 24px #000000b3;font-size:11px;color:#e8f5d8}#aucw .aTitle{position:absolute;left:50px;top:21px;width:700px;height:22px;line-height:22px;text-align:center;font-size:14px;font-weight:700;color:#ffe9a8}#aucw .aHit{position:absolute;padding:0;border:0;background:none;cursor:pointer}#aucw .aHit:hover{background:#ffffff1a}#aucw .aSel{position:absolute;height:17px;padding:0 2px;font-size:11px;color:#e8f5d8;background:transparent;border:0;outline:0;cursor:pointer}#aucw .aSel option{background:#123510}#aucw .aName{position:absolute;left:588px;top:99px;width:154px;height:17px;padding:0 4px;font-size:11px;color:#fff;background:transparent;border:0}#aucw .aCk{position:absolute;left:61px;margin:0;width:13px;height:13px;cursor:pointer}#aucw .cell.aIcon{position:absolute;left:84px;width:31px;height:31px;border:0;background-color:transparent;background-size:28px 28px}#aucw .aT{position:absolute;height:32px;display:flex;align-items:center;padding:0 6px;overflow:hidden;white-space:nowrap}#aucw .aLv{left:116px;width:34px;justify-content:center;padding:0}#aucw .aNm{left:150px;width:206px;color:#fff3c8}#aucw .aSl{left:356px;width:119px}#aucw .aPr{left:475px;width:213px;justify-content:flex-end;text-align:right;line-height:1.2;flex-direction:column;align-items:flex-end}#aucw .aPr small{color:#a9c99a}#aucw .aBuy{position:absolute;left:689px;width:55px;height:22px;padding:0;border:0;background:url(/ref/aui/autosell_btn_buy.png) no-repeat;cursor:pointer}#aucw .aBuy:hover{background-image:url(/ref/aui/autosell_btn_buy_push.png)}#aucw .aEmpty{position:absolute;left:53px;top:300px;width:692px;margin:0;text-align:center;font-size:13px;color:#a9c99a}#aucw .aPg{position:absolute;left:670px;top:536px;width:54px;text-align:center;color:#fff}#aucw .aPop{position:absolute;box-shadow:0 6px 24px #000000b3;background-repeat:no-repeat;background-color:#0b2209;border-radius:6px}#aucw .aPop.sell{left:250px;top:100px;width:300px;height:400px;background-image:url(/ref/aui/autosell_popup_sell.png)}#aucw .aPop.buy{left:150px;top:100px;width:500px;height:400px;background-image:url(/ref/aui/autosell_popup_buy.png)}#aucw .aPop.mine{left:8px;top:34px;width:784px;height:532px;background-image:url(/ref/aui/autosell_selling.png)}#aucw .aPop.acct{left:200px;top:100px;width:400px;height:400px;background-image:url(/ref/aui/autosell_popup_calc.png)}#aucw .cell.aSellIcon{position:absolute;left:64px;top:114px;width:32px;height:32px;border:0;background-color:transparent;background-size:28px 28px}#aucw .aSellNm{position:absolute;left:10px;top:160px;width:140px;text-align:center;color:#fff3c8;font-size:11px}#aucw .aIn{position:absolute;height:15px;padding:0 4px;font-size:11px;text-align:right;color:#fff;background:transparent;border:0}#aucw .aIn::-webkit-inner-spin-button{display:none}#aucw .aOut{position:absolute;height:15px;line-height:15px;text-align:right;font-size:11px;color:#fff}#aucw .aUnit{left:165px;top:75px;width:84px}#aucw .aTot{left:165px;top:114px;width:84px}#aucw .aFee{left:165px;top:198px;width:84px}#aucw .aN{left:40px;top:180px;width:48px;background:#00000059;border:1px solid #4f8a3c;text-align:center}#aucw .aNl{position:absolute;left:94px;top:182px;color:#cfe8bf}#aucw .aLimit{position:absolute;left:20px;top:228px;width:260px;margin:0;font-size:10px;text-align:center;color:#cfe8bf}#aucw .cell.aBIcon{position:absolute;left:33px;width:32px;height:32px;border:0;background-color:transparent;background-size:28px 28px}#aucw .aBNm{position:absolute;left:90px;width:198px;font-size:11px;line-height:1.3;color:#fff3c8;overflow:hidden;white-space:nowrap}#aucw .aBNm small{color:#a9c99a}#aucw .aBSum{left:316px;top:158px;width:146px}#aucw .aBNl{position:absolute;left:316px;top:190px;color:#cfe8bf}#aucw .aBN{left:396px;top:188px;width:64px;background:#00000059;border:1px solid #4f8a3c}#aucw .aBGold{position:absolute;left:316px;top:216px;width:170px;color:#cfe8bf}#aucw .cell.aMIcon{position:absolute;left:48px;width:31px;height:31px;border:0;background-color:transparent;background-size:28px 28px}#aucw .aMNm{left:80px;width:182px;color:#fff3c8}#aucw .aMPr{left:262px;width:342px;justify-content:center}#aucw .aMLeft{left:604px;width:77px;justify-content:center}#aucw .aCancel{position:absolute;left:683px;width:55px;height:22px;padding:0;border:0;background:url(/ref/aui/autosell_btn_selling_cancel.png) no-repeat;cursor:pointer}#aucw .aCancel:hover{background-image:url(/ref/aui/autosell_btn_selling_cancel_push.png)}#aucw .aEmpty.m{left:46px;top:200px;width:692px}#aucw .aMCnt{position:absolute;left:46px;top:440px;color:#cfe8bf}#aucw .cell.aCIcon{position:absolute;left:28px;width:32px;height:32px;border:0;background-color:transparent;background-size:28px 28px}#aucw .aCTx{position:absolute;left:86px;width:200px;height:18px;line-height:18px;text-align:right;font-size:11px;color:#fff;overflow:hidden;white-space:nowrap}#aucw .aCTx small{color:#a9c99a}#aucw .aEmpty.c{left:20px;top:170px;width:360px}#aucw .aCPg{position:absolute;left:150px;top:316px;width:100px;height:16px;text-align:center;color:#fff;background:#0f2a0c}#aucw .aSel{-webkit-appearance:none;appearance:none}#aCancelPop{position:fixed;left:calc(50vw - 150px);top:calc(42vh - 110px);width:300px;height:220px;z-index:61;background:url(/ref/aui/window_npc/autosell_popup_cancel.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.7))}#aCancelPop button{position:absolute;top:176px;width:52px;height:20px;padding:0;border:0;background:none;cursor:pointer}#aCancelPop button:hover{background:#ffdc8c40}#aTrend{position:absolute;left:calc(50vw - 382px);top:max(4px,calc(50vh - 231px));width:765px;height:463px;z-index:10;background:url(/ref/aui/window_npc/autosell_pricetrend.png) no-repeat;scale:var(--fit,1);transform-origin:top center;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))}#aTrend .aT{position:absolute;height:32px;line-height:32px;text-align:center;font-size:12px;color:#f3e2b5;white-space:nowrap;overflow:hidden}#aTrend .aT small{color:#bfae8a}#aTrend .aIcon{position:absolute;width:32px;height:32px}#aTrend .aHit{position:absolute;padding:0;border:0;background:none;cursor:pointer}#aTrend .aHit:hover{background:#ffffff1a}#aTrend .aSel{position:absolute;height:17px;padding:0 2px;font-size:11px;color:#e8f5d8;background:transparent;border:0;outline:0;cursor:pointer;-webkit-appearance:none;appearance:none}#aTrend .aSel option{background:#123510}#aTrend .aName{position:absolute;height:17px;padding:0 4px;font-size:11px;color:#fff;background:transparent;border:0}#aucw .cell,#aTrend .cell{position:absolute}#aucw,#aTrend,#aCancelPop{pointer-events:auto}#aucw{left:calc(50% - 400px);top:40px;z-index:30}#aucw[hidden],#aTrend[hidden]{display:none}.lab .emo{width:90px;height:90px;margin:0 auto 2px;background-repeat:no-repeat;background-position:13px 8px,0 0}#wchar .pg .pgc{position:absolute;width:32px;height:32px;padding:0;border:0;background:center / 30px 30px no-repeat;cursor:pointer}#wchar .pg .pgc:hover{outline:1px solid #ffe48a}#wcomm .mgrp{height:20px;line-height:20px;padding:0 4px;color:#ffe48a;display:flex;justify-content:space-between}#wcomm .mmove{width:52px;height:16px;font-size:10px;background:#1c110a;color:#f3e2b5;border:1px solid #6a5a2e}#wcomm .mrad{position:absolute;width:12px;height:12px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}#wcomm .mrad.on{background:radial-gradient(circle,#ffe48a 0 35%,#c84a2a 40% 55%,transparent 60%)}#wcomm .cpage.psearch{background-image:url(/ref/aui/window_community/window_community_partysearch.png)}#wcomm .pssel{position:absolute;height:16px;font-size:10.5px;background:#1c110a;color:#f3e2b5;border:1px solid #6a5a2e}#wcomm .psLv{left:169px;top:76px;width:93px}#wcomm .psSort{left:102px;top:95px;width:160px}#wcomm .psGo{position:absolute;left:133px;top:76px;width:37px;height:17px;padding:0;border:0;background:none;cursor:pointer}#wcomm .psGo:hover{background:#ffe6a040}#wcomm .pslist{position:absolute;left:42px;top:139px;width:251px;height:184px;overflow:hidden}#wcomm .psrow{display:grid;grid-template-columns:37px 57px 1fr;height:18px;line-height:18px;font-size:11px;color:#e9e0cc;cursor:pointer}#wcomm .psrow span{padding:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}#wcomm .psrow span:last-child{text-align:left}#wcomm .psrow.sel{background:#ffdc8c38}#wcomm .psrow:hover{background:#ffffff1a}#wcomm .psPrev,#wcomm .psNext{position:absolute;top:328px;width:18px;height:20px;padding:0;border:0;background:none;cursor:pointer}#wcomm .psPrev{left:124px}#wcomm .psNext{left:195px}#wcomm .psPg{position:absolute;left:140px;top:325px;width:59px;height:14px;text-align:center;font-size:11px;color:#f3e2b5}#wcomm .psAsk{position:absolute;left:230px;top:326px;height:20px;padding:0 8px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2e1a08;font-size:11px;cursor:pointer}#wcomm .cnone2{text-align:center;color:#e8dcc0;margin-top:70px}.pask{position:absolute;left:calc(50% - 125px);top:260px;z-index:40;width:250px;padding:14px 16px 10px;box-sizing:border-box;text-align:center;background:url(/ref/aui/npc_communication/npcinteraction_textbox.png) 0 0 / 100% 100% no-repeat;color:#3b2412;pointer-events:auto}.pask p{margin:0 0 10px}.pask button{width:96px;height:30px;margin:0 4px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100% no-repeat;color:#2e1a08;cursor:pointer}#wcomm .psMap{left:102px;top:57px;width:160px}#wcomm .cpage.mail{background-image:url(/ref/aui/window_community/window_community_mail.png)}#wcomm .mb{position:absolute;padding:0;border:0;background:none;cursor:pointer}#wcomm .mb:hover:not(:disabled){background:#ffe6a040}#wcomm .mb:disabled{cursor:default}#wcomm .mb.on{outline:1px solid #ffd35a;outline-offset:-1px}#wcomm .lt1,#wcomm .lt2,#wcomm .lt3{top:27px;height:19px}#wcomm .lt1{left:128px;width:56px}#wcomm .lt2{left:189px;width:55px}#wcomm .lt3{left:250px;width:56px}#wcomm .llist{position:absolute;left:27px;top:64px;width:268px;height:125px;overflow-y:auto}#wcomm .lrow{display:grid;grid-template-columns:99px 1fr;height:18px;line-height:18px;font-size:11px;color:#bdb3a0;cursor:pointer}#wcomm .lrow span{padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#wcomm .lrow span:last-child{text-align:center}#wcomm .lrow.new{color:#fff3c8;font-weight:700}#wcomm .lrow.sel{background:#ffdc8c2e}#wcomm .lrow:hover{background:#ffffff14}#wcomm .lb1,#wcomm .lb2,#wcomm .lb3,#wcomm .lb4{top:193px;height:21px}#wcomm .lb1{left:55px;width:32px}#wcomm .lb2{left:120px;width:28px}#wcomm .lb3{left:184px;width:26px}#wcomm .lb4{left:243px;width:34px}#wcomm .lbody{position:absolute;left:27px;top:240px;width:281px;height:84px;overflow-y:auto;font-size:11.5px;line-height:1.5;color:#f3e2b5;word-break:break-word}#wcomm .lw1{top:328px;left:168px;width:62px;height:22px}#wcomm .mto{width:150px;height:16px;background:#0d0a06;border:1px solid #6a5a2e;color:#fff;font-size:11px}#wcomm .mtx{display:block;width:296px;height:36px;margin-top:2px;background:#0d0a06;border:1px solid #6a5a2e;color:#fff;font-size:11px;resize:none}#wcomm .msend{height:18px;margin:2px 4px 0 0;padding:0 10px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2e1a08;font-size:11px;cursor:pointer}#sysmenu button.newmail{box-shadow:0 0 8px 2px #ffe48a}#honorw{position:absolute;left:calc(50% - 372px);top:max(4px,calc(50% - 268px));z-index:30;width:744px;height:537px;background:url(/ref/aui/window_character/window_honor_main.png) no-repeat;font:12px Tahoma,Sarabun,sans-serif;color:#f3e2b5;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#honorw .hx{position:absolute;right:6px;top:4px;width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}#honorw .hMenu{position:absolute;left:20px;top:40px;width:134px;display:flex;flex-direction:column;gap:2px}#honorw .hMenu button{height:30px;padding:0 8px;text-align:left;border:0;background:#ffffff0a;color:#e8dcc0;font-size:12px;cursor:pointer}#honorw .hMenu button:hover{background:#ffdc8c2e}#honorw .hMenu button.on{background:#ffc85a4d;color:#fff3c8}#honorw .hPage{position:absolute;left:180px;top:38px;width:550px;height:490px;background-repeat:no-repeat}#honorw .hTab{position:absolute;top:12px;width:113px;height:31px;padding:0;border:0;background:none;cursor:pointer}#honorw .hTab:hover{background:#ffe6a02e}#honorw .hTab.on{box-shadow:0 0 0 2px #ffd35a inset}#honorw .hTitle{position:absolute;left:100px;top:28px;width:350px;text-align:center;font-size:15px;font-weight:700;color:#ffe9a8;text-shadow:0 1px 2px #000}#honorw .hPod{position:absolute;width:120px;text-align:center;line-height:1.4;color:#fff;text-shadow:0 1px 3px #000,0 0 4px #000}#honorw .hPod b{color:#ffe48a}#honorw .hList{position:absolute;left:30px;top:300px;width:490px}#honorw .hList div{display:grid;grid-template-columns:50px 1fr 140px;height:24px;line-height:24px;border-bottom:1px solid rgba(255,255,255,.08)}#honorw .hList p{text-align:center;margin-top:60px}#honorw .hBox{position:absolute;left:186px;top:54px;width:178px;height:20px;line-height:20px;text-align:center;color:#ffe9a8}#honorw .hRows{position:absolute;left:13px;top:128px;width:512px;height:328px;overflow-y:auto}#honorw .hRows div{display:grid;grid-template-columns:62px 40px 106px 37px 105px 47px 1fr;height:32.6px;align-items:center;text-align:center}#honorw .hRows div span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 2px}#honorw .hRows div.me{background:#ffdc8c2e;color:#fff3c8}#honorw .hRows p{text-align:center;margin-top:120px}#honorw .hPrev{position:absolute;left:440px;top:458px;width:100px;height:22px;padding:0;border:0;background:none;color:#fff3c8;font-size:11px;cursor:pointer}#honorw .hPrev:hover{text-decoration:underline}#honorw .hKind{position:absolute;top:30px;width:52px;height:22px;padding:0;border:0;background:#00000059;color:#e8d3a0;font-size:12px;cursor:pointer}#honorw .hKind.on{background:#ffc85a59;color:#fff3c8;font-weight:700}#wchar .cpanel .pgb{position:absolute;padding:0;border:0;background:none;cursor:pointer}#wchar .cpanel .pgb:hover{background:#ffe6a033}#honorw .hCls{position:absolute;left:409px;top:15px;width:96px;height:24px;border:0;background:transparent;color:#f3e2b5;font:12px Tahoma,Sarabun,sans-serif;cursor:pointer;appearance:none;padding-left:8px}#honorw .hCls option{background:#1a140c}#honorw .hRows .hf{font-size:10px;text-overflow:clip}#wcomm .mf{position:absolute;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#fff3c8;font-size:11px}#wcomm .mf i,#wcomm .mname i{font-style:normal;font-size:9px}#wcomm i.on{color:#6fe36f}#wcomm i.off{color:#777}#wcomm .mslot{position:absolute;width:32px;height:32px;padding:0;border:0;background:no-repeat center / 32px 32px;cursor:pointer}#wcomm .mslot:hover:not(:disabled){box-shadow:0 0 0 2px #ffd35a}#wcomm .mslot:disabled{cursor:default}#wcomm .mslot.lock{background-color:#0000008c}#wcomm .mball{position:absolute;width:80px;height:80px;background:no-repeat center / contain}#wcomm .mname{position:absolute;width:80px;height:22px;padding:0;border:0;background:none;color:#f3e2b5;font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap}#wcomm .mname.on{box-shadow:0 0 0 1px #ffd35a inset;color:#fff3c8}#wcomm .mname:disabled{cursor:default}#wcomm .mhint{position:absolute;left:14px;top:180px;width:306px;margin:0;font-size:11px;line-height:1.6;color:#e8d6a8}#wcomm .mhint.m2{top:222px;font-size:10px;line-height:1.3}#wcomm .mend{position:absolute;left:112px;top:318px}#wcomm .mendart{left:200px;top:318px;width:92px;height:20px}#wcomm .mpick{position:absolute;left:20px;top:36px;width:290px;max-height:150px;overflow-y:auto;padding:6px;background:#140e08f2;border:1px solid #8a6a2e;z-index:2}#wcomm .mpick b{display:block;margin-bottom:4px;color:#ffd76a}#wcomm .mpick button{display:block;width:100%;text-align:left;padding:2px 4px;border:0;background:none;color:#f3e2b5;cursor:pointer;font-size:11px}#wcomm .mpick button:hover{background:#ffdc8c2e}#wcomm .mpick small{color:#a99a7a}#wquest .qf{position:absolute;width:78px;height:18px;padding:0;border:0;background:none;cursor:pointer;z-index:1}#wquest .qf:hover{background:#ffe6a02e}#wquest .qf.on{box-shadow:0 0 0 1px #ffd35a inset}#wchar .cpanel .pgscroll{position:absolute;z-index:2;left:322px;width:5px;height:26px;border-radius:3px;background:#c9a85a}#whelp .gbody{overflow-y:auto}#whelp .helptxt div{gap:10px}#whelp .helptxt div>:last-child{text-align:right}#wcomm .gf{position:absolute;height:15px;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff3c8;font-size:11px}#wcomm .gName{left:52px;top:25px;width:130px}#wcomm .gGrade{left:197px;top:25px;width:54px}#wcomm .gFame{left:264px;top:25px;width:54px}#wcomm .gCnt{left:89px;top:45px;width:27px;text-align:center}#wcomm .gCap{left:121px;top:45px;width:28px;text-align:center}#wcomm .gPts{left:197px;top:45px;width:126px}#wcomm input.gName{padding:0 4px;background:transparent;border:0;outline:1px solid #8a6a2e}#wcomm .gEmpty{position:absolute;left:20px;top:110px;width:294px;margin:0;text-align:center;line-height:1.7;color:#e8d6a8;font-size:11px}#wcomm .gRows{position:absolute;left:13px;top:83px;width:308px;height:205px;overflow-y:auto}#wcomm .gm{display:grid;grid-template-columns:79px 117px 42px 70px;height:18px;line-height:18px;font-size:11px;color:#bdb3a0;cursor:pointer}#wcomm .gRows.time .gm{grid-template-columns:79px 117px 112px}#wcomm .gm span{padding:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#wcomm .gm span:nth-child(3),#wcomm .gm .gt{text-align:center}#wcomm .gm.on{color:#fff3c8}#wcomm .gm.sel{background:#ffdc8c2e}#wcomm .gm:hover{background:#ffffff14}#wcomm .gb1{left:20px;top:291px;width:52px;height:18px}#wcomm .gb2{left:103px;top:291px;width:46px;height:18px}#wcomm .gb3{left:180px;top:291px;width:52px;height:18px}#wcomm .gb4{left:263px;top:291px;width:46px;height:18px}#wcomm .gb5{left:13px;top:317px;width:66px;height:18px}#wcomm .gb6{left:95px;top:317px;width:62px;height:18px}#wcomm .mpick input{width:120px;margin:4px 4px 4px 0;background:#0d0a06;border:1px solid #6a5a2e;color:#fff}#wcomm .mpick p{margin:4px 0;font-size:11px;color:#d8c8a0}#log .guild,#log .guild b{color:#9fffa8}#log[data-f=guild]>div:not(.guild){display:none}.gwin.alicebox{border-radius:0;background:none;box-shadow:0 6px 18px #0009;backdrop-filter:none;border-style:solid;border-width:34px 10px 38px;border-image:url(/ref/aui/msg_box_m.png) 34 10 38 10 fill stretch;color:#f3e2b5}.gwin.alicebox .gico{display:none}.gwin.alicebox .gtitle{left:-10px;right:20px;top:-34px;height:30px;padding:0 0 0 40px;line-height:30px;font:700 13px MG Basic2,Tahoma,Sarabun,sans-serif;color:#ffe9a8;text-shadow:0 0 3px #000}.gwin.alicebox .gtitle:before,.gwin.alicebox .gtitle:after{content:none}.gwin.alicebox .gx{right:-8px;top:-31px;width:20px;height:20px;color:transparent;text-shadow:none}.gwin.alicebox .gbody{inset:4px 4px -30px;overflow-y:auto}.gwin.alicebox button:not(.gx),#wparty.alicebox button:not(.gx){background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;border:0;border-radius:0;color:#2e1a08;font:700 12px Tahoma,Sarabun,sans-serif;box-shadow:none}.gwin.alicebox button:not(.gx):hover{filter:brightness(1.15)}.gwin.alicebox input,#wparty.alicebox input{background:#120b06;border:1px solid #8a6a2e;color:#fff;border-radius:0}.gwin.alicebox .helptxt div{border-bottom-color:#ffd28c26;color:#f3e2b5}.gwin.alicebox .helptxt b{color:#ffd76a}#wparty.alicebox .hint{color:#d8c8a0}#wpinv.gwin.alicemsg{width:300px!important;height:197px!important;border:0;border-radius:0;background:url(/ref/aui/msg_box_none.png) no-repeat;box-shadow:0 6px 18px #0009;backdrop-filter:none;color:#f3e2b5}#wpinv.alicemsg .gico{display:none}#wpinv.alicemsg .gtitle{left:0;right:30px;height:26px;padding:0 0 0 40px;line-height:26px;font:700 13px Tahoma,Sarabun,sans-serif;color:#ffe9a8}#wpinv.alicemsg .gtitle:before,#wpinv.alicemsg .gtitle:after{content:none}#wpinv.alicemsg .gx{right:3px;top:3px;width:20px;height:20px;color:transparent}#wpinv.alicemsg .gbody{inset:40px 16px;display:flex;align-items:center;justify-content:center;text-align:center}#wpinv.alicemsg .nsay{color:#fff3c8;font-size:13px;line-height:1.6}#wpinv.alicemsg .prow{position:absolute;left:-16px;right:-16px;top:125px;height:26px;margin:0;display:block}#wpinv.alicemsg .prow button{position:absolute;top:0;height:24px;padding:0;border:0;background:none;color:transparent;cursor:pointer;box-shadow:none}#wpinv.alicemsg .prow button:hover{background:#ffe6a02e}#wpinv.alicemsg .prow button:first-child{left:95px;width:46px}#wpinv.alicemsg .prow button:nth-child(2){left:158px;width:52px}.gwin.alicebox .gtitle,#wpinv.alicemsg .gtitle{left:0;right:0;padding:0;text-align:center}#wpinv.alicemsg .nsay{background:none;border:0;box-shadow:none;padding:0;min-height:0}.gwin.alicebox .gbody{bottom:-24px}#warbar,#gwarbar,#murimbar,#fwarbar,#siegebar{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:40;display:flex;gap:10px;align-items:center;padding:3px 12px;border-style:solid;border-width:6px 8px;border-image:url(/ref/aui/msg_box_m.png) 34 10 38 10 fill stretch;color:#ffe9a8;font:700 12px Tahoma,Sarabun,sans-serif;text-shadow:0 0 3px #000;white-space:nowrap}#warbar .sc,#gwarbar .sc,#murimbar .sc,#fwarbar .sc,#siegebar .sc{width:48px;height:16px;background:url(/ref/aui/war_msg_score.png) no-repeat center / contain}#warbar b,#gwarbar b,#murimbar b,#fwarbar b,#siegebar b{color:#fff3c8}#warbar button,#gwarbar button,#murimbar button,#fwarbar button{height:20px;padding:0 10px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2e1a08;font:700 11px Tahoma,Sarabun,sans-serif;cursor:pointer}#warboard{position:absolute;left:calc(50% - 300px);top:max(4px,calc(50% - 210px));z-index:30;width:600px;height:420px;background:no-repeat;font-size:11px;color:#f3e2b5}#warboard .x{position:absolute;right:30px;top:4px;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}#warboard .wbT{position:absolute;left:78px;width:430px;height:135px;overflow-y:auto}#warboard .wbT div{display:grid;grid-template-columns:35px 97px 35px 35px 35px 97px 96px;height:17px;line-height:17px;text-align:center}#warboard .wbT div.me{background:#ffdc8c40}#warboard .wbT span{overflow:hidden;white-space:nowrap}#warMsg{position:absolute;left:calc(50% - 160px);top:calc(38% - 117px);width:320px;height:235px;z-index:55;pointer-events:none;background:no-repeat center;animation:warIn .35s ease-out}#warMsg.vs{display:flex;align-items:center;justify-content:center;gap:6px}#warMsg[hidden]{display:none}#warMsg i{width:65px;height:37px;background:no-repeat center}@keyframes warIn{0%{transform:scale(1.6);opacity:0}to{transform:none;opacity:1}}#whw{position:absolute;left:calc(50% - 300px);top:max(4px,calc(50% - 260px));z-index:30;width:280px;height:475px;background:no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#whw .x{position:absolute;right:8px;top:20px;width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer}#whw .tab{position:absolute;top:62px;height:20px;padding:0;border:0;background:none;cursor:pointer}#whw .tab:hover{background:#ffdc8c2e}#whw .tab.on{box-shadow:0 0 0 1px #ffd35a inset}#whw .whGrid{position:absolute;left:41px;top:84px;width:216px;height:350px;overflow-y:auto;display:grid;grid-template-columns:repeat(6,33px);grid-auto-rows:35px}#whw .whGrid .cell{width:31px;height:33px;cursor:pointer;position:relative}#whw .whGrid .cell .itm{width:28px;height:28px;margin:2px}#whw .whG{position:absolute;left:46px;top:436px;width:166px;height:18px;line-height:18px;text-align:right;font-size:11px;color:#f3e2b5;text-shadow:0 1px 1px #000}#whw .whMoney{position:absolute;left:10px;top:478px;display:flex;gap:4px}#whw .whMoney input{width:120px;height:20px;padding:0 6px;background:#0a0604e6;border:1px solid #b08a4a;color:#fff3c8}#whw .whMoney button{width:52px;height:22px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2a1404;font:700 12px Tahoma,Sarabun,sans-serif;cursor:pointer}#warbar[hidden],#gwarbar[hidden],#murimbar[hidden],#fwarbar[hidden],#siegebar[hidden]{display:none}#fwarbar{top:120px}#siegebar{top:158px}#gwarbar{top:44px}#murimbar{top:82px}#stallw{position:absolute;left:max(4px,calc(50% - 420px));top:max(4px,calc(50% - 238px));z-index:30;width:280px;height:475px;background:no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#stallw .x{position:absolute;right:8px;top:20px;width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer}#stallw .stIcon{position:absolute;left:30px;width:32px;height:32px;cursor:pointer}#stallw .stIcon .itm{width:28px;height:28px;margin:2px}#stallw .stNm{position:absolute;left:68px;width:138px;height:18px;line-height:18px;font-size:11px;color:#fff3c8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#stallw .stN,#stallw .stNv{position:absolute;left:211px;width:28px;height:16px;padding:0 2px;font-size:11px;text-align:right;color:#f3e2b5;background:transparent;border:0;line-height:18px}#stallw .stPrice,#stallw .stPv{position:absolute;left:90px;width:96px;height:16px;padding:0 3px;font-size:11px;text-align:right;color:#ffe9a8;background:#00000040;border:0;line-height:16px}#stallw .stPv{background:none}#stallw .stN::-webkit-inner-spin-button,#stallw .stPrice::-webkit-inner-spin-button{display:none}#stallw .stBuy{position:absolute;left:211px;width:42px;height:18px;padding:0;border:0;background:url(/ref/aui/etc/pcstore_buy_over.png) no-repeat;cursor:pointer}#stallw .stBuy:hover{background-image:url(/ref/aui/etc/pcstore_buy_click.png)}#stallw .stTitle{position:absolute;left:30px;top:381px;width:222px;height:17px;line-height:17px;text-align:center;font-size:11px;color:#ffe9a8;overflow:hidden}#stallw .stTitle.rd{color:#4a3420;top:46px;font-size:10.5px}#stallw .stQ{position:absolute;left:40px;top:399px;width:200px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;color:#4a3420;background:url(/ref/aui/window_npc/pcstore_readybox.png) -40px -452px no-repeat}#stallw .stOk,#stallw .stNo{position:absolute;top:426px;height:24px;padding:0;border:0;background:none;cursor:pointer}#stallw .stOk{left:86px;width:38px}#stallw .stNo{left:156px;width:40px}#stallw .stOk:hover,#stallw .stNo:hover{background:#ffe6a033}#stallw .stName{position:absolute;left:-10px;top:120px;width:300px;height:220px;background:no-repeat;z-index:2;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6))}#stallw .stNameIn{position:absolute;left:67px;top:123px;width:164px;height:17px;padding:0 4px;font-size:12px;color:#fff;background:transparent;border:0}#stallw .stNameOk,#stallw .stNameNo{position:absolute;top:178px;height:22px;padding:0;border:0;background:none;cursor:pointer}#stallw .stNameOk{left:96px;width:36px}#stallw .stNameNo{left:165px;width:40px}#stallw .stNameOk:hover,#stallw .stNameNo:hover{background:#ffe6a033}#stallw .stCount{position:absolute;left:30px;top:300px;width:220px;padding:6px;background:#140e08f2;border:1px solid #8a6a2e;z-index:3;color:#f3e2b5;font-size:11px}#stallw .stCount b{display:block;margin-bottom:4px;color:#ffd76a}#stallw .stCount input{width:70px;margin-right:4px;background:#0d0a06;border:1px solid #6a5a2e;color:#fff}#stallw .stCount button{height:20px;margin-right:4px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2a1404;font:700 11px Tahoma,Sarabun,sans-serif;cursor:pointer}.lab .stplate{width:204px;height:30px;margin:0 auto 2px;line-height:30px;font-size:12px;color:#d9ffb0;text-align:center;background:url(/ref/aui/pcstore_pinokio.png) no-repeat center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#petw{position:absolute;left:max(4px,calc(50% - 258px));top:max(4px,calc(50% - 214px));z-index:30;width:515px;height:427px;background:no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#petw .x{position:absolute;right:12px;top:24px;width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}#petw .ptab{position:absolute;left:24px;width:119px;height:24px;padding:0;border:0;background:none;cursor:pointer}#petw .ptab:hover{background:#ffe6a02e}#petw .ptab.on{box-shadow:0 0 0 1px #ffd35a inset}#petw .ppage{position:absolute;left:157px;top:56px;width:334px;height:352px;background-repeat:no-repeat;font-size:11px;color:#f3e2b5}#petw .pf{position:absolute;left:124px;width:126px;height:17px;line-height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#petw .pf small{color:#bdb3a0}#petw .pf.pName{cursor:pointer}#petw .pf.pfS{width:32px}#petw .pf.pfS2{left:216px;width:38px;font-size:9.5px}#petw .pFood{position:absolute;left:219px;top:178px;width:30px;height:30px;background:no-repeat center / 30px 30px}#petw .pThumb{position:absolute;left:260px;top:59px;width:32px;height:32px;background:center / 28px 28px no-repeat}#petw .pThumbBig{position:absolute;left:48px;top:34px;width:237px;height:169px;background:no-repeat}#petw .pu{position:absolute;height:15px;line-height:15px;padding:0 4px;font-size:10.5px;color:#a89f8e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#petw .pu.on{color:#fff3c8}#petw .pNote,#petw .pEmpty{position:absolute;left:10px;width:314px;margin:0;text-align:center;color:#4a3420;font-size:12px;line-height:1.6}#petw .pEmpty{top:150px;color:#f3e2b5}#petw .pAct{position:absolute;width:34px;height:34px;padding:0;border:0;background:center no-repeat;cursor:pointer}#petw .pAct:hover{filter:brightness(1.25)}#petw .pAct.on{box-shadow:inset 0 0 0 2px #ffd27a}#petw .pMgThumb{position:absolute;left:49px;top:10px;width:237px;height:169px;background:no-repeat}#petw .pMg{position:absolute;width:34px;height:34px;background:no-repeat center / 34px 34px;cursor:help}#petw .pMg.off{filter:grayscale(1) brightness(.6)}#petw .pShare{position:absolute;left:24px;top:150px;width:125px;display:flex;flex-wrap:wrap;gap:3px;font-size:11px;color:#4a3420}#petw .pShare span{width:100%;font-weight:700}#petw .pShare button{width:38px;height:18px;padding:0;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2a1404;font:700 10px Tahoma,Sarabun,sans-serif;cursor:pointer}#petw .pShare button.on{filter:brightness(1.3);box-shadow:0 0 0 1px #ffd35a}#petw .pOwner{position:absolute;left:24px;top:215px;width:125px;font-size:11px;color:#4a3420}#petw .petName{position:absolute;left:107px;top:100px;width:300px;height:220px;z-index:3;background:no-repeat;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))}#petw .petName input{position:absolute;left:66px;top:119px;width:166px;height:19px;border:0;background:transparent;color:#fff3c8;font:13px Tahoma,Arial;text-align:center;outline:none}#petw .petName button{position:absolute;top:183px;width:44px;height:20px;padding:0;border:0;background:none;cursor:pointer}#petw .petName button:hover{background:#ffdc8c4d}#petw .petName .pOk{left:72px}#petw .petName .pNo{left:160px}#petw .pGear{position:absolute;width:32px;height:32px;cursor:pointer}#petw .pGear .itm,#petw .pInvBox .itm,#petboxw .pbx .itm{width:28px;height:28px;margin:2px}#petw .petInv{position:absolute;left:515px;top:60px;width:179px;height:252px;background:no-repeat}#petw .pInvBox{position:absolute;width:32px;height:32px;cursor:pointer}#petw .pInvBox.shut{background:#0000008c;cursor:default}#petboxw{position:absolute;left:calc(50% - 300px);top:calc(50% - 120px);z-index:30;width:275px;height:160px;background:no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#petboxw .x{position:absolute;right:6px;top:6px;width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer}#petboxw .pbx{position:absolute;top:85px;width:36px;height:36px;cursor:pointer}#petw .petInv .x{position:absolute;left:161px;top:26px;width:11px;height:12px;padding:0;border:0;background:url(/ref/aui/etc/close_normal.png) no-repeat;cursor:pointer}#petw .petInv[hidden]{display:none}#wcomm .cpM,#wcomm .cpF{top:89px;width:96px;text-align:center;font-weight:700}#wcomm .cpM{left:56px}#wcomm .cpF{left:184px}#wcomm .cpSt,#wcomm .cpWed,#wcomm .cpLx,#wcomm .cpGr{left:195px;width:76px;height:14px;line-height:14px;font-size:10px;text-align:left}#wcomm .cpSt{top:104px}#wcomm .cpWed{top:120px}#wcomm .cpLx{top:136px;width:130px;font-size:9.5px}#wcomm .cpGr{top:152px}#wcomm .mhint.cpH{top:262px}#wcomm .cpSk1,#wcomm .cpSk2{top:224px;width:62px;height:22px}#wcomm .cpSk1{left:54px}#wcomm .cpSk2{left:218px}#wcomm .cpI{top:215px;width:32px;height:32px;padding:0;border:0;background:center / contain no-repeat}#wcomm .cpI1{left:127px}#wcomm .cpI.off{filter:grayscale(1) brightness(.6)}#craftw{position:absolute;left:calc(50% - 257px);top:max(4px,calc(50% - 213px));width:515px;height:427px;z-index:30;background:url(/ref/aui/window_make/window_make.png) no-repeat;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6));font-size:12px;color:#f3e2b5}#craftw .mHit{position:absolute;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#craftw .mHit:hover{background:#ffdc8c40}#craftw .mHit.on{box-shadow:inset 0 0 0 2px #ffd278cc}#craftw .mPage{position:absolute;left:157px;top:56px;width:334px;height:352px;background-repeat:no-repeat}#craftw .mBox{position:absolute;width:70px;height:16px;line-height:16px;text-align:center;overflow:hidden;white-space:nowrap;color:#fff3c8}#craftw .mBox.click{cursor:pointer}#craftw .mBox.click:hover{color:#ffd27a}#craftw .mSel{position:absolute;left:78px;top:55px;width:204px;height:17px;padding:0 4px;border:0;background:transparent;color:#fff3c8;font:12px Arial,Tahoma}#craftw .mSel option{background:#2a2118}#craftw .mList{position:absolute;left:47px;top:75px;width:247px;height:135px;overflow-y:auto}#craftw .mRow{position:relative;height:34px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.25)}#craftw .mRow:hover{background:#ffdc8c26}#craftw .mRow.off{opacity:.45}#craftw .mRow.can .mName{color:#c8f5a8}#craftw .mRow .mIc{position:absolute;left:1px;top:1px;width:32px;height:32px}#craftw .itm{width:30px;height:30px;margin:1px}#craftw .mName{position:absolute;left:40px;top:3px;right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f3e2b5}#craftw .mSt{position:absolute;left:40px;top:18px;color:#c9b48a;font-size:11px}#craftw .mQ{position:absolute;width:32px;height:32px;cursor:pointer}#craftw .mQ.pick{box-shadow:inset 0 0 0 2px #ffd27a;background-color:#ffd27840}#craftw .mNone{margin:40px 0 0;text-align:center;color:#c9b48a}#craftw .mBreakNone{position:absolute;left:40px;top:120px;width:250px}#craftw .mLearn{position:absolute;left:92px;top:262px;width:150px;height:22px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2a1404;font:700 12px Tahoma,Sarabun,sans-serif;cursor:pointer;z-index:1}#craftw .mAsk{position:absolute;left:30px;top:110px;width:274px;padding:10px;background:#140e08f2;border:1px solid #8a6a2e;z-index:3;text-align:center}#craftw .mAsk p{margin:0 0 8px}#craftw .mAsk button{height:22px;margin:0 6px;padding:0 12px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2a1404;font:700 12px Tahoma,Sarabun,sans-serif;cursor:pointer}#medw,#mixw{position:absolute;left:calc(50% - 300px);top:max(4px,calc(50% - 238px));width:280px;height:475px;z-index:30;background-repeat:no-repeat;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6));color:#f3e2b5;font-size:12px}#medw .dHit,#mixw .dHit{position:absolute;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#medw .dHit:hover,#mixw .dHit:hover{background:#ffdc8c4d}#medw .dHit.on,#mixw .dHit.on{box-shadow:inset 0 -2px #ffd27a;background:#ffd2782e}#medw .dBox,#mixw .dBox{position:absolute;width:34px;height:34px;cursor:pointer}#medw .dBox .itm,#mixw .dBox .itm,#medRes .rIc .itm{width:30px;height:30px;margin:2px}#medw .dBox.pick,#mixw .dBox.pick{box-shadow:inset 0 0 0 2px #ffd27a}#medw .dBox.off,#mixw .dBox.off{opacity:.45}#medw .dInfo{position:absolute;width:137px;height:58px;padding:1px 2px;overflow-y:auto;font-size:11px;line-height:13px;color:#e8dcc0}#medw .dInfo b{color:#fff3c8}#medw .dInfo i{color:#ff9a8a;font-style:normal}#medw .dInfo span{color:#c9e8a0}#medw .dNeed,#mixw .dNeed{position:absolute;width:34px;height:16px;line-height:16px;text-align:center;font-size:10.5px;color:#c8f5a8}#medw .dNeed.bad,#mixw .dNeed.bad{color:#ff9a8a}#medw .dN,#mixw .dN{position:absolute;width:24px;height:14px;padding:0;border:0;background:transparent;color:#fff3c8;font:11px Arial,Tahoma;text-align:center}#mixw .xGold{position:absolute;width:120px;font-size:11px;line-height:13px;color:#c9e8a0}#medRes{position:absolute;left:calc(50% - 150px);top:calc(50% - 110px);width:300px;height:220px;z-index:40;background-repeat:no-repeat;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6));color:#f3e2b5;font-size:12px}#medRes .rIc{position:absolute;left:134px;top:83px;width:32px;height:32px}#medRes p{position:absolute;left:20px;top:124px;width:260px;margin:0;text-align:center;line-height:16px}#medRes b{color:#fff3c8}#medRes button{position:absolute;left:128px;top:178px;width:44px;height:20px;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#medRes button:hover{background:#ffdc8c4d}#charmw{position:absolute;left:calc(50% + 140px);top:max(4px,calc(50% - 238px));z-index:30;width:280px;height:475px;background:url(/ref/aui/window_npc/window_charm.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));font:12px Tahoma,Sarabun,sans-serif;color:#f3e2b5}#charmw .cHit{position:absolute;padding:0;border:0;border-radius:3px;background:none no-repeat center;cursor:pointer;color:#fff3c8;font:inherit}#charmw .cX{left:256px;top:23px;width:18px;height:18px}#charmw .cX:hover{background-color:#ffdc8c4d}#charmw .cFix{left:28px;width:224px;height:34px;text-align:right}#charmw .cFix span{display:block;padding:18px 8px 0 0;font-size:11px;color:#e8d6a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#charmw .cFix.c1:hover{background-image:url(/ref/aui/etc/charm_btn01.png)}#charmw .cFix.c2:hover{background-image:url(/ref/aui/etc/charm_btn02.png)}#charmw .cRow{position:absolute;left:28px;width:224px;height:19px;line-height:19px;display:flex;gap:8px;padding:0 6px;box-sizing:border-box;white-space:nowrap;overflow:hidden;cursor:default}#charmw .cRow[title]{cursor:pointer}#charmw .cRow[title]:hover{background:#ffdc8c1f}#charmw .cRow.on{background:url(/ref/aui/etc/charm_btn_select.png) no-repeat}#charmw .cRow b{color:#fff3c8;font-weight:400;min-width:70px}#charmw .cRow span{color:#c9b48a;overflow:hidden;text-overflow:ellipsis}#charmw .cPg{top:386px;width:18px;height:20px}#charmw .cPg:not(.on):hover{background-color:#ffdc8c4d}#charmw .cSave{left:80px;top:430px;width:42px;height:20px}#charmw .cDel{left:160px;top:430px;width:34px;height:20px}#charmw .cSave:hover,#charmw .cDel:hover{background-color:#ffdc8c4d}#charmName{position:absolute;left:calc(50% - 150px);top:calc(50% - 110px);z-index:40;width:300px;height:220px;background:url(/ref/aui/window_npc/charm_save_name.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#charmName input{position:absolute;left:66px;top:115px;width:166px;height:20px;border:0;background:transparent;color:#fff3c8;font:13px Tahoma,Sarabun,sans-serif;text-align:center;outline:none}#charmName button{position:absolute;top:177px;width:44px;height:20px;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#charmName button:hover{background:#ffdc8c4d}#charmName .cOk{left:71px}#charmName .cNo{left:157px}#charmQ{position:absolute;left:calc(50% - 128px);top:max(4px,calc(50% - 155px));z-index:40;width:257px;height:311px;background:url(/ref/aui/charm_win.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#charmQ button{position:absolute;left:16px;width:225px;height:41px;padding:0;border:0;background:none center / 100% 100% no-repeat;cursor:pointer}#charmQ .cqX{left:226px;top:4px;width:22px;height:22px;background:none}#charmQ .cqX:hover{background-color:#ffdc8c4d}#charmAsk{position:absolute;left:calc(50% - 150px);top:calc(50% - 98px);z-index:45;width:300px;height:197px;background:url(/ref/aui/msg_box_none.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#charmAsk .caT{position:absolute;inset:40px 16px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff3c8;font:13px/1.6 Tahoma,Sarabun,sans-serif}#charmAsk button{position:absolute;top:165px;height:24px;padding:0;border:0;background:none;cursor:pointer}#charmAsk button:hover{background:#ffe6a02e}#charmAsk .caOk{left:95px;width:46px}#charmAsk .caNo{left:158px;width:52px}#pelw{position:absolute;left:calc(50% - 140px);top:max(4px,calc(50% - 237px));z-index:30;width:280px;height:475px;background:no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#pelw .pelBox{position:absolute;left:121px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}#pelw .pelMsg{position:absolute;left:24px;right:24px;top:352px;margin:0;padding:2px 4px;text-align:center;font:11px/14px Tahoma,Sarabun,sans-serif;color:#ffe9b0;background:#2a1d10}#pelw .pelHit{position:absolute;top:428px;height:20px;padding:0;border:0;background:none;cursor:pointer}#pelw .pelHit:hover{background:#ffdc8c40}#pelw .pelX{position:absolute;right:8px;top:22px;width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}#pelw .pelX:hover{background:#ffdc8c4d}#soulw{position:absolute;left:calc(50% - 300px);top:max(4px,calc(50% - 238px));z-index:30;width:280px;height:475px;background:no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));font:12px Tahoma,Sarabun,sans-serif;color:#f3e2b5}#soulw .sHit{position:absolute;height:20px;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#soulw .sHit:hover{background:#ffdc8c4d}#soulw .sBox{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}#soulw .sTitle{position:absolute;width:175px;height:24px;line-height:24px;text-align:center;background:linear-gradient(#e2cfa6,#d8c49c);color:#fff;font:700 15px Tahoma,Sarabun,sans-serif;text-shadow:0 0 2px #000,1px 1px 1px #000;pointer-events:none}#soulw .sCost{position:absolute;width:96px;height:16px;line-height:16px;text-align:right;color:#fff3c8;font-size:11px}#soulw .sInfo{position:absolute;width:220px;text-align:center;font-size:11px;line-height:14px;color:#e8dcc0}#soulw .sInfo.ok{color:#c8f5a8}#soulw .sInfo.bad{color:#ff9a8a}#soulw .sName{position:absolute;width:220px;text-align:center;color:#fff3c8;text-shadow:0 1px 2px #000}#wparty .pdiff{flex-wrap:wrap;gap:4px;font-size:12px;color:#e8d6a8}#wparty .pdiff span:first-child{width:100%}#wparty .pdiff button,#wparty .pdiff span:not(:first-child){height:22px;padding:0 6px;font-size:11px}#wparty .pdiff span:not(:first-child){line-height:22px;opacity:.55}#wparty .pdiff .on{color:#fff;box-shadow:0 0 0 1px #ffd35a inset;opacity:1!important}#wparty .pdiff button.on{background:linear-gradient(#d8a84a,#8a5a1a);color:#fff}#attendw{position:absolute;left:calc(50% - 265px);top:max(4px,calc(50% - 215px));z-index:30;width:530px;height:430px;background:url(/ref/aui/window_npc/attend_normal.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));font:12px Tahoma,Sarabun,sans-serif;color:#f3e2b5}#attendw.ret{height:290px;background-image:url(/ref/aui/window_npc/attend_return.png)}#attendw .aX{position:absolute;right:10px;top:22px;width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}#attendw .aX:hover{background:#ffdc8c4d}#attendw .aDay{position:absolute;width:64px;height:64px}#attendw .aNum{position:absolute;left:4px;top:2px;font-size:11px;color:#c9b48a}#attendw .aIc{position:absolute;left:14px;top:14px;width:36px;height:36px}#attendw .aOk{position:absolute;inset:0;background:url(/ref/aui/etc/attend_ok.png) center no-repeat;pointer-events:none}#attendw .aNow{position:absolute;left:-3px;top:-3px;width:70px;height:70px;background:url(/ref/aui/etc/attend_reward_attention.png) no-repeat;pointer-events:none}#attendw .aMsg{position:absolute;left:24px;width:479px;margin:0;text-align:center;color:#fff3c8}#attendw .aCheck{position:absolute;left:235px;width:60px;height:30px;padding:0;border:0;background:url(/ref/aui/etc/attend_check.png) no-repeat;cursor:pointer}#attendw .aCheck:hover{background-image:url(/ref/aui/etc/attend_check_over.png)}#attendw .aCheck:active{background-image:url(/ref/aui/etc/attend_check_click.png)}#attendw .aTab{position:absolute;right:40px;top:24px;height:18px;padding:0 8px;border:1px solid #a88a52;border-radius:3px;background:#5a3e1e;color:#fff3c8;font:11px Tahoma,Sarabun,sans-serif;cursor:pointer}#evbar .ev3{background:url(/ref/aui/main_ui/vip_giftbox.png) center / 48px 48px no-repeat}#rpsw{position:absolute;left:calc(50% - 176px);top:max(4px,calc(50% - 180px));z-index:30;width:352px;height:360px;background:url(/ref/aui/window_npc/window_rpsgame_main.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));font:12px Tahoma,Sarabun,sans-serif;color:#f3e2b5}#rpsw .rHit,#rpsinfo .rHit{position:absolute;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#rpsw .rHit:hover,#rpsinfo .rHit:hover{background:#ffdc8c40}#rpsw .rBtn{position:absolute;padding:0;border:0;background:none;cursor:pointer}#rpsw .rBtn:hover{background:var(--over) no-repeat}#rpsw .rBtn:active,#rpsw .rBtn.on{background:var(--push) no-repeat}#rpsw .rFee{position:absolute;left:211px;top:39px;width:113px;height:20px;line-height:20px;text-align:right;color:#fff3c8}#rpsw .rHand{position:absolute;top:105px;width:60px;height:60px;background:no-repeat}#rpsw .rRes{position:absolute;left:142px;top:147px;width:70px;height:20px;line-height:20px;text-align:center;font-weight:700}#rpsw .rRes.r2{color:#9fff8a}#rpsw .rRes.r1{color:#ff8a7a}#rpsw .rSt{position:absolute;top:224px;width:70px;height:20px;line-height:20px;text-align:center;color:#fff3c8}#rpsinfo{position:absolute;left:calc(50% + 180px);top:max(4px,calc(50% - 180px));z-index:31;width:270px;height:197px;background:url(/ref/aui/window_npc/window_rpsgame_info.png) no-repeat;font:12px Tahoma,Sarabun,sans-serif;color:#f3e2b5}#rpsinfo .rTop{position:absolute;height:20px;line-height:20px;text-align:center;overflow:hidden;white-space:nowrap}#wnpc .nmenu input.fq{width:100%;height:24px;margin:2px 0;padding:0 6px;box-sizing:border-box;border:1px solid #6a5434;background:#fff8e4;font:13px Sarabun,sans-serif}#renamew{position:absolute;left:calc(50% - 150px);top:calc(50% - 110px);z-index:40;width:300px;height:220px;background:url(/ref/aui/window_npc/window_namechange.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#renamew input{position:absolute;left:66px;top:113px;width:166px;height:19px;border:0;background:transparent;color:#fff3c8;font:13px Tahoma,Sarabun,sans-serif;text-align:center;outline:none}#renamew .rnOk{position:absolute;left:116px;top:146px;width:68px;height:20px;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#renamew .rnOk:hover{background:#ffdc8c4d}#renamew .rnX{position:absolute;right:8px;top:8px;width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}#renamew .rnX:hover{background:#ffdc8c4d}.mall .tpu{padding:6px 10px}.mall .tpu h4{margin:10px 0 4px;color:#ffe08a;font-size:13px}.mall .tpu .tnote{margin:0 0 6px;color:#c8b88a}.mall .tpk{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.mall .tpk button{padding:4px 10px;line-height:1.3}.mall .tpk input{width:110px;height:24px;padding:0 6px;border:1px solid #6a5434;background:#0d0a06;color:#fff}.mall .tor{margin:6px 0;padding:6px 8px;border:1px solid #4a3a20;background:#00000040}.mall .tor.pending{border-color:#b08a3a}.mall .tor.paid{color:#9fe08a}.mall .tor.expired{color:#9a8a6a}.mall .tor .amt{font-size:15px;color:#fff3c8}.mall .tor .addr{margin:3px 0;font:12px monospace;color:#fff;word-break:break-all}.mall .tor .warn{color:#ff9a7a}.mall .tor button{margin:4px 6px 0 0}.mall .mpager[hidden]{display:none}#ringw{position:absolute;left:calc(50% - 140px);top:max(4px,calc(50% - 237px));z-index:30;width:280px;height:475px;background:url(/ref/aui/window_npc/npc_window_marriage_ring.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#ringw input{position:absolute;left:44px;top:281px;width:190px;height:18px;padding:0 4px;border:0;background:transparent;color:#ffe9b0;font:12px Tahoma,Sarabun,sans-serif;outline:none}#ringw .rgHit{position:absolute;padding:0;border:0;background:none;cursor:pointer}#ringw .rgHit:hover{background:#ffdc8c40}#lockw{position:absolute;left:calc(50% - 140px);top:max(4px,calc(50% - 237px));z-index:30;width:280px;height:475px;background:no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#lockw .lkBox{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}#lockw .lkMsg{position:absolute;left:24px;right:24px;top:400px;margin:0;padding:2px 4px;text-align:center;font:11px/14px Tahoma,Sarabun,sans-serif;color:#ffe9b0;background:#2a1d10}#lockw .lkHit{position:absolute;top:428px;height:20px;padding:0;border:0;background:none;cursor:pointer}#lockw .lkHit:hover{background:#ffdc8c40}#lockw .lkX{position:absolute;left:252px;top:22px;width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer}#lockw .lkX:hover{background:#ffdc8c40}#pmorphw{position:absolute;left:calc(50% - 100px);top:calc(50% - 120px);z-index:30;width:200px;height:160px;background:url(/ref/aui/window_npc/npc_window_pet_change.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));font:12px Tahoma,Sarabun,sans-serif;color:#fff3c8}#pmorphw .pmName{position:absolute;left:50px;width:102px;top:85px;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden}#pmorphw .sHit{position:absolute;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#pmorphw .sHit:hover{background:#ffdc8c4d}#dyew{position:absolute;left:calc(50% + 160px);top:max(4px,calc(50% - 180px));z-index:30;width:310px;height:360px;background:url(/ref/aui/window_npc/window_dye.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));font:12px Tahoma,Sarabun,sans-serif;color:#fff3c8}#dyew .sHit,#dyew .dCk{position:absolute;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}#dyew .sHit:hover,#dyew .dCk:hover{background:#ffdc8c4d}#dyew .dCk.on{background:#ffdc8cb3}#dyew canvas{position:absolute;left:50px;top:106px;width:66px;height:128px;cursor:crosshair}#dyew .dSw{position:absolute;left:158px;top:134px;width:66px;height:16px;border-radius:2px}#dyew .dCode{position:absolute;left:228px;top:135px;width:46px;text-align:center;font:10px monospace}#dyew .dSaved{position:absolute;padding:0;border:1px solid rgba(0,0,0,.6);border-radius:2px;cursor:pointer}#tptw{position:absolute;left:calc(50% - 150px);top:calc(50% - 98px);z-index:45;width:300px;height:197px;background:url(/ref/aui/msg_box_none.png) no-repeat;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));font:13px Tahoma,Sarabun,sans-serif;color:#fff3c8}#tptw .tpT{position:absolute;left:0;right:0;top:40px;text-align:center}#tptw .tpL{position:absolute;left:30px;right:30px;top:64px;height:90px;overflow:auto;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}#tptw .tpL button{height:22px;padding:0 10px;border:0;background:url(/ref/aui/npc_communication/npcinteraction_button1.png) 0 0 / 100% 100%;color:#2e1a08;font:700 12px Tahoma,Sarabun,sans-serif;cursor:pointer}#tptw .tpX{position:absolute;left:158px;top:165px;width:52px;height:24px;padding:0;border:0;background:none;cursor:pointer}#tptw .tpX:hover{background:#ffe6a02e}#hud{--hudfont: 11px "MS Sans Serif", Tahoma, Sarabun, sans-serif}#hud .hudtxt,#status .gauge span,#status .medal b,#target b,#pframe .pbox b,#skills .sk>b,#skills .pg:after,#minimap .mxy,#minimap i,#minimap .mname{font:var(--hudfont);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.78),0 0 1px rgba(0,0,0,.78)}#status{left:0;top:0;width:240px;height:67px}#status[data-head=dan]{background-image:url(/ref/aui/main_ui/head_lowlevel_dan.png)}#status .medal{left:56px;top:48px;width:21px;height:12px}#status .medal b{inset:0;display:block;text-align:center;line-height:12px}#status .gauge{left:54px;width:176px}#status .hp{top:12px;height:8px}#status .mp{top:25px;height:8px}#status .rage{top:38px;height:4px}#status .gauge span{position:absolute;left:6px;top:-2px;width:176px;height:10px;margin:0;line-height:10px;text-align:center}#status .tog{left:82px;top:49px;width:24px;height:16px}#status .combo{left:111px;top:50px;gap:17px}#status .combo i,#status .combo i.on{width:8px;height:8px;border:0;border-radius:0;background:none;box-shadow:none}#status .combo i.on{background:url(/ref/aui/main_ui/head_marble_in.png) no-repeat}#evbar{left:240px;top:0;gap:0}#evbar .ev,#evbar .ev:hover{width:65px;height:65px;border:0;border-radius:0;box-shadow:none;background:center no-repeat}#evbar .ev2{background-image:url(/ref/aui/main_ui/webshop.png)}#evbar .evh{background-image:url(/ref/aui/main_ui/honor_ranking.png)}#evbar .evl{background-image:url(/ref/aui/main_ui/trade_lock_gray.png)}#evbar .evl.on{background-image:url(/ref/aui/main_ui/trade_lock_red.png)}#evbar .ev:hover{filter:brightness(1.15)}#helpbtn{right:182px;top:30px;width:73px;height:73px;padding:0;border:0;background:url(/ref/aui/main_ui/content_help.png) no-repeat;cursor:pointer}#helpbtn:hover{filter:brightness(1.15)}#minimap{right:1px;top:1px}#minimap .mbtns button,#minimap .mbtns button:hover{top:3px;width:15px;height:14px;background-image:none}#minimap .mbtns button[title=ช่วยเหลือ]{left:4px}#minimap .mbtns button[title=ยันต์เคลื่อนย้าย]{left:105px}#minimap .mbtns button[title="แสดง / ซ่อนมอนสเตอร์"]{left:128px}#minimap .mbtns .zin{left:13px;top:155px;width:13px;height:13px}#minimap .mbtns .zout{left:143px;top:155px;width:13px;height:13px}#minimap .mbtns button[title=แผนที่ใหญ่]{left:151px;width:12px}#minimap .mxy{position:absolute;left:4px;top:19px;width:90px;height:16px;line-height:16px;text-align:left}#minimap i{position:absolute;width:14px;height:12px;line-height:12px;text-align:center;font-style:normal}#minimap .cN{inset:28px auto auto 82px}#minimap .cE{inset:89px auto auto 150px}#minimap .cS{inset:164px auto auto 82px}#minimap .cW{inset:89px auto auto 8px}#minimap .mname{color:#fff;font-weight:400}#target{left:auto;right:0;top:205px;transform:none;width:176px;height:30px;padding:0;border:0;border-radius:0;background:url(/ref/aui/window_party/show_my_enemy.png) no-repeat;box-shadow:none}#target b{position:absolute;left:5px;top:5px;width:170px;height:18px;line-height:18px;text-align:center;font-weight:400;overflow:hidden;white-space:nowrap}#target .gauge{position:absolute;left:5px;top:24px;width:166px;height:3px;margin:0;border:0;border-radius:0;background:#0009;box-shadow:none}#target .gauge i{background:#d8281a;box-shadow:none}#minibtns{right:1px;top:237px}#pframe{left:1px;top:102px;gap:2px}#pframe .pm>img{order:2}#pframe .pbox b{left:5px;top:5px;width:170px;height:18px;line-height:18px;text-align:center}#pframe .pbox i{left:5px;top:24px}#skillwrap{left:calc(50% - 152px);bottom:14px;transform:none}#skills .sk{top:4px;width:32px;height:32px}#skills .sk:nth-child(1){left:4px}#skills .sk:nth-child(2){left:43px}#skills .sk:nth-child(3){left:82px}#skills .sk:nth-child(4){left:121px}#skills .sk:nth-child(5){left:160px}#skills .sk:nth-child(6){left:199px}#skills .sk:nth-child(7){left:238px}#skills .sk:nth-child(8){left:277px}#skills .sk:nth-child(9){left:316px}#skills .sk:nth-child(10){left:355px}#skills .sk>b{position:absolute;left:0;top:0;z-index:2;height:9px;line-height:9px;font-size:9px;pointer-events:none}#skills .pg{position:absolute;left:393px;top:9px;right:auto;width:8px;height:22px;display:block}#skills .pg i{position:absolute;left:0;top:0;width:8px;height:4px;margin:0;cursor:pointer}#skills .pg i+i{top:18px}#skills .pg:after{content:attr(data-n);position:absolute;left:-1px;top:4px;width:10px;height:13px;line-height:13px;text-align:center;font-size:9px;pointer-events:none}#sysmenu{right:5px;bottom:14px;filter:none}#sysmenu button,#sysmenu button:hover{width:28px;height:28px}#exp{left:50%;bottom:0;transform:translate(-50%);width:98.4375%;height:10px;background:url(/ref/aui/main_ui/exp.png) 0 0 / 100% 100% no-repeat}#exp i{left:calc(100% * 4 / 1008);top:3px;height:4px;background:url(/ref/aui/main_ui/exp_bar.png) 0 0 / 100% 100% no-repeat}#chat{left:1px;bottom:12px;width:350px}#chat .inrow{width:350px;height:24px;margin-top:0;background:url(/ref/aui/window_chat/Chat_type.png) no-repeat}#chat .inrow .tg{display:none}#chat .inrow .ch,#chat .inrow .ch:hover{left:2px;right:auto;top:2px;width:32px;height:20px;background:none}#chatin{left:38px;top:4px;width:306px;height:16px}#entry{--af: 12px "MS Sans Serif", Tahoma, Sarabun, sans-serif}#entry .aw{position:absolute;background:no-repeat;font:var(--af);color:#fff}#entry .atitle{position:absolute;width:404px;height:241px;display:flex;align-items:center;justify-content:center;pointer-events:none;font:700 54px/1 MG Basic2,Tahoma,sans-serif;color:#ffd66a;background:linear-gradient(#fff0b0,#f0a020 60%,#c86410);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #3a1a06;filter:drop-shadow(0 3px 0 #3a1a06) drop-shadow(0 6px 10px rgba(0,0,0,.55))}#entry .asrv{width:511px;height:454px}#entry .abox{width:300px;height:220px}#entry .alist{width:280px;height:486px}#entry .ainfo{width:300px;height:459px}#entry .astart{width:264px;height:60px;padding:0;border:0;cursor:pointer}#entry .astart:hover{background-image:var(--over)!important}#entry .astart.off{filter:grayscale(.7) brightness(.8)}#entry .acreate{width:246px;height:600px}#entry .ajob{width:257px;height:277px}#entry .acolor{width:153px;height:115px}#entry .amsg{width:300px;height:220px;z-index:5}#entry .ahit{position:absolute;padding:0;border:0;background:none no-repeat;cursor:pointer}#entry .ahit:hover,#entry .ahit:active{background-image:var(--over)}#entry .ahit.cell.on{background-image:var(--on)}#entry .atxt{position:absolute;padding-left:3px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.78);line-height:20px;white-space:nowrap;overflow:hidden}#entry .arow{position:absolute;height:19px;padding:0 0 0 6px;border:0;background:none no-repeat;color:#fff;font:var(--af);text-align:left;text-shadow:1px 1px 0 rgba(0,0,0,.78);cursor:pointer}#entry .arow.on,#entry .arow:hover{background-image:var(--sel)}#entry .abox input,#entry .acreate input{position:absolute;width:165px;height:14px;padding:0 2px;border:0;background:transparent;color:#fff;font:var(--af);outline:none}#entry .acreate input{width:107px;height:21px}#entry .amode{position:absolute;left:0;right:0;top:60px;text-align:center;color:#ffe27a;font-weight:700}#entry .aunder{position:absolute;width:240px;display:grid;gap:6px;justify-items:start;padding:8px;background:#0a08068c;border-radius:4px;font:var(--af);color:#fff;text-shadow:1px 1px 0 #000}#entry .aunder .lq{margin:0;min-height:14px;color:#ffe27a}#entry .aunder .lq.err{color:#ff8a7a}#entry .aunder .lreg,#entry .aunder .lrem{margin:0}#entry .aunder a{color:#9fd0ff}#entry .aunder .lreg,#entry .aunder .lrecent,#entry .aunder .lrem,#entry .aunder .lq{position:static!important;transform:none!important;left:auto;top:auto}#entry .lrecent{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}#entry .lrecent .ru{position:relative;padding:2px 18px 2px 8px;border:1px solid #6a5434;border-radius:3px;background:#14100abf;color:#fff;font:var(--af);cursor:pointer}#entry .lrecent .ru i{position:absolute;right:4px;top:1px;font-style:normal;color:#d8a08a}#entry #cslots{position:absolute;left:25px;top:60px;width:230px;height:395px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}#entry #cslots .slot{left:0;width:230px;height:42px;padding:0}#entry #cslots .slot.locked{cursor:default}#entry #cslots .slot i{position:absolute;left:6px;top:5px;width:32px;height:32px;background:no-repeat}#entry #cslots .slot b{position:absolute;left:43px;top:0;width:117px;line-height:42px;font-weight:400;overflow:hidden}#entry #cslots .slot span{position:absolute;left:160px;top:0;width:71px;line-height:42px;text-align:center}#entry .acreate canvas{position:absolute;left:0;top:0;pointer-events:none}#entry .aico{position:absolute;left:102px;top:239px;width:32px;height:32px;background:no-repeat}#entry .asw{position:absolute;left:103px;top:284px;width:32px;height:14px}#entry .adesc{position:absolute;left:41px;top:104px;width:166px;height:115px;margin:0;color:#fff;text-shadow:1px 1px 0 #000;line-height:17px}#entry .ajob .soon{position:absolute;width:54px;height:54px;background:no-repeat}#entry .acolor .asel{position:absolute;width:36px;height:26px;padding:0;border:1px solid #2a1a0a;cursor:pointer}#entry .acolor .asel.on,#entry .acolor .asel:hover{outline:2px solid #ffe27a}#entry .amsg p{position:absolute;left:20px;top:60px;width:259px;height:115px;margin:0;display:grid;place-items:center;text-align:center;white-space:pre-line;color:#fff;text-shadow:1px 1px 0 #000}#entry .aunder .lrecent{width:auto;height:auto;padding:0;border:0;background:none;box-shadow:none}#entry .aunder .lrecent:empty{display:none}#entry .arow.chn i{position:absolute;top:5px;width:3px;height:10px;background:no-repeat}#entry .arow.chn em{position:absolute;left:203px;font-style:normal;color:#ff3232}#wset.setart .setside{top:58px}#wset.setart .setside .sys:nth-last-child(2){top:285px}#wset.setart .setside .sys:last-child{top:313px}#wset.setart .srad{width:13px;height:13px;border-radius:0}#wset.setart .srad.on{background:url(/ref/aui/etc/system_select.png) no-repeat}#wset.setart .srad.off,#wset.setart .sline.off{position:absolute;cursor:help;opacity:.45}#wset.setart .srad.off{background:#3c3c3c99;border-radius:50%}#wset.setart .sline.off{height:10px;background:repeating-linear-gradient(90deg,rgba(80,80,80,.6) 0 4px,transparent 4px 8px)}#wset.setart .spct{position:absolute;left:175px;top:225px;width:37px;height:15px;line-height:15px;text-align:right;color:#fff;font-size:11px;text-shadow:1px 1px 0 #000}#wset.setart .setfoot{top:380px}#wset.setart .setfoot button:nth-child(1){left:107px;width:60px}#wset.setart .setfoot button:nth-child(2){left:183px;width:60px}#wset.setart .setfoot button:nth-child(3){left:259px;width:60px}#log.big{font-size:14px}#wnpc.gwin.npcart{height:510px!important;pointer-events:none}#wnpc.npcart>*{pointer-events:auto}#wnpc.npcart .gtitle{display:none}#wnpc.npcart .gbody{position:absolute;inset:0;margin:0}#wnpc.npcart .nsay{position:absolute;left:0;top:0;width:250px;height:189px;min-height:0;max-height:none;margin:0;padding:18px 20px 31px;overflow:hidden;background:url(/ref/aui/npc_communication/npcinteraction_textbox.png) no-repeat;cursor:pointer;scroll-behavior:auto}#wnpc.npcart .nnext{position:absolute;left:222px;top:140px;width:16px;height:16px;background:url(/ref/aui/npc_communication/npcinteraction_next1.png) no-repeat;animation:nnext 1s steps(1) infinite;pointer-events:none}@keyframes nnext{50%{background-image:url(/ref/aui/npc_communication/npcinteraction_next2.png)}}#wnpc.npcart .nmenu{position:absolute;left:26px;top:230px;width:200px;height:225px;max-height:none;display:block;overflow-y:auto;scrollbar-width:none}#wnpc.npcart .nmenu button,#wnpc.npcart .nmenu .qb{display:block;width:200px;height:35px;margin:0 0 10px;padding:0 8px;background:url(/ref/aui/npc_communication/npcinteraction_button2.png) 0 0 / 200px 35px no-repeat;color:#aaa;text-align:center;text-shadow:1px 1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wnpc.npcart .nmenu button:hover,#wnpc.npcart .nmenu .qb:hover{background-image:url(/ref/aui/npc_communication/npcinteraction_button1.png);color:#fff}#wnpc.npcart .bye{position:absolute;left:26px;top:460px;width:200px;height:50px;padding:0;border:0;background:url(/ref/aui/npc_communication/npcinteraction_exit1.png) no-repeat;color:#aaa;font:12px MG Basic2,Arial,Tahoma,sans-serif;text-shadow:1px 1px 0 #000;cursor:pointer}#wnpc.npcart .bye:hover{color:#fff}#whw .tab{top:61px}#whw .whGrid{left:42px;top:85px}#whw .whG{left:41px;top:436px;width:140px;height:17px;line-height:17px}#whw .x{left:258px;right:auto;top:26px}#wnpc.npcart .nmenu button,#wnpc.npcart .nmenu .qb,#wnpc.npcart .bye{color:#2e1a08;text-shadow:none}#wnpc.npcart .nmenu button:hover,#wnpc.npcart .nmenu .qb:hover,#wnpc.npcart .bye:hover{color:#000}#wchar .pg .pf.c{text-align:center;padding:0;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.78)}#wchar .pg .pgg{position:absolute;left:102px;height:10px;background:0 0 / 181px 10px no-repeat}#wtrade{position:absolute;width:280px;height:475px;z-index:22;background:no-repeat;pointer-events:auto}#wtrade[hidden]{display:none}#wtrade .tx{position:absolute;left:258px;top:26px;width:11px;height:12px;padding:0;border:0;background:url(/ref/aui/etc/close_normal.png) no-repeat;cursor:pointer}#wtrade .tx:active{background-image:url(/ref/aui/etc/close_click.png)}#wtrade .tlab{position:absolute;height:17px;line-height:17px;overflow:hidden;white-space:nowrap;font:13px "MS Sans Serif",Tahoma,sans-serif;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.78)}#wtrade .tlab.c{text-align:center}#wtrade .tlab.r{text-align:right}#wtrade .tbox{position:absolute;width:32px;height:32px}#wtrade .tlog{position:absolute;left:27px;top:217px;width:245px;height:68px;overflow-y:auto;font:12px/15px "MS Sans Serif",Tahoma,sans-serif;color:#fff;background:#1e1e1e96}#wtrade .tgslot{position:absolute;left:32px;top:436px;width:133px;height:20px;padding:0;border:0;background:none;cursor:pointer}#wtrade .tok{position:absolute;left:213px;top:436px;width:34px;height:18px;padding:0;border:0;background:none;cursor:pointer}#wtrade .tok:hover:not(:disabled){background:url(/ref/aui/etc/initiation_ok_over.png)}#wtrade .tok:active:not(:disabled){background:url(/ref/aui/etc/initiation_ok_click.png)}#wtrade .tdone{position:absolute;left:213px;width:34px;height:18px;pointer-events:none;background:url(/ref/aui/etc/initiation_ok_over.png)}#wtrade .tdone.mine{top:436px}#wtrade .tdone.their{top:211px}.tsys{position:absolute;top:95px;width:300px;height:220px;z-index:60;background:no-repeat;pointer-events:auto}.tsys p{position:absolute;left:20px;top:60px;width:259px;height:115px;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font:13px/17px "MS Sans Serif",Tahoma,sans-serif;color:#fff}.tsys .tsb{position:absolute;top:178px;width:60px;height:18px;padding:0;border:0;background:none;cursor:pointer}.tsys .tcnt{position:absolute;left:88px;top:117px;width:166px;height:19px;padding:0 4px;border:0;background:transparent;color:#fff;font:13px Tahoma,sans-serif;text-align:right}#wshop .bback{position:absolute;left:275px;top:36px;width:60px;height:427px;background:no-repeat;pointer-events:auto}#wshop .bback .sbox{position:absolute;width:32px;height:32px;cursor:grab}#wshop .bback .bbup,#wshop .bback .bbdn{position:absolute;left:18px;width:24px;height:24px;padding:0;border:0;cursor:pointer;background:url(/ref/aui/window_raid/upbutton_none.png) no-repeat}#wshop .bback .bbup{top:14px}#wshop .bback .bbup:active{background-image:url(/ref/aui/window_raid/upbutton_click.png)}#wshop .bback .bbdn{top:389px;background-image:url(/ref/aui/window_raid/downbutton_none.png)}#wshop .bback .bbdn:active{background-image:url(/ref/aui/window_raid/downbutton_click.png)}#wshop .bback button:disabled{opacity:.45;cursor:default}#wcomm.artwin .gx,#wcomm.commart .gx{left:490px;right:auto;top:26px;width:11px;height:12px;background:url(/ref/aui/etc/close_normal.png) no-repeat;color:transparent}#wcomm.commart .gx:active{background-image:url(/ref/aui/etc/close_click.png)}#petw .ptab{height:25px!important;width:118px!important;background:var(--n) no-repeat!important}#petw .ptab.on,#petw .ptab:active{background-image:var(--p)!important}#petw .pf.c{left:120px;width:133px;height:15px;line-height:15px;padding:0;text-align:center;font:13px "MS Sans Serif",Tahoma,sans-serif;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.78)}#petw .pf.pfS.c{left:120px;width:38px}#petw .pf.pfS2.c{left:215px;width:38px;font-size:13px}#petw .pgg{position:absolute;left:121px;width:132px;height:9px}#petw .pgg i{display:block;height:100%;background:no-repeat 0 0 / 132px 9px}#petw .pRoyal{position:absolute;left:298px;top:76px;width:16px;height:16px;background:no-repeat}#petw .pThumb{left:261px!important;top:60px!important;width:30px!important;height:30px!important}#petw .pu,#petw .pu.on{color:#7878ff;font:13px/15px "MS Sans Serif",Tahoma,sans-serif;text-align:center;padding:0}#pframe{display:block!important;left:1px!important;top:102px!important;width:230px!important}#pframe[hidden]{display:none!important}#pframe .pbox{position:relative;width:194px;height:30px;margin:0;background:url(/ref/aui/window_party/party_box.png) no-repeat;pointer-events:auto}#pframe .pbox b{position:absolute;left:5px;top:5px;width:170px;height:18px;line-height:18px;text-align:center;font:13px "MS Sans Serif",Tahoma,sans-serif;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.78)}#pframe .pbox.lead b{color:#ff0}#pframe .pbox i{position:absolute;left:5px;top:24px;height:4px;background:url(/ref/aui/window_party/party_gage.png) no-repeat}#pframe .pbox .pcrown{position:absolute;left:194px;top:4px;width:16px;height:16px;background:url(/ref/aui/royalty7.png) no-repeat}#pframe .pbox .phead{position:absolute;left:177px;top:10px;width:10px;height:11px;padding:0;border:0;background:url(/ref/aui/main_ui/head_button.png) no-repeat;cursor:pointer}.ppop{position:absolute;z-index:45;width:100px;background:no-repeat;pointer-events:auto}.ppop[hidden]{display:none}.ppop .pr{position:absolute;padding:0;border:0;background:none;cursor:pointer}.ppop .pr:hover:not(:disabled),.ppop .pr.on{background:var(--sel) no-repeat}.ppop .pr:disabled{cursor:default}.warpl{position:absolute;width:310px;height:360px;z-index:30;background:no-repeat;pointer-events:auto}.warpl[hidden]{display:none}.warpl .wlx{position:absolute;left:288px;top:11px;width:11px;height:12px;padding:0;border:0;background:url(/ref/aui/etc/close_normal.png) no-repeat;cursor:pointer}.warpl .wlrow{position:absolute;left:23px;width:263px;height:17px;padding:0;border:0;background:none;text-align:center;font:13px "MS Sans Serif",Tahoma,sans-serif;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.78);cursor:pointer}.warpl .wlrow:hover{background:#ffffff26}.pnote{position:absolute;width:300px;height:350px;z-index:60;background:no-repeat;pointer-events:auto}.pnote textarea{position:absolute;left:50px;top:95px;width:200px;height:120px;padding:2px;border:0;resize:none;background:transparent;color:#fff;font:13px "MS Sans Serif",Tahoma,sans-serif}.pnote .pncount{position:absolute;left:45px;top:232px;width:40px;height:14px;text-align:right;color:#fff;font:12px Tahoma,sans-serif}.pnote .tsb{position:absolute;top:308px;width:60px;height:18px;padding:0;border:0;background:none;cursor:pointer}#pframe .ptab{position:relative;display:block;width:70px;padding:0;border:0;background:no-repeat;cursor:pointer;pointer-events:auto}#pframe .ptab.pclose{height:15px;background-image:url(/ref/aui/window_party/party_box_close.png)}#pframe .ptab.pclose:hover{background-image:url(/ref/aui/window_party/party_box_close_over.png)}#pframe .ptab.popen{height:43px;background-image:url(/ref/aui/window_party/party_box_open.png)}#pframe .ptab.popen:hover{background-image:url(/ref/aui/window_party/party_box_open.png),url(/ref/aui/window_party/party_box_open_over.png);background-position:0 0,0 28px}#pframe .ptab.popen img{position:absolute;top:2px;width:26px;height:26px}#petw .pMg{width:32px!important;height:32px!important;background-size:32px 32px!important}#petw .pLearn{position:absolute;width:12px;height:32px;padding:0;border:0;background:url(/ref/aui/etc/mugong_btn_learn.png) no-repeat;cursor:pointer}#petw .pLearn:hover{background-image:url(/ref/aui/etc/mugong_btn_learn_ok.png)}#winv .slot.eq .acount{position:absolute;left:0;top:8px;width:100%;text-align:center;font:13px "MS Sans Serif",Tahoma,sans-serif;color:#fff;text-shadow:1px 1px 0 #000;pointer-events:none}#skills .sk .qact{position:absolute;inset:0;background:no-repeat center / 32px 32px}#minimap .mbtns .zin,#minimap .mbtns .zout{z-index:3;background:no-repeat center!important}#minimap .mbtns .zin{background-image:url(/ref/aui/minimap_+.png)!important}#minimap .mbtns .zout{background-image:url(/ref/aui/minimap_-.png)!important}.gtip.item{max-width:none;padding:6px 4px 3px;border:0;border-radius:0;background:#000000b4;box-shadow:none;outline:1px solid rgba(255,255,255,.51);outline-offset:-2px;box-sizing:content-box}.gtip.item .itip>div{font-size:13px;line-height:15px;height:15px;text-align:center;white-space:pre;text-shadow:1px 1px 0 #000}#winv.gwin.invart.aux{background-image:url(/ref/aui/window_inven/window_inventory_bag02.png)}#winv .bag{position:relative}#winv .bag:after{content:"";position:absolute;right:-6px;top:calc(var(--sb, 0) * 50%);width:3px;height:50%;background:#e6c88c8c;border-radius:2px;pointer-events:none}@keyframes atitlein{0%{opacity:0}to{opacity:1}}#entry .atitle:not([hidden]){animation:atitlein 1.28s linear}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}img{-webkit-user-drag:none}.lab.item .n{color:#fff;font-size:12px}#loading{position:fixed;inset:0;z-index:9000;background:#000 url(/ref/loading/bg.jpg) center / contain no-repeat}#loading .ldbar{position:absolute;left:50%;bottom:6%;width:300px;height:40px;transform:translate(-50%) scale(1.4);background:url(/ref/loading/bar.png)}#loading .ldbar:before{content:"";position:absolute;left:63px;top:10px;width:175px;height:20px;background:#06121c}#loading .ldbar i{position:absolute;left:63px;top:10px;height:20px;background:linear-gradient(90deg,#0a6fd6,#1aa58c)}#loading .ldbar span{position:absolute;left:63px;top:10px;width:175px;line-height:20px;text-align:center;color:#fff;font:700 12px Sarabun,sans-serif;text-shadow:0 0 3px #000}#entry .areg{width:260px;gap:5px}#entry .areg>*{position:static!important;transform:none!important;width:100%;box-sizing:border-box}#entry .areg .rt{color:#ffe27a;font-weight:700;font-size:15px;margin-bottom:2px}#entry .areg label{display:grid;gap:2px}#entry .areg small{color:#d8c8a0;font-size:11px}#entry .areg input{width:100%;box-sizing:border-box;height:20px;padding:0 4px;border:1px solid #6b5a3a;background:#120e0a;color:#fff;font:var(--af);position:static}#entry .areg .rbtns{display:flex;gap:8px;margin-top:4px}#entry .areg .rbtns button{flex:1;height:24px;border:1px solid #8a6a2a;border-radius:3px;font:700 13px Sarabun,Tahoma,sans-serif;cursor:pointer}#entry .areg .rok{background:#e2b457;color:#1a1208}#entry .areg .rcancel{background:#2a2018;color:#ffe27a}#entry .akey{left:50%;top:50%;width:235px;height:253px;transform:translate(-50%,-50%);z-index:6}#entry .akey input{position:absolute;width:124px;height:20px;padding:0 4px;border:0;background:transparent;color:#fff;font:700 14px monospace;letter-spacing:4px;text-align:center;outline:none}#hud>.gtip{pointer-events:none}.tsys .tval{position:absolute;left:88px;width:166px;height:19px;line-height:19px;padding:0 4px;color:#fff;font:13px Tahoma,sans-serif;text-align:right}.lab.gm:before{content:"";display:block;width:22px;height:24px;margin:0 auto 1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 24'%3E%3Cpath d='M11 1 20 4.5v7c0 5.5-4 9.5-9 11.5-5-2-9-6-9-11.5v-7z' fill='%23e2b457' stroke='%233a2208' stroke-width='1.5'/%3E%3Ctext x='11' y='15.5' text-anchor='middle' font-family='Arial' font-weight='700' font-size='9' fill='%233a2208'%3EGM%3C/text%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 1px 1px #000)}#notice{position:fixed;left:0;top:0;width:100%;height:100px;pointer-events:none;z-index:0;overflow:hidden}#notice:before{content:"";position:absolute;inset:0;background:var(--band) no-repeat center top / 100% 100px;opacity:.45}#notice[hidden]{display:none}#notice span{position:absolute;top:34px;left:0;white-space:nowrap;color:#ffe24a;font:700 18px/24px Sarabun,Tahoma,sans-serif;text-shadow:1px 1px 0 #000,0 0 6px #000;transform:translate(100vw)}@keyframes noticeRun{0%{transform:translate(100vw)}to{transform:translate(-100%)}}