html.server-hud #dialog{inset:0;pointer-events:auto;align-items:flex-end;padding:8px 8px min(120px,20vh)}@media (max-width:700px){html.server-hud #dialog{padding-bottom:8px}}#render-fps{display:block;padding:3px 1px;color:#f7e2b5;background:#14110ee8;font:9px/1.3 ui-monospace,monospace;white-space:nowrap;text-align:center;pointer-events:none}#minimap .mm-coords{text-align:center;font:10px/1.2 system-ui;color:#e8dcc4}#minimap .mm-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#avatar{padding:0}#joy[hidden]{display:none!important}#joy.disabled{opacity:.4;pointer-events:none}#mwheel button:disabled{opacity:.55}#minimap canvas{width:132px;height:82px;cursor:default}#hotbar{display:flex;max-width:70vw;overflow:auto}#mobile-menu-camera:empty{display:none}.pop-close{display:none}@media (pointer:fine) and (min-width:761px){html.server-hud body.nav-open header nav>.pop-close{display:block!important;position:absolute!important;top:8px;right:8px;width:30px;height:30px;min-height:0!important;padding:0!important;border:1px solid var(--wux-gold-rim, #b8913a)!important;border-radius:50%!important;background:#040c0eb3!important;color:var(--wux-gold, #f3d27a)!important;font:700 0/1 system-ui!important;cursor:pointer}html.server-hud body.nav-open header nav>.pop-close:after{content:"✕";display:block;font:700 15px/28px system-ui}html.server-hud body.nav-open header nav>.pop-close:hover{border-color:#ff8a7a!important;color:#fff!important;background:#962323cc!important}}html.server-hud [hidden]{display:none!important}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.server-hud #actions button{min-width:44px;width:44px;min-height:44px;height:44px;padding:0;text-align:center}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{top:calc(150px + var(--st))}html.server-hud #chat-in{display:flex}html.server-hud body.chat-min #chat,html.server-hud body.chat-min #chat-in{display:none}html.server-hud body.nav-open header nav,html.server-hud body.dock-open #dock{display:flex}html.server-hud body.nav-open header nav .pop-close,html.server-hud body.dock-open #dock .pop-close{display:block;min-height:44px}html.server-hud #dock .npcsearch{width:100%}html.server-hud #dock #npc-list{position:relative;max-height:40dvh}html.server-hud #side{min-width:0}}@media (pointer:coarse) and (max-width:1400px) and (max-height:500px) and (orientation:landscape),(max-width:760px) and (max-height:500px) and (orientation:landscape){html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{top:calc(132px + var(--st))}}@media (pointer:coarse) and (max-width:1400px) and (orientation:portrait),(max-width:760px) and (orientation:portrait){html.server-hud #actions{max-width:96px}}html.server-hud #win{z-index:160}html.server-hud #win .box.win{min-height:0;max-height:calc(100dvh - 16px);background:linear-gradient(145deg,#252117,#121b1a);color:#f3e7c4;border:1px solid #b89a52}html.server-hud #win-body{min-height:0;overscroll-behavior:contain;touch-action:pan-y}html.server-hud #win button{min-height:44px;touch-action:manipulation}.character-tabs{display:flex;gap:8px}.character-tabs [aria-pressed=true]{border-color:#edc875;background:#61502b}.character-layout{display:grid;grid-template-columns:minmax(190px,1fr) 2fr;gap:18px}.gear-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.gear-card{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #6d5b36;border-radius:6px;background:#191b17;min-width:0;overflow-wrap:anywhere}.gear-card small{color:#b8aa8c}.gear-card p{margin:0;font-size:12px;white-space:pre-line}.gear-card.empty{border-style:dashed}.gear-option{color:#8ed0a1}.gear-requirement{color:#f1ab8d}.gear-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.attribute-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #574b32}.attribute-row span{flex:1}.combat-stats{display:grid;grid-template-columns:1fr auto;gap:8px}.combat-stats dd{margin:0;text-align:right}@media (max-width:500px){.character-layout{grid-template-columns:1fr}.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#entry .ent-look{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}#entry .ent-look label{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid #7a6a3c;border-radius:8px;background:#00000059;color:#f3e7c4;font-size:14px;text-transform:none;letter-spacing:0;cursor:pointer}#entry .ent-look label:has(input:checked){border-color:#f0c860;box-shadow:0 0 0 2px #f0c86040}#entry .ent-look input{width:auto;padding:0;margin:0;accent-color:#d9a441}#win-body .gm-form{display:flex;flex-direction:column;gap:10px;width:100%}#win-body .gm-form>p{margin:0;color:#e8dcc4}#win-body .gm-form fieldset{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;width:100%;box-sizing:border-box;margin:0;border:1px solid #6b5734;border-radius:8px;padding:8px 10px}#win-body .gm-form legend{color:#d9a441;padding:0 4px}#win-body .gm-form label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#cbbf9f}#win-body .gm-form input,#win-body .gm-form select{width:96px;min-height:34px;box-sizing:border-box;background:#0006;border:1px solid #7a6a3c;border-radius:6px;color:#f3e7c4;padding:4px 6px}#win-body .gm-form select{width:min(320px,70vw)}#win-body .gm-form button{min-height:34px;padding:6px 12px;border:1px solid #e4bd69;border-radius:6px;background:linear-gradient(180deg,#e9c46a,#a8741f);color:#2b1c05;font-weight:700;cursor:pointer}#win-body .char-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid #6b5734;border-radius:8px;color:#e8dcc4}#win-body .char-row em{color:#9fd3a0;font-style:normal}#win-body .char-row button{min-height:32px;padding:4px 12px;border:1px solid #e4bd69;border-radius:6px;background:linear-gradient(180deg,#e9c46a,#a8741f);color:#2b1c05;font-weight:700;cursor:pointer}#win-body .land fieldset{flex-direction:column;align-items:stretch}#win-body .land .char-row{justify-content:space-between}#win-body .land .char-row button:disabled{opacity:.45;cursor:not-allowed}#win-body .character-layout>*{background:#00000047;color:#e8dcc4;border-radius:8px}#win-body .character-layout h3,#win-body .character-layout h4{color:#d9a441}#win-body .attribute-row span,#win-body .combat-stats,#win-body .combat-stats *{color:#e8dcc4}#win-body button:not(:disabled){background:linear-gradient(180deg,#e9c46a,#a8741f);color:#2b1c05;border:1px solid #e4bd69;font-weight:700}#win-body button:disabled{background:#3a3326;color:#9c927c;border:1px solid #5a4f3a}#win-body .character-tabs button[aria-pressed=true]{background:#61502b;color:#f3e7c4;border-color:#edc875}@media (max-height:560px) and (orientation:landscape) and (pointer:coarse){html.server-hud .fwin{inset:auto!important;top:calc(6px + var(--st, 0px))!important;bottom:auto!important;height:auto!important;max-height:calc(100dvh - 12px)!important;width:auto!important;border-radius:10px!important}html.server-hud #fchar{left:calc(6px + var(--sl, 0px))!important;max-width:min(600px,calc(100vw - 12px))!important}html.server-hud #fbag{right:calc(6px + var(--sr, 0px))!important;left:auto!important;max-width:min(420px,calc(100vw - 12px))!important}html.server-hud .fwin .win-head{font-size:14px;padding:3px 8px}html.server-hud .fwin .win-head button{min-height:28px!important;min-width:32px!important;font-size:15px!important;padding:0!important}html.server-hud .fwin .fbody{padding:6px!important}html.server-hud #eq-root{flex-direction:row!important;gap:6px}html.server-hud #fchar .jx-side{width:62px;min-width:62px;gap:4px}html.server-hud #fchar .jx-side button{font-size:11px;padding:5px 2px;min-height:0}html.server-hud #fchar .jx-slot{width:36px!important;height:36px!important;min-width:0}html.server-hud #fchar .jx-slot em{font-size:7px;line-height:1.05}html.server-hud #fchar .jx-col{gap:3px}html.server-hud #fchar .jx-pair{gap:2px}html.server-hud #fchar .jx-stage{gap:4px;padding:4px}html.server-hud #jx-prev{height:min(210px,calc(100dvh - 120px))!important;width:auto}html.server-hud #fchar .jx-foot,html.server-hud #fchar .jx-lines{font-size:11px;line-height:1.35}html.server-hud #fchar .jx-foot label{gap:3px}html.server-hud #fchar .jx-foot input{width:14px;height:14px}html.server-hud #fbag .jx-bagtop{gap:5px;flex-wrap:nowrap}html.server-hud #fbag .jx-grid .jx-slot{width:34px!important;height:34px!important}html.server-hud #fbag .jx-bagtabs button{width:30px;height:44px;font-size:12px;padding:0}html.server-hud #fbag .jx-bagtabs span{font-size:12px}html.server-hud #fbag .jx-menu{gap:4px;min-width:0}html.server-hud #fbag .jx-menu button{font-size:11px;padding:5px 6px;min-height:0;height:32px}html.server-hud #fbag .jx-money{font-size:11px;gap:4px;margin-top:4px}html.server-hud #fbag .jx-money>div{padding:3px 6px;font-size:11px}html.server-hud #fbag .jx-info{font-size:11px;padding:5px 7px;margin-top:4px}html.server-hud #fbag .jx-btns button{font-size:11px;padding:3px 8px;min-height:0}html.hud-skin.server-hud #side{right:auto!important;width:min(260px,31vw)!important;height:54px!important}html.server-hud #side #chat{font-size:10px}html.server-hud #chat-in{min-height:22px!important}html.server-hud #chat-in select,html.server-hud #chat-in input{font-size:11px!important;min-height:20px!important;padding:0 4px!important}html.server-hud #chat-in select{width:52px;flex:none}}#net-ping{display:block;font:11px/1.2 ui-monospace,Menlo,monospace;text-align:center;margin-top:1px}#net-ping[data-level=good]{color:#7fe09a}#net-ping[data-level=ok]{color:#f2c94c}#net-ping[data-level=bad]{color:#ff7a66}.btn-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 2px #000a);transition:transform .12s ease-out,filter .12s}#sysdock button.has-art{padding:2px}#sysdock button.has-art .btn-art{width:34px;height:34px}#sysdock button.has-art:hover .btn-art{transform:scale(1.08)}html.server-hud #actions button.has-art,html.hud-skin #actions button.has-art{padding:2px;text-align:center}#actions button.has-art .btn-art{width:24px;height:24px}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){#actions button.has-art .btn-art{width:38px;height:38px}}#actions button.has-art:not(.on) .btn-art{filter:drop-shadow(0 1px 2px #000a) saturate(.75) brightness(.85)}#actions button.has-art.on{box-shadow:0 0 0 2px #ffd23a,0 0 10px #ffd23a88}#actions button.has-art:active .btn-art,#sysdock button.has-art:active .btn-art{transform:scale(.92)}.mobile-menu-grid .btn-art{flex:none;width:33px;height:33px}@media (prefers-reduced-motion:reduce){.btn-art{transition:none}}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin.server-hud :is(#actions,#mdock,#mobile-menu-panel) .btn-art.classic-art{border-radius:0}}#mdock,.mobile-pickup{display:none}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin #mdock{display:flex;position:absolute;z-index:9;gap:6px;top:calc(6px + var(--st));right:calc(156px + var(--sr))}html.hud-skin #mdock button{width:48px;height:48px;padding:3px;border-radius:50%;border:1px solid var(--rim);background:radial-gradient(circle at 50% 35%,#3a2d18e6,#140f09e6);box-shadow:0 2px 6px #0009;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html.hud-skin #mdock button:active .btn-art{transform:scale(.9)}html.hud-skin body.mobile-menu-open #mdock{visibility:hidden}}@media (pointer:coarse) and (max-width:1400px) and (orientation:portrait),(max-width:760px) and (orientation:portrait){html.hud-skin #mdock{flex-direction:column;top:calc(204px + var(--st));right:calc(8px + var(--sr))}}#stage .gl{image-rendering:auto}#fchar.pcm{--s:clamp(28px, calc((100dvh - 200px) / 7.6), 46px);background:linear-gradient(180deg,#123f3d,#0b2b2a);border:2px solid #b8913a;color:#d7e7da}#fchar.pcm .win-head{background:linear-gradient(180deg,#1f5e5a,#123f3d);border-bottom:1px solid #b8913a;padding:2px 4px 2px 10px;min-height:0}#fchar.pcm .win-head b{flex:1;font:700 16px/1.2 Georgia,serif;color:#f3d27a}html.server-hud #fchar.pcm .win-head button{width:34px;height:34px;min-width:0!important;min-height:0!important;padding:0!important;margin-left:4px;border:1px solid #9fb9b0;border-radius:4px;background:linear-gradient(180deg,#3b6c66,#1d413e);color:#e9f3ec;font:700 16px/1 system-ui!important}html.server-hud #fchar.pcm .fbody{padding:6px!important}#fchar.pcm .pc-tabs{display:flex;gap:3px;border-bottom:1px solid #3f6a64;margin-bottom:6px}#fchar.pcm .pc-tabs button{flex:1;min-height:34px;padding:4px 8px;border:1px solid #3f6a64;border-bottom:0;border-radius:6px 6px 0 0;background:#183f3c;color:#d7e7da;font:600 13px Georgia,serif;white-space:nowrap;touch-action:manipulation}#fchar.pcm .pc-tabs button.on{background:linear-gradient(180deg,#2b5c57,#183f3c);color:#f3d27a}#fchar.pcm .pc-body{display:grid;gap:6px;grid-template-columns:minmax(0,1fr);grid-template-areas:"gear" "row" "foot"}#fchar.pcm .pc-body.tab-info,#fchar.pcm .pc-body.tab-pot{grid-template-columns:minmax(0,1fr);grid-template-areas:"stats"}#fchar.pcm .tab-info :is(.pc-gear,.pc-row,.pc-foot),#fchar.pcm .tab-pot :is(.pc-gear,.pc-row,.pc-foot){display:none!important}#fchar.pcm .tab-equip .pc-stats,#fchar.pcm .tab-info :is(.info,.pot),#fchar.pcm .tab-pot .pc-news{display:none!important}#fchar.pcm .tab-pot .pc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto 1fr;align-items:start;gap:5px 8px;min-width:calc(var(--s) * 13)}#fchar.pcm .tab-pot .pc-box.info{display:block}#fchar.pcm .tab-pot .vit{grid-column:1;grid-row:1}#fchar.pcm .tab-pot .cmb{grid-column:1;grid-row:2 / 4}#fchar.pcm .tab-pot .attrs{grid-column:2;grid-row:1 / 3}#fchar.pcm .tab-pot .r.pot{grid-column:2;grid-row:3}@media (max-height:560px) and (orientation:landscape) and (pointer:coarse){#fchar.pcm .tab-pot .pc-box.info .r{min-height:19px;font-size:12px}}#fchar .pt-quick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;gap:8px;width:min(260px,calc(100% - 24px));padding:12px;border:2px solid #b8913a;border-radius:8px;background:linear-gradient(180deg,#1f5e5a,#0b2b2a);box-shadow:0 8px 24px #0009;color:#e9f3ec;font:14px Georgia,serif}#fchar .pt-quick b{color:#f3d27a}#fchar .pt-quick small{color:#bfe0c9}#fchar .pt-quick div{display:flex;gap:6px}#fchar .pt-quick input{flex:1;min-width:0;min-height:40px;font-size:18px;text-align:center;border:1px solid #9fb9b0;border-radius:4px;background:#0a2423;color:#fff}#fchar .pt-quick button{min-width:40px;min-height:40px;padding:0 10px;border:1px solid #9fb9b0;border-radius:4px;background:linear-gradient(180deg,#3b6c66,#1d413e);color:#e9f3ec;font:700 14px system-ui}#fchar .pt-quick button[type=submit]{flex:1;background:linear-gradient(180deg,#e9c46a,#a8741f);color:#2b1c05;border-color:#e4bd69}#fchar .pt-quick div:last-child button[data-q=cancel]{flex:1}#fchar.pcm .pc-stats{grid-area:stats;display:flex;flex-direction:column;gap:5px;min-width:calc(var(--s) * 10.6);max-height:calc(var(--s) * 8 + 40px);overflow:auto;overscroll-behavior:contain}#fchar.pcm .pc-box{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}#fchar.pcm .pc-box{background:#0416158c;border:1px solid #2f5752;border-radius:4px;padding:3px 7px}#fchar.pcm .pc-stats .r{display:flex;align-items:center;gap:5px;min-height:21px;font:13px/1.2 Georgia,serif}#fchar.pcm .pc-stats .r span{flex:1;color:#bfe0c9;white-space:nowrap}#fchar.pcm .pc-stats .r b{color:#e9f3ec;font-weight:600;white-space:nowrap}#fchar.pcm .pc-stats .r b.hp{color:#ff6b5b}#fchar.pcm .pc-stats .r b.mp{color:#8fb4ff}#fchar.pcm .pc-stats .r b i{color:#f3d27a;font-style:normal}#fchar.pcm .pc-stats .attrs .r{min-height:36px}#fchar.pcm .pc-stats .attrs button{width:32px;height:32px;padding:0;min-height:0;border:1px solid #9fb9b0;border-radius:4px;background:#2b5c57;color:#fff;font:700 16px/1 system-ui;touch-action:manipulation}#fchar.pcm .pc-stats .attrs button:disabled{opacity:.35}#fchar.pcm .pc-stats .attrs button[aria-label^=Giảm]{display:none}#fchar.pcm .pc-box.attrs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}#fchar.pcm .pc-stats .attrs .r{min-width:0}#fchar.pcm .pc-stats .attrs .r span{min-width:0;overflow:hidden;text-overflow:ellipsis}#fchar.pcm .pc-stats .attrs .r button{flex:none}#fchar.pcm .pc-stats .r.pot{padding:2px 7px}#fchar.pcm .pc-stats .r.pot b{color:#f3d27a}#fchar.pcm .pc-gear{grid-area:gear;display:flex;gap:5px;min-width:0}#fchar.pcm .pc-col,#fchar.pcm .pc-row{display:flex;flex-direction:column;gap:3px}#fchar.pcm .pc-row{grid-area:row;flex-direction:row;justify-content:space-between}#fchar.pcm .pc-row .jx-slot{flex:none}html.server-hud #fchar.pcm .jx-slot{width:var(--s)!important;height:var(--s)!important;min-width:0;background:#0f2f2e;border:1px solid #52706a;border-radius:3px;box-shadow:inset 0 0 6px #0009}#fchar.pcm .jx-slot.full{border-color:#b8913a}#fchar.pcm .jx-slot em{font-size:7px;line-height:1.05;color:#88a9a2}#fchar.pcm .pc-model{position:relative;flex:1;min-height:0;min-width:calc(var(--s) * 3.4);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#1d4a46,#0d2b2a 70%);border:1px solid #2f5752;border-radius:4px}html.server-hud #fchar.pcm #jx-prev{height:calc(var(--s) * 7 + 14px)!important;width:auto;max-width:100%;object-fit:contain}#fchar.pcm .pc-foot{grid-area:foot;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:4px 8px;background:#0416158c;border:1px solid #2f5752;border-radius:4px;font:12px/1.3 Georgia,serif}#fchar.pcm .pc-foot span{color:#f3d27a}#fchar.pcm .pc-foot b{color:#e9f3ec;font-weight:600}#fchar.pcm .pc-foot label{margin-left:auto;display:flex;align-items:center;gap:4px;color:#bfe0c9}#fchar .pc-model{position:relative}#fchar .pc-anqi{position:absolute;left:4px;bottom:4px;z-index:1}html body #fchar .pc-anqi .jx-slot.jx-slot{width:calc(var(--s, 56px) * .82)!important;height:calc(var(--s, 56px) * .82)!important}#fchar .pc-fz{position:absolute;right:6px;bottom:6px;z-index:1;display:flex;margin:0}#fchar .pc-fz input{width:18px;height:18px;margin:0;accent-color:#b8913a}html body #fchar .jx-slot.sil.sil.sil.sil.sil{position:relative}html body #fchar .jx-slot.sil.sil.sil.sil.sil:after{content:"";position:absolute;inset:9%;background:var(--sil) center / contain no-repeat;opacity:.62;pointer-events:none}html body #fchar .jx-slot.sil.sil.sil.sil.sil:before{display:none!important}#fchar .pc-body.news>:is(.pc-gear,.pc-row,.pc-foot,.pc-stats){display:none!important}#fchar .pc-body.news{grid-template-columns:minmax(0,1fr)!important}#fchar .pc-body.news>.pc-news{grid-column:1 / -1}#fchar .pc-news{display:flex;flex-direction:column;gap:8px;min-width:0;font:13px/1.3 Georgia,serif}#fchar .nw-top{position:relative;height:clamp(150px,34vh,250px);display:flex;justify-content:center;align-items:flex-end;overflow:hidden;border:1px solid #2f5752;border-radius:6px;background:radial-gradient(ellipse at 50% 55%,#1d4a46,#0b2423 72%)}#fchar .nw-top img{height:100%;width:auto;max-width:100%;object-fit:contain;opacity:.92}#fchar .nw-name{position:absolute;left:50%;bottom:10px;transform:translate(-50%);min-width:52%;max-width:90%;padding:3px 14px;border-radius:4px;background:#041211c7;border:1px solid rgba(255,255,255,.14);color:#f3e7c4;text-align:center;font:600 14px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#fchar .nw-title{display:flex;align-items:center;gap:10px;margin:0;color:#f3d27a}#fchar .nw-title span{flex:none;min-width:3em}#fchar .nw-title select{flex:1;min-width:0;min-height:30px;padding:2px 8px;border:1px solid #52706a;border-radius:4px;background:#0f2f2e;color:#e9f3ec;font:13px Georgia,serif}#fchar .nw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:4px 8px;border:1px solid #2f5752;border-radius:4px;background:#0416158c}#fchar .nw-grid .r{display:flex;align-items:center;gap:6px;min-height:24px;border-bottom:1px solid rgba(255,255,255,.06)}#fchar .nw-grid .r span{flex:1;color:#bfe0c9;white-space:nowrap}#fchar .nw-grid .r b{color:#e9f3ec;font-weight:600;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#fchar.pcm .pc-news{font-size:12.5px}#fchar.pcm.land .nw-top{height:clamp(90px,28vh,140px)}@media (max-height:560px) and (orientation:landscape) and (pointer:coarse){#fchar.pcm{--s:clamp(28px, calc((100dvh - 150px) / 7.6), 46px)}}@media (max-width:760px) and (orientation:portrait){html.server-hud #fchar.pcm{--s:clamp(30px, calc((100vw - 60px) / 7.4), 44px);inset:auto!important;top:calc(6px + env(safe-area-inset-top))!important;left:6px!important;right:6px!important;bottom:auto!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 12px - env(safe-area-inset-top))!important;border-radius:10px!important;overflow:auto}html.server-hud #fchar.pcm .fbody{flex:none;overflow:visible}#fchar.pcm .win-head b{font-size:15px}html.server-hud #fchar.pcm .win-head button{width:30px;height:30px}#fchar.pcm .pc-tabs button{min-height:32px;font-size:13px;padding:3px 4px}#fchar.pcm .pc-body{gap:5px}#fchar.pcm .pc-gear{gap:4px}#fchar.pcm .pc-foot{font-size:11px;padding:3px 7px;gap:0 8px}#fchar.pcm .pc-stats{max-height:none;overflow:visible;gap:6px;min-width:0}#fchar.pcm .tab-pot .pc-stats{display:flex;align-items:stretch;min-width:0}#fchar.pcm .tab-pot .r.pot{justify-content:space-between}#fchar.pcm .tab-pot .pc-box.info{display:grid}#fchar.pcm .pc-box{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;padding:3px 8px}#fchar.pcm .pc-stats .r{font-size:13px;min-height:26px;gap:4px}#fchar.pcm .pc-stats .attrs .r{min-height:34px}#fchar.pcm .pc-stats .attrs button{width:30px;height:30px}#fchar.pcm .pc-stats .r.pot{font-size:13px}}@media (pointer:fine) and (min-width:761px){.fwin.pc{background:linear-gradient(180deg,#123f3d,#0b2b2a);border:2px solid #b8913a;border-radius:8px;box-shadow:0 0 0 1px #3d2a0f,0 10px 30px #0009,inset 0 0 18px #00000073;color:#d7e7da}.fwin.pc .win-head{background:linear-gradient(180deg,#1f5e5a,#123f3d);border-bottom:1px solid #b8913a;padding:4px 6px 4px 14px;cursor:move}.fwin.pc .win-head b{flex:1;text-align:center;font:700 20px/1.2 Georgia,Times New Roman,serif;color:#f3d27a;text-shadow:0 1px 0 #3d2a0f,0 0 6px rgba(0,0,0,.6);letter-spacing:.5px}.fwin.pc .win-head button,.fwin.pc .win-help{width:28px;height:28px;min-width:0;min-height:0;padding:0;margin-left:4px;border:1px solid #9fb9b0;border-radius:3px;background:linear-gradient(180deg,#3b6c66,#1d413e);color:#e9f3ec;font:700 16px/1 system-ui}.fwin:not(.pc) .win-help{display:none}.fwin.pc .fbody{padding:8px 10px 10px}html.server-hud #fchar.pc,#fchar.pc{left:14px;top:86px;width:640px!important;max-width:none!important}.fwin.pc{transform:scale(var(--jx-ui, 1));transform-origin:0 0}#fbag.pc{transform-origin:100% 0}#fbag.pc{right:14px;left:auto;top:120px;width:360px}#fbag-ext.pc{right:385px;left:auto;top:120px;width:360px}.fwin.pc .jx-slot{background:#0f2f2e;border:1px solid #52706a;border-radius:3px;box-shadow:inset 0 0 6px #0009}.fwin.pc .jx-slot.full{border-color:#b8913a}.fwin.pc .jx-slot[data-sel]{outline:2px solid #f3d27a}.pc-char .pc-tabs{display:flex;gap:4px;border-bottom:1px solid #3f6a64;margin-bottom:8px}.pc-char .pc-tabs button{padding:6px 22px;border:1px solid #3f6a64;border-bottom:0;border-radius:6px 6px 0 0;background:#183f3c;color:#d7e7da;font:600 16px Georgia,serif}.pc-char .pc-tabs button.on{background:linear-gradient(180deg,#2b5c57,#183f3c);color:#f3d27a}.pc-body{display:grid;grid-template-columns:230px auto 1fr;grid-template-rows:auto auto auto;gap:8px}.pc-stats{grid-row:1 / 4;display:flex;flex-direction:column;gap:6px}.pc-box{background:#0416158c;border:1px solid #2f5752;border-radius:4px;padding:6px 8px}.pc-stats .r{display:flex;align-items:center;gap:6px;min-height:24px;font:15px Georgia,serif}.pc-stats .r span{color:#bfe0c9;flex:1}.pc-stats .r b{color:#e9f3ec;font-weight:600}.pc-stats .r b.hp{color:#ff6b5b}.pc-stats .r b.mp{color:#8fb4ff}.pc-stats .r b i{color:#f3d27a;font-style:normal}.pc-stats .attrs button{width:20px;height:20px;padding:0;min-height:0;border:1px solid #9fb9b0;border-radius:2px;background:#2b5c57;color:#fff;font:700 14px/1 system-ui}.pc-stats .attrs button:disabled{opacity:.35}.pc-stats .r.pot{padding:0 8px}.pc-stats .r.pot b{color:#f3d27a}.pc-gear{grid-column:2 / 4;display:flex;gap:8px}.pc-col{display:flex;flex-direction:column;gap:4px}.pc-char .jx-slot{width:56px;height:56px}.pc-char .jx-slot .ico{width:100%;height:100%;object-fit:contain}.pc-char .jx-slot em{font-size:10px;line-height:1.1;color:#88a9a2}.pc-model{flex:1;display:flex;align-items:center;justify-content:center;min-height:360px;background:radial-gradient(ellipse at 50% 60%,#1d4a46,#0d2b2a 70%);border:1px solid #2f5752;border-radius:4px}.pc-model #jx-prev{height:340px;width:auto;max-width:100%}.pc-row{grid-column:2 / 4;display:flex;gap:4px}.pc-row .jx-slot{flex:0 1 56px;min-width:0;height:auto;aspect-ratio:1}.pc-foot{grid-column:2 / 4;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;background:#0416158c;border:1px solid #2f5752;border-radius:4px;padding:8px 12px;font:15px Georgia,serif}.pc-foot span{color:#f3d27a}.pc-foot b{color:#e9f3ec;font-weight:600}.pc-foot label{margin-left:auto;color:#bfe0c9}.pc-bag .pc-bagtop{display:flex;gap:4px;align-items:center;margin-bottom:6px}.pc-bag .pc-bagtop button{width:46px;height:40px;padding:0;min-height:0;border:1px solid #52706a;border-radius:4px;background:#183f3c;color:#e9f3ec;font-size:18px;position:relative}.pc-bag .pc-bagtop button.on{border-color:#f3d27a;background:#2b5c57}.pc-bag .pc-bagtop button small{position:absolute;right:3px;bottom:1px;font:700 11px system-ui;color:#f3d27a}.pc-bag .pc-bagtop .sp{flex:1}.pc-bag .pc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:4px;background:#0a2423;border:1px solid #2f5752;border-radius:4px}.pc-bag .jx-slot{width:auto;height:auto;aspect-ratio:1;background:#0f2f2e radial-gradient(circle,rgba(82,112,106,.35) 0 18%,transparent 19%) center/60% 60% no-repeat}.pc-bag .jx-slot .cnt{right:3px;bottom:1px;color:#fff;font:700 12px system-ui;text-shadow:0 1px 2px #000}.pc-bag .pc-bagfoot{display:flex;justify-content:space-between;margin-top:6px;padding:6px 10px;background:#0416158c;border:1px solid #2f5752;border-radius:4px;font:15px Georgia,serif;color:#f3d27a}.pc-bag .pc-sel{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;background:#0416158c;border:1px solid #2f5752;border-radius:4px}.pc-bag .pc-sel b{flex:1;color:#f3d27a;font:600 14px Georgia,serif}.pc-bag .pc-sel button{padding:3px 10px;min-height:0;border:1px solid #b8913a;border-radius:3px;background:linear-gradient(180deg,#e9c46a,#a8741f);color:#2b1c05;font-weight:700}}#vitals .bar.ex,#vitals .bar.st,#minimap .mm-date,#hotbar .hb-page,#hotbar .hb-mouse{display:none}@media (pointer:fine) and (min-width:761px){html.hud-skin header{position:fixed!important;inset:0 0 auto!important;height:0!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;z-index:30!important;overflow:visible!important;pointer-events:none!important}html.hud-skin header>.brand,html.hud-skin header>#hud{display:none!important}html.hud-skin header nav{display:none;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(440px,calc(100vw - 32px))!important;max-height:calc(100dvh - 60px)!important;overflow:auto!important;padding:24px!important;border:1px solid var(--wux-gold-rim, rgba(220, 185, 95, .45))!important;border-radius:18px!important;background:linear-gradient(180deg,#0e1c20f2,#071114fa)!important;backdrop-filter:blur(28px) saturate(190%)!important;-webkit-backdrop-filter:blur(28px) saturate(190%)!important;box-shadow:0 24px 60px #000c,inset 0 1px #ffffff29!important;flex-direction:column!important;gap:12px!important;pointer-events:auto!important;z-index:200!important}html.hud-skin body.nav-open header nav{display:flex!important}html.hud-skin #vitals{left:14px!important;top:10px!important;width:380px!important;padding:8px 12px 10px 8px!important;border-radius:10px!important;background:linear-gradient(180deg,#0e1c20e0,#081216f0)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid var(--wux-gold-rim, rgba(220, 185, 95, .45))!important;box-shadow:0 0 0 1px #00000080,0 8px 24px #000000a6,inset 0 1px #ffffff29!important;z-index:15!important}html.hud-skin #vitals .vtrow{display:flex;align-items:center;gap:14px}html.hud-skin #vitals #avatar{flex:none;width:46px;height:46px;margin:4px 6px 4px 10px;padding:0;border:2px solid #ffd875;border-radius:6px;transform:rotate(45deg);background:linear-gradient(135deg,#2b635c,#10332f);box-shadow:0 0 10px #f5d68866,inset 0 1px #fff3;cursor:pointer;transition:transform 80ms var(--apple-spring, cubic-bezier(.2, .8, .2, 1))}html.hud-skin #vitals #avatar:hover{border-color:#fff2c4;box-shadow:0 0 14px #ffe6a099}html.hud-skin #vitals #avatar:active{transform:rotate(45deg) scale(.92)}html.hud-skin #vitals #avatar img{display:none}html.hud-skin #vitals #avatar b{display:block;transform:rotate(-45deg);color:#fff;font:700 20px/42px Georgia,serif;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.8);position:static}html.hud-skin #vitals .vtmain{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"ex ex ex" "hp mp st";column-gap:6px;row-gap:5px}html.hud-skin #vitals .who{display:none}html.hud-skin #vitals .bar{position:relative;height:18px;margin:0;border:1px solid rgba(80,130,120,.45);border-radius:3px;background:#040c0ed9;overflow:hidden;box-shadow:inset 0 0 6px #000000b3}html.hud-skin #vitals .bar i{display:block;height:100%;border-radius:2px;transition:width .15s ease-out}html.hud-skin #vitals .bar.ex{display:block;grid-area:ex;height:17px}html.hud-skin #vitals .bar.ex i{background:linear-gradient(180deg,gold,#a87f00)}html.hud-skin #vitals .bar.ex span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 11px/1 system-ui,sans-serif;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}html.hud-skin #vitals .bar.hp{grid-area:hp}html.hud-skin #vitals .bar.hp i{background:linear-gradient(180deg,#ff5747,#aa1a15)}html.hud-skin #vitals .bar.mp{grid-area:mp}html.hud-skin #vitals .bar.mp i{background:linear-gradient(180deg,#4ea8ff,#154fb8)}html.hud-skin #vitals .bar.st{display:block;grid-area:st}html.hud-skin #vitals .bar.st i{background:linear-gradient(180deg,#52e873,#177a28)}html.hud-skin #vitals .bar.hp span,html.hud-skin #vitals .bar.mp span,html.hud-skin #vitals .bar.st span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 11px/1 system-ui,Georgia,serif;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}html.hud-skin #minimap{border:1px solid var(--wux-gold-rim, rgba(220, 185, 95, .45));border-radius:10px;background:linear-gradient(180deg,#0e1c20d9,#081216eb);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 24px #0009;padding:6px}html.hud-skin #minimap .mm-date{display:block;text-align:center;padding:2px 4px 4px;color:var(--wux-gold, #f5d688);font:600 13px Georgia,serif;text-shadow:0 1px 2px #000;border-bottom:1px solid rgba(75,128,118,.35);margin-bottom:4px}html.hud-skin #minimap .mm-bar{background:#102826b3;border:1px solid rgba(220,185,95,.4);border-radius:4px;color:var(--wux-gold, #f5d688);font:700 14px Georgia,serif}html.hud-skin #hotbar{display:flex;align-items:center;gap:5px;max-width:none;overflow:visible;padding:6px 10px;border-radius:12px;background:linear-gradient(180deg,#0e1c20d9,#081216eb)!important;backdrop-filter:blur(24px) saturate(190%)!important;-webkit-backdrop-filter:blur(24px) saturate(190%)!important;border:1px solid var(--wux-gold-rim, rgba(220, 185, 95, .45))!important;box-shadow:0 12px 32px #0009,inset 0 1px #ffffff26!important}html.hud-skin #hotbar .hb-page{display:flex;flex-direction:column;align-items:center;margin-right:4px;color:var(--wux-gold, #f5d688);font:700 13px Georgia,serif}html.hud-skin #hotbar .hb-page button{width:22px;height:16px;padding:0;min-height:0;border:0;background:none;color:#52e873;font-size:11px;line-height:1;cursor:pointer}html.hud-skin #hotbar .slot{position:relative;width:48px;height:48px;border:1px solid rgba(75,128,118,.45);border-radius:6px;background:#0a181abf;box-shadow:inset 0 0 8px #00000080;cursor:pointer}html.hud-skin #hotbar .slot>span{position:absolute;left:4px;top:2px;color:#edf6f2;font:700 11px system-ui;text-shadow:0 1px 2px #000;z-index:1}html.hud-skin #hotbar .slot img{width:42px;height:42px}html.hud-skin #hotbar .slot.empty{opacity:.75}html.hud-skin #hotbar .hb-mouse{display:flex;gap:5px;margin-left:8px}html.hud-skin #hotbar .hb-mouse .slot{width:52px;height:52px;border:2px solid var(--wux-gold, #f5d688);box-shadow:0 0 10px #f5d68859,inset 0 0 8px #00000080}html.hud-skin #hotbar .hb-mouse .slot i{position:absolute;right:3px;bottom:2px;font:700 11px system-ui;font-style:normal;color:var(--wux-gold, #f5d688);text-shadow:0 1px 2px #000}html.hud-skin #dock{left:410px!important;right:auto!important;top:10px!important;height:38px!important;padding:3px 12px!important;border-radius:20px!important;background:linear-gradient(180deg,#0e1c20d6,#081216eb)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid var(--wux-gold-rim, rgba(220, 185, 95, .45))!important;box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff26!important;align-items:center!important;gap:8px!important;z-index:15!important}html.hud-skin #hotbar{flex-direction:row!important;flex-wrap:nowrap!important;inset:auto auto 12px 50%!important;transform:translate(-50%)!important;width:auto!important;z-index:15!important}html.hud-skin #sysdock{flex-wrap:nowrap!important;width:auto!important;inset:auto 14px 12px auto!important;z-index:15!important}html.hud-skin #side{width:min(360px,calc(50vw - 270px))!important;height:220px!important;inset:auto auto 12px 14px!important;z-index:14!important}}@media (pointer:fine) and (min-width:761px){html.hud-skin #minimap.mm-round canvas{width:150px!important;height:150px!important;margin:4px auto 2px;border-radius:50%;border:2px solid #b8913a;box-shadow:0 0 0 2px #0b2b2a,0 0 8px #000000b3 inset;cursor:zoom-in}html.hud-skin #minimap.mm-big{z-index:12}html.hud-skin #minimap.mm-big canvas{width:min(420px,calc(100vh - 140px))!important;height:min(420px,calc(100vh - 140px))!important;border-radius:6px;border:2px solid #b8913a;cursor:zoom-out}}html.hud-skin #minimap,html.hud-skin.server-hud #minimap{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}html.hud-skin #minimap .mm-bar{background:none!important;border:0!important;justify-content:center;text-align:center;color:#f3d27a;text-shadow:0 1px 2px #000,0 0 4px #000}html.hud-skin #minimap .mm-date{border:0!important;background:none!important}html.hud-skin #minimap .mm-coords,html.hud-skin #render-fps,html.hud-skin #net-ping{background:none!important;text-shadow:0 1px 2px #000,0 0 3px #000}html.hud-skin #minimap.mm-round canvas{display:block;margin:2px auto;border-radius:50%;border:2px solid #c9a24a;box-shadow:0 2px 8px #0009}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin #minimap.mm-round canvas{width:112px!important;height:112px!important}html.hud-skin #minimap .mm-bar{height:auto!important;min-height:0;padding:0;font-size:11px}html.hud-skin #minimap .mm-coords{font-size:10px}}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin #render-fps{font-size:8px;max-width:136px;margin:0 auto;overflow:hidden;text-overflow:ellipsis}html.hud-skin #net-ping{font-size:10px}}@media (pointer:coarse) and (max-width:1400px) and (orientation:landscape),(max-width:760px) and (orientation:landscape){html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{top:calc(62px + var(--st))!important;right:calc(156px + var(--sr))!important}}@media (pointer:coarse) and (max-width:1400px) and (orientation:portrait),(max-width:760px) and (orientation:portrait){html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{top:calc(172px + var(--st))!important}html.hud-skin #mdock{top:calc(226px + var(--st))!important}}@media (pointer:coarse) and (max-height:400px) and (orientation:landscape){html.hud-skin #minimap.mm-round canvas{width:96px!important;height:96px!important;margin:1px auto}}html,html *:not(input):not(textarea):not(select):not([contenteditable=true]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img,canvas{-webkit-user-drag:none;user-drag:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#win-body .sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:8px;margin-top:8px}#win-body .sk-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #3f6a64;border-radius:6px;background:linear-gradient(180deg,#1f5e5a8c,#0b2b2abf);box-shadow:inset 0 0 8px #00000073}#win-body .sk-card.sk-new{opacity:.72}#win-body .sk-card.sk-right{border-color:#f3d27a;box-shadow:0 0 0 1px #f3d27a,inset 0 0 8px #00000073}#win-body .sk-ico{width:52px;height:52px;flex:none;border-radius:50%;border:2px solid #b8913a;background:#0b2b2a;box-shadow:0 0 6px #f3d27a59;object-fit:cover}#win-body .sk-card.sk-new .sk-ico{filter:grayscale(.7)}#win-body .sk-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}#win-body .sk-info b{color:#f3e7c4;font:600 15px/1.15 Georgia,serif;overflow-wrap:anywhere}#win-body .sk-lv{color:#f3d27a;font:700 13px system-ui}#win-body .sk-lv i{color:#bfe0c9;font-style:normal;font-weight:400}#win-body .sk-btns{display:flex;gap:4px}#win-body .sk-btns button{min-height:0;padding:2px 10px;font-size:12px;border:1px solid #b8913a;border-radius:4px;background:linear-gradient(180deg,#2b5c57,#183f3c);color:#f3e7c4}#win-body .sk-btns button:disabled{opacity:.45}@media (max-width:760px),(max-height:560px) and (orientation:landscape){#win-body .sk-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}#win-body .sk-ico{width:40px;height:40px}#win-body .sk-info b{font-size:13px}}#qibar{position:fixed;left:50%;bottom:80px;transform:translate(-50%);z-index:30;width:min(170px,44vw);height:12px;pointer-events:none;border:1px solid #1f4f1c;border-radius:6px;background:#0c1c0ab8;box-shadow:0 1px 4px #0009;overflow:hidden}#qibar[hidden]{display:none!important}#qibar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(#8fe86a,#3fae32 55%,#2a8a22);transition:width .2s}#qibar span{position:relative;display:block;text-align:center;font:600 10px/12px system-ui;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}#minimap .mm-zoom{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:var(--mmz-gap, 68px);pointer-events:none;z-index:2}#minimap .mm-zoom button{pointer-events:auto;width:24px;height:24px;min-height:0;padding:0;border:1px solid #c9a24a;border-radius:50%;background:#0b2b2ae6;color:#f3d27a;font:700 15px/1 system-ui;box-shadow:0 1px 4px #0009;touch-action:manipulation}#minimap.mm-round .mm-zoom{top:calc(var(--mmz-top, 128px))}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){#minimap{--mmz-top:104px;--mmz-gap:70px}}@media (pointer:coarse) and (max-height:400px) and (orientation:landscape){#minimap{--mmz-top:90px;--mmz-gap:58px}}@media (orientation:portrait) and (pointer:coarse){html.hud-skin{--st: calc(env(safe-area-inset-top, 0px) + 12px) }html.hud-skin body:before{content:"";position:fixed;left:0;right:0;top:0;height:env(safe-area-inset-top,0px);z-index:2000;background:#14110e;pointer-events:none}}@media (orientation:landscape){#fchar.pcm .tab-pot .pc-stats{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto auto;align-items:start;max-height:none;overflow:visible}#fchar.pcm .tab-pot .vit{grid-column:1;grid-row:1}#fchar.pcm .tab-pot .attrs{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr)}#fchar.pcm .tab-pot .attrs .r{min-height:30px}#fchar.pcm .tab-pot .attrs button{width:28px;height:28px;font-size:15px}#fchar.pcm .tab-pot .r.pot{grid-column:1;grid-row:3;align-self:start}#fchar.pcm .tab-pot .pc-box.info.cmb{grid-column:2;grid-row:1 / 4;display:block}}#itemtip:has(.tip-acts){pointer-events:auto}#entry [hidden]{display:none!important}#entry button.ent-mode{margin-top:4px;padding:8px;background:transparent;border:1px solid #7a6a3c;color:#f3e7c4;font-weight:600;font-size:14px}#entry button.ent-mode:hover{border-color:#f0c860}#account-register p{flex-basis:100%;width:100%;margin:0 0 4px}.ls-screen{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1e1912,#0c0a08 75%,#050403);color:#edb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;opacity:1;transition:opacity .35s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}.ls-screen.ls-fade-out{opacity:0;pointer-events:none}.ls-screen.ls-done,.ls-screen.ls-done *{pointer-events:none!important}.ls-screen[hidden]{display:none!important}.ls-backdrop{position:absolute;inset:0;background-image:linear-gradient(180deg,#0c0a0866,#0c0a08d9),url(/assets/ui/loading-bg.jpg);background-size:cover;background-position:center;filter:saturate(1.1);opacity:.95;pointer-events:none}.ls-ornament{position:absolute;width:48px;height:48px;pointer-events:none;border:2px solid rgba(212,175,55,.4);opacity:.7}.ls-ornament.top-left{top:20px;left:20px;border-right:none;border-bottom:none}.ls-ornament.top-right{top:20px;right:20px;border-left:none;border-bottom:none}.ls-ornament.bottom-left{bottom:20px;left:20px;border-right:none;border-top:none}.ls-ornament.bottom-right{bottom:20px;right:20px;border-left:none;border-top:none}.ls-content{position:relative;z-index:2;width:92%;max-width:580px;display:flex;flex-direction:column;align-items:center;text-align:center}.ls-logo-badge{font-size:13px;font-weight:700;letter-spacing:4px;color:#dfb256;text-transform:uppercase;margin-bottom:8px;padding:4px 14px;border:1px solid rgba(223,178,86,.35);background:#14100c99;border-radius:20px}.ls-map-title{font-size:clamp(22px,4.5vw,32px);font-weight:800;letter-spacing:3px;color:#fff4d4;text-shadow:0 0 16px rgba(223,178,86,.65),0 2px 4px #000;margin:6px 0 4px}.ls-map-sub{font-size:14px;color:#b8aa88;margin:0 0 24px;min-height:20px}.ls-progress-box{width:100%;display:flex;align-items:center;gap:14px;margin-bottom:22px}.ls-bar-track{flex:1;height:14px;background:#0e0b08d9;border:1.5px solid #8e7339;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000c}.ls-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#8a651f,#e8bc57,#fff1b8);border-radius:6px;transition:width .25s ease-out;box-shadow:0 0 10px #e8bc57cc}.ls-bar-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:translate(-100%);animation:ls-shimmer 2s infinite;pointer-events:none}@keyframes ls-shimmer{to{transform:translate(100%)}}.ls-pct{font-size:15px;font-weight:700;color:#ffd679;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.ls-tip-card{width:100%;padding:12px 18px;border-radius:10px;background:#18130ebf;border:1px solid rgba(142,115,57,.35);box-shadow:0 4px 15px #00000080;display:flex;align-items:center;gap:12px;text-align:left}.ls-tip-icon{font-size:20px;flex-shrink:0}.ls-tip-text{font-size:13.5px;line-height:1.45;color:#dca}.auth-portal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background-image:linear-gradient(180deg,#0f0c09a6,#080605e6),url(/assets/ui/auth-bg.jpg);background-size:cover;background-position:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.auth-portal-overlay[hidden]{display:none!important}.auth-portal-overlay:has(.ls-start){padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;background:#140d08}.ls-start{position:absolute;inset:0;overflow:hidden;color:#fff;font-family:"Noto Serif",Times New Roman,Georgia,serif}.ls-start:before,.ls-start:after{content:"";position:absolute;inset:0;pointer-events:none}.ls-start:before{background:url(/assets/ui/loading-bg.jpg) 50% 40% / cover no-repeat;transform:scaleX(-1);animation:ls-drift 40s ease-in-out infinite alternate}.ls-start:after{background:linear-gradient(0deg,rgba(150,95,20,.55) 0%,rgba(210,150,50,.22) 22%,transparent 45%),radial-gradient(ellipse 75% 70% at 50% 45%,transparent 45%,rgba(20,10,4,.5) 100%)}@keyframes ls-drift{0%{transform:scaleX(-1) scale(1.02)}to{transform:scaleX(-1) scale(1.08) translate(1.5%)}}.ls-start .cs-topleft{z-index:3}.ls-logo{position:absolute;z-index:2;left:50%;top:9%;transform:translate(-50%);width:min(78vw,640px);display:flex;flex-direction:column;align-items:center}.ls-sword{width:100%;transform:rotate(-4deg);height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(255,220,140,.35))}.ls-title{position:relative;margin:-4.2% 0 0;display:flex;align-items:flex-end;gap:.18em;line-height:1;white-space:nowrap}.ls-title-text{font-size:clamp(30px,6.4vw,66px);font-weight:800;letter-spacing:1px;font-style:italic;background:linear-gradient(180deg,#fffbe0,#ffe08a 35%,#e0a42e 62%,#9c6514);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(90,50,8,.55);filter:drop-shadow(0 2px 0 #4a2a06) drop-shadow(0 4px 10px rgba(0,0,0,.6))}.ls-two{font-size:clamp(46px,9.6vw,104px);font-weight:900;margin-bottom:-.08em;background:linear-gradient(180deg,#ff9a7a,#e8331f 45%,#8e0f08);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px #ffe3a0;filter:drop-shadow(0 3px 0 #3c0a04) drop-shadow(0 4px 12px rgba(0,0,0,.6))}.ls-bottom{position:absolute;z-index:2;left:50%;bottom:calc(9% + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(440px,86vw);display:flex;flex-direction:column;align-items:center;gap:12px}.ls-server{width:100%;display:flex;align-items:center;gap:10px;padding:9px 14px;box-sizing:border-box;border-radius:6px;background:linear-gradient(90deg,#00000040,#0a0806b8 15% 85%,#00000040);border:1px solid rgba(255,225,160,.25);box-shadow:0 2px 10px #00000059;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.ls-dot{flex:none;width:10px;height:10px;transform:rotate(45deg);background:linear-gradient(135deg,#b7ffcb,#2fbf5c);box-shadow:0 0 8px #50e678cc}.ls-server-name{flex:1;text-align:center;font-size:16px;font-weight:700;color:#fff4d6;text-shadow:0 1px 2px #000}.ls-server-change{flex:none;padding:2px 0;border:0;background:none;color:#ffd98a;font:600 14px -apple-system,Segoe UI,Roboto,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffd98a80}.ls-login{width:100%;min-height:54px;font-size:22px}.ls-note{margin:0;padding:6px 12px;border-radius:6px;background:#0a0806bf;font:13px -apple-system,Segoe UI,Roboto,sans-serif;color:#fff1cf}.ls-note[hidden]{display:none}.auth-portal-overlay:has(.ls-start) .auth-card{display:none}.auth-portal-overlay.show-card{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:16px}.auth-portal-overlay.show-card .ls-start{position:fixed}.auth-portal-overlay.show-card .ls-start:after{background:#0805039e}.auth-portal-overlay.show-card .ls-logo,.auth-portal-overlay.show-card .ls-bottom{visibility:hidden}.auth-portal-overlay.show-card .auth-card{display:block;z-index:4;margin:auto;animation:cs-enter .25s cubic-bezier(.23,1,.32,1)}.auth-close{position:absolute;z-index:2;top:8px;right:10px;width:32px;height:32px;border-radius:50%;padding:0;cursor:pointer;border:1px solid rgba(220,185,95,.45);background:#1e1812cc;color:#f3e2b5;font-size:22px;line-height:1}.auth-close:hover{background:#3c2e1ae6}@media (max-height: 500px) and (orientation: landscape){.ls-logo{top:6%;width:min(60vw,520px)}.ls-bottom{bottom:calc(7% + env(safe-area-inset-bottom,0px));gap:9px;width:min(400px,60vw)}.ls-server{padding:7px 12px}.ls-server-name{font-size:14.5px}.ls-server-change{font-size:13px}.ls-login{min-height:44px;font-size:19px}}@media (orientation: portrait){.ls-start:before{background-position:20% 50%}.ls-logo{top:15%;width:92vw}.ls-title-text{font-size:8.2vw}.ls-two{font-size:13vw}.ls-bottom{bottom:calc(12% + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion: reduce){.ls-start:before{animation:none}}.auth-card{position:relative;width:100%;max-width:410px;background:linear-gradient(180deg,#16130fe6,#0d0b09f5);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(220,185,95,.42);border-radius:16px;padding:24px 24px 20px;box-shadow:0 20px 50px #000000d1,0 0 24px #b88c3233,inset 0 1px #ffffff1f;color:#ecdcc1;user-select:none;transition:max-width .3s cubic-bezier(.2,.8,.2,1);box-sizing:border-box}.auth-ornament{position:absolute;width:14px;height:14px;pointer-events:none;border:1.5px solid rgba(223,178,86,.6);opacity:.85}.auth-ornament.top-left{top:6px;left:6px;border-right:none;border-bottom:none;border-top-left-radius:4px}.auth-ornament.top-right{top:6px;right:6px;border-left:none;border-bottom:none;border-top-right-radius:4px}.auth-ornament.bottom-left{bottom:6px;left:6px;border-right:none;border-top:none;border-bottom-left-radius:4px}.auth-ornament.bottom-right{bottom:6px;right:6px;border-left:none;border-top:none;border-bottom-right-radius:4px}.auth-header{text-align:center;margin-bottom:14px}.auth-brand{font-size:22px;font-weight:800;letter-spacing:2px;color:#fff1b8;text-shadow:0 0 12px rgba(223,178,86,.55);margin-bottom:3px}.auth-sub{font-size:12px;color:#b8a682;margin:0;font-weight:500}.auth-tabs{display:flex;gap:4px;background:#0006;padding:3px;border-radius:10px;border:1px solid rgba(142,115,57,.3);margin-bottom:14px}.auth-tab{flex:1;padding:7px 0;background:transparent;border:none;border-radius:7px;color:#a99a77;font-size:12.5px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.auth-tab:hover{color:#fff0cc}.auth-tab.active{background:linear-gradient(180deg,#dfb25640,#a47a244d);color:#ffd679;border:1px solid rgba(223,178,86,.5);text-shadow:0 0 6px rgba(255,214,121,.4);box-shadow:0 2px 8px #0006}.auth-alert{padding:8px 12px;border-radius:6px;font-size:12.5px;margin-bottom:12px;text-align:center;line-height:1.4}.auth-alert.error{background:#781919b3;border:1px solid #c94444;color:#ffdada}.auth-alert.success{background:#1e5f2db3;border:1px solid #48b868;color:#ddffea}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-field{display:flex;flex-direction:column;gap:4px;text-align:left}.auth-field label{font-size:12px;font-weight:600;color:#cfbf9e}.input-wrap{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:10px;font-size:14px;opacity:.75;pointer-events:none}.auth-field input{width:100%;height:38px;padding:0 10px 0 34px;background:#0a0806bf;border:1px solid rgba(120,95,45,.55);border-radius:8px;color:#fff4d4;font-size:13.5px;box-sizing:border-box;transition:all .2s}.auth-field input:focus{outline:none;border-color:#dfb256;box-shadow:0 0 10px #dfb25666;background:#100c08f2}.auth-row-options{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c4b494}.checkbox-label input{accent-color:#dfb256;cursor:pointer}.auth-btn-submit{width:100%;height:40px;margin-top:4px;border:none;border-radius:8px;background:linear-gradient(180deg,#dfb256,#a47a24);color:#161109;font-size:14px;font-weight:800;letter-spacing:1.5px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff59}.auth-btn-submit:hover:not(:disabled){background:linear-gradient(180deg,#f3cf7e,#b88b2b);box-shadow:0 6px 18px #dfb25673;transform:translateY(-1px)}.auth-btn-submit:active:not(:disabled){transform:translateY(1px)}.auth-btn-submit:disabled{opacity:.6;cursor:not-allowed}.auth-quick-play{margin-top:8px;text-align:center}.auth-btn-secondary{width:100%;height:34px;background:#1e1812b3;border:1px solid rgba(115,91,46,.6);border-radius:8px;color:#d6c5a0;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s}.auth-btn-secondary:hover{background:#2d241be6;border-color:#bfa15c;color:#fff0cc}.auth-footer{text-align:center;margin-top:12px;font-size:11px;color:#7a6e53;border-top:1px solid rgba(142,115,57,.2);padding-top:8px}.auth-look-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}.look-choice-card{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#0e0b08a6;border:1px solid rgba(87,70,36,.7);border-radius:7px;cursor:pointer;transition:all .2s}.look-choice-card input{display:none}.look-choice-card.selected{border-color:#e5b95c;background:#2d2212d9;box-shadow:0 0 8px #e5b95c59}.look-choice-card .look-icon{font-size:16px;flex-shrink:0}.look-choice-card .look-info{display:flex;flex-direction:column;overflow:hidden}.look-choice-card .look-title{font-size:11.5px;font-weight:700;color:#fff0cc;white-space:nowrap}.look-choice-card .look-desc{font-size:9.5px;color:#a89878;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (orientation: landscape) and (max-height: 540px){.auth-portal-overlay{padding:8px 14px}.auth-card{width:100%;max-width:min(540px,86vw);max-height:min(350px,92dvh);padding:8px 16px;border-radius:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(223,178,86,.4) transparent}.auth-card[data-mode=login]{max-width:min(380px,80vw)}.auth-ornament{width:10px;height:10px}.auth-header{margin-bottom:5px}.auth-brand{font-size:16px;letter-spacing:1.5px;margin-bottom:0}.auth-sub{font-size:10px;opacity:.85}.auth-tabs{margin-bottom:6px;padding:2px;border-radius:8px}.auth-tab{padding:4px 0;font-size:11.5px}.auth-alert{padding:4px 8px;font-size:11px;margin-bottom:6px}#form-login{max-width:310px;margin:0 auto;gap:5px}#form-login .auth-field{gap:2px}#form-login .auth-field label{font-size:11px}#form-login .auth-field input{height:32px;font-size:12.5px;padding:0 8px 0 28px}#form-login .field-icon{font-size:12px;left:8px}#form-login .auth-row-options{font-size:11px}#form-login .auth-btn-submit{height:32px;font-size:12px;margin-top:2px}#form-login .auth-quick-play{margin-top:4px}#form-login .auth-btn-secondary{height:28px;font-size:11px}#form-register{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:4px}#form-register .auth-field{gap:2px}#form-register .auth-field label{font-size:10.5px;white-space:nowrap}#form-register .auth-field input{height:30px;font-size:12px;padding:0 8px 0 26px}#form-register .field-icon{font-size:12px;left:7px}#form-register .auth-field:nth-of-type(1){grid-column:1;grid-row:1}#form-register .auth-field:nth-of-type(2){grid-column:1;grid-row:2}#form-register .auth-field:nth-of-type(3){grid-column:1;grid-row:3}#form-register .auth-field:nth-of-type(4){grid-column:1;grid-row:4}#form-register .auth-field-looks,#form-register .auth-field:nth-of-type(5){grid-column:2;grid-row:1 / span 3;display:flex;flex-direction:column;justify-content:flex-start}#form-register .auth-look-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:2px}#form-register .look-choice-card{padding:3px 5px;gap:4px;border-radius:6px}#form-register .look-choice-card .look-icon{font-size:14px}#form-register .look-choice-card .look-title{font-size:10px}#form-register .look-choice-card .look-desc{display:none}#form-register .auth-btn-submit{grid-column:2;grid-row:4;height:30px;font-size:11.5px;margin-top:0;align-self:end}.auth-footer{grid-column:1 / -1;margin-top:4px;padding-top:4px;font-size:9.5px}.ls-map-title{font-size:20px}.ls-tip-card{padding:8px 12px}}@media (max-width: 500px) and (orientation: portrait){.auth-portal-overlay{padding:12px}.auth-card{max-width:min(340px,92vw);padding:14px 14px 10px;border-radius:14px}.auth-ornament{width:10px;height:10px}.auth-header{margin-bottom:8px}.auth-brand{font-size:18px;letter-spacing:1.5px}.auth-sub{font-size:10.5px}.auth-tabs{margin-bottom:10px;padding:2px}.auth-tab{padding:5px 0;font-size:11.5px}.auth-form{gap:7px}.auth-field{gap:2px}.auth-field label{font-size:11px}.auth-field input{height:34px;font-size:12.5px;padding:0 8px 0 30px;border-radius:7px}.auth-look-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px}.look-choice-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px 2px;gap:2px;border-radius:6px}.look-choice-card .look-icon{font-size:17px}.look-choice-card .look-info{align-items:center}.look-choice-card .look-title{font-size:9.5px;font-weight:700;white-space:nowrap}.look-choice-card .look-desc{display:none}.auth-btn-submit{height:36px;font-size:13px;margin-top:3px}.auth-btn-secondary{height:30px;font-size:11.5px}.auth-quick-play{margin-top:5px}.auth-footer{margin-top:8px;padding-top:6px;font-size:10px}.ls-map-title{font-size:20px}.ls-tip-card{padding:8px 12px}}.char-hub-overlay{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:20px;background-image:linear-gradient(180deg,#0c0907bf,#060403eb),url(/assets/ui/loading-bg.jpg);background-size:cover;background-position:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#ecdcc1;user-select:none}.char-hub-overlay[hidden]{display:none!important}.char-hub-overlay:has(.cs-scene){padding:0;display:block;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0d1512}.cs-scene{--pf: min(40vw, 64vh);--jade-hi: #a9e9d4;--gold: #f0d38a;--cyan: #74e6ec;position:absolute;inset:0;overflow:hidden;color:#f3fff9;font-family:"Noto Serif",Times New Roman,Georgia,serif;background:#0d1512}.cs-scene:before,.cs-scene:after{content:"";position:absolute;inset:0;pointer-events:none}.cs-scene:before{background:url(/assets/ui/loading-bg.jpg) 50% 45% / cover no-repeat;transform:scaleX(-1)}.cs-scene:after{background:radial-gradient(ellipse 70% 60% at 42% 62%,transparent 40%,rgba(4,12,10,.5) 100%),linear-gradient(180deg,rgba(10,20,30,.12) 0%,transparent 35%,rgba(6,14,10,.35) 100%)}.cs-scene button{font-family:inherit;-webkit-tap-highlight-color:transparent}.cs-topleft{position:absolute;z-index:3;top:calc(10px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px))}.cs-age{display:flex;align-items:center;gap:8px}.cs-age-badge{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:7px;font:800 14px/1 -apple-system,Segoe UI,Roboto,sans-serif;color:#fff;background:linear-gradient(160deg,#ffb64a,#e2542a);border:2px solid #fff1c2;box-shadow:0 2px 6px #00000073}.cs-age p{margin:0;max-width:210px;font:600 11px/1.3 -apple-system,Segoe UI,Roboto,sans-serif;color:#fff;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.7)}.cs-round-btn{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;background:none;border:0;color:#fff;cursor:pointer}.cs-round-ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#7fd7bf,#2b8a76 55%,#145347);border:2px solid #d3f6e8;box-shadow:0 0 0 2px #0a322acc,0 3px 8px #00000080,inset 0 2px 4px #ffffff59;transition:transform .15s ease-out,filter .15s}.cs-round-ico svg{width:26px;height:26px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.cs-round-label{font-size:13px;font-weight:700;text-shadow:0 1px 3px #000,0 0 5px #000}.cs-round-btn:hover .cs-round-ico{filter:brightness(1.12)}.cs-round-btn:active .cs-round-ico{transform:scale(.94)}.cs-stage{position:absolute;z-index:1;inset:0 calc(min(24vw,360px)*.3) 0 0;pointer-events:none}.cs-platform{position:absolute;left:50%;bottom:11%;width:var(--pf);height:calc(var(--pf) * .34);transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse 34% 34% at 50% 48%,rgba(255,255,255,.1),transparent 70%),repeating-radial-gradient(ellipse at 50% 48%,transparent 0 7.5%,rgba(40,34,28,.55) 7.5% 8.1%,rgba(255,255,255,.13) 8.1% 8.6%,transparent 8.6% 16%),radial-gradient(ellipse at 50% 40%,#c9c2b2,#a39b8a 38%,#7b7466 60%,#5a5448 72%,#3e3a32);box-shadow:0 calc(var(--pf) * .028) 0 #514a3e,0 calc(var(--pf) * .05) 0 #3a352c,0 calc(var(--pf) * .055) 0 1px #0006,0 calc(var(--pf) * .08) 26px 6px #0000008c,inset 0 -6px 14px #00000059,inset 0 4px 10px #ffffff2e}.cs-platform:before{content:"";position:absolute;inset:4%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(30,26,20,.55) 0 2deg,transparent 2deg 10deg);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 87% 97%,transparent 98%);mask:radial-gradient(closest-side,transparent 86%,#000 87% 97%,transparent 98%)}.cs-platform:after{content:"";position:absolute;inset:22% 26%;border-radius:50%;border:2px solid rgba(255,245,225,.22);box-shadow:0 0 0 5px #28221c59,inset 0 0 0 7px #ffffff0f}.cs-glow{position:absolute;z-index:1;inset:-26% 18% 18%;border-radius:50%;background:radial-gradient(ellipse at 50% 62%,rgba(255,200,250,1) 0%,rgba(245,120,235,.8) 20%,rgba(170,95,255,.45) 45%,transparent 72%);mix-blend-mode:screen;filter:blur(5px);animation:cs-glow 3.2s ease-in-out infinite}.cs-motes{position:absolute;z-index:1;left:30%;right:30%;bottom:45%;height:calc(var(--pf) * .9)}.cs-motes b{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;background:#ffd6fb;box-shadow:0 0 8px 2px #f08cffcc;opacity:0;animation:cs-mote 3.6s ease-out infinite}.cs-motes b:nth-child(1){left:12%;animation-delay:0s}.cs-motes b:nth-child(2){left:34%;animation-delay:.7s;width:4px;height:4px}.cs-motes b:nth-child(3){left:55%;animation-delay:1.5s}.cs-motes b:nth-child(4){left:78%;animation-delay:2.2s;width:3px;height:3px}.cs-motes b:nth-child(5){left:22%;animation-delay:2.9s;width:3px;height:3px}.cs-motes b:nth-child(6){left:66%;animation-delay:1.1s;width:4px;height:4px}@keyframes cs-glow{0%,to{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes cs-mote{0%{opacity:0;transform:translateY(0) scale(1)}15%{opacity:.95}to{opacity:0;transform:translateY(calc(var(--pf) * -.85)) scale(.4)}}.cs-figure{position:absolute;z-index:2;left:50%;transform:translate(-50%);height:72%;aspect-ratio:300 / 440;bottom:calc(11% + var(--pf) * .17 - 3.4%)}.cs-figure:after{content:"";position:absolute;left:12%;right:12%;bottom:1%;height:26%;pointer-events:none;background:radial-gradient(ellipse 50% 100% at 50% 100%,rgba(255,160,245,.55),rgba(190,110,255,.2) 55%,transparent 75%);mix-blend-mode:screen;filter:blur(6px);animation:cs-glow 3.2s ease-in-out infinite}.cs-body{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,200,250,.25)) drop-shadow(0 4px 6px rgba(0,0,0,.35))}.cs-body.cs-enter{animation:cs-enter .45s cubic-bezier(.23,1,.32,1)}@keyframes cs-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.cs-panel{position:absolute;z-index:3;top:50%;transform:translateY(-50%);right:calc(14px + env(safe-area-inset-right,0px));width:min(32vw,400px);min-width:250px;max-height:calc(100% - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;padding:12px 12px 14px;box-sizing:border-box;border-radius:12px;border:2px solid var(--jade-hi);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 18%),linear-gradient(180deg,#22665ced,#124640f2 55%,#0c322ef5);box-shadow:0 0 0 1px #08221ee6,inset 0 0 0 3px #0a2e29bf,inset 0 0 0 4px #a9e9d459,inset 0 0 28px #96f0d229,0 12px 32px #0000008c}.cs-head{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0 8px;border-bottom:1px solid rgba(169,233,212,.3);background:linear-gradient(90deg,transparent,rgba(6,34,31,.45) 30%,rgba(6,34,31,.45) 70%,transparent)}.cs-head h2{margin:0;font-size:21px;font-weight:700;letter-spacing:.5px;color:#fff3cf;text-shadow:0 1px 0 #6b4b12,0 2px 6px rgba(0,0,0,.6)}.cs-diamond{width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,#fff2bf,#d5a53f);box-shadow:0 0 0 2px #0a2e29e6,0 0 0 3px #f0d38ab3}.cs-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;flex:1 1 auto;overscroll-behavior:contain}.cs-card{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;text-align:left;cursor:pointer;border-radius:9px;border:1px solid rgba(169,233,212,.35);color:inherit;background:linear-gradient(90deg,#06221fb3,#0a302c73);transition:border-color .15s,box-shadow .15s,background .15s}.cs-card:hover{border-color:#f0d38a99}.cs-card.active{border-color:var(--gold);background:linear-gradient(90deg,#3c32148c,#0e3a3499);box-shadow:0 0 0 1px #f0d38a73,0 0 14px #f0d38a4d,inset 0 0 12px #f0d38a1f}.cs-portrait{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);box-shadow:0 0 0 2px #08221ee6,inset 0 0 10px #00000080;background:radial-gradient(circle at 50% 35%,#2f6f63,#0d2f2b) no-repeat;background-size:250%;background-position:50% 6%}.cs-portrait.drawn{background-color:#173f39}.cs-portrait.drawn .cs-portrait-fallback{display:none}.cs-portrait-fallback{font-size:24px;font-weight:700;color:#f6e7b8}.cs-info{display:flex;flex-direction:column;gap:1px;min-width:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.cs-name{font-size:16px;color:#fff7de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6)}.cs-faction,.cs-level{font-size:12.5px;color:var(--cyan);font-weight:600}.cs-time{font-size:11.5px;color:#cfe7df;opacity:.85;font-variant-numeric:tabular-nums}.cs-slot-empty{display:grid;place-items:center;min-height:66px;border-radius:9px;border:1px dashed rgba(169,233,212,.28);background:#06221f4d}.cs-plus{width:46px;height:46px;border-radius:50%;padding:0;cursor:pointer;font:400 32px/1 -apple-system,Segoe UI,Roboto,sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,60,20,.8);background:radial-gradient(circle at 35% 30%,#9cf0b4,#3bb565 55%,#1d7a40);border:2px solid #d9fbe3;box-shadow:0 0 0 2px #082816b3,0 3px 8px #00000073,inset 0 2px 3px #fff6;transition:transform .15s ease-out,filter .15s}.cs-plus:hover{filter:brightness(1.1)}.cs-plus:active{transform:scale(.94)}.cs-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cs-jade,.cs-gold{font-family:"Noto Serif",Times New Roman,Georgia,serif!important;cursor:pointer;border-radius:8px;font-weight:700;transition:filter .15s,transform .12s ease-out}.cs-jade{min-height:40px;padding:4px 6px;font-size:14px;color:#f2fff9;text-shadow:0 1px 2px rgba(0,30,24,.8);background:linear-gradient(180deg,#5bb7a2,#2e8473 48%,#1c5f53);border:1px solid #b5f0dd;box-shadow:0 0 0 1px #08221ecc,inset 0 1px #ffffff59,0 2px 5px #00000059}.cs-gold{min-height:50px;font-size:20px;letter-spacing:.5px;color:#4b2c06;text-shadow:0 1px 0 rgba(255,245,210,.6);background:linear-gradient(180deg,#fff1b8,#f2c867 40%,#d69a34 72%,#b47a22);border:1px solid #fff4c8;box-shadow:0 0 0 1px #50320ae6,inset 0 1px #fff9,0 3px 10px #00000073,0 0 16px #ffd27840}.cs-jade.small,.cs-gold.small{min-height:34px;font-size:13.5px;padding:4px 14px}.cs-jade:hover:not(:disabled),.cs-gold:hover:not(:disabled){filter:brightness(1.08)}.cs-jade:active:not(:disabled),.cs-gold:active:not(:disabled){transform:scale(.97)}.cs-jade:disabled,.cs-gold:disabled{filter:grayscale(.7) brightness(.75);cursor:default}.cs-alert{position:absolute;z-index:5;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);max-width:min(520px,90vw)}.cs-modal{position:absolute;z-index:6;inset:0;display:grid;place-items:center;background:#00000080;padding:16px}.cs-modal[hidden]{display:none}.cs-modal-card{width:min(420px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;box-sizing:border-box;border-radius:12px;border:2px solid var(--jade-hi);background:linear-gradient(180deg,#22665cf7,#0c322efa);box-shadow:inset 0 0 0 3px #0a2e29bf,0 12px 32px #0009}.cs-modal-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.cs-modal-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;background:#06221f8c;border:1px solid rgba(169,233,212,.25)}.cs-modal-row span{display:flex;flex-direction:column;min-width:0}.cs-modal-row b{color:#fff7de;font-size:15px}.cs-modal-row small{color:var(--cyan);font-size:12px}.cs-modal-note{margin:4px 0;text-align:center;font-size:13px;color:#d5ece5;font-family:-apple-system,Segoe UI,Roboto,sans-serif}@media (max-height: 500px) and (orientation: landscape){.cs-scene{--pf: min(38vw, 66vh)}.cs-panel{width:min(34vw,330px);padding:8px 9px 10px;gap:7px}.cs-head{padding-bottom:5px}.cs-head h2{font-size:17px}.cs-list{gap:6px}.cs-card{padding:6px 8px;gap:9px}.cs-portrait{width:48px;height:48px}.cs-name{font-size:14.5px}.cs-faction,.cs-level{font-size:11.5px}.cs-time{font-size:10.5px}.cs-slot-empty{min-height:52px}.cs-plus{width:38px;height:38px;font-size:27px}.cs-jade{min-height:34px;font-size:12.5px}.cs-gold{min-height:40px;font-size:17px}.cs-age-badge{width:30px;height:30px;font-size:12px}.cs-age p{font-size:10px;max-width:180px}.cs-round-ico{width:40px;height:40px}.cs-round-ico svg{width:22px;height:22px}.cs-round-label{font-size:12px}}@media (orientation: portrait){.cs-scene{--pf: min(72vw, 40vh);background-position:62% 40%,0 0,62% 40%}.cs-stage{inset:0 0 auto;height:56%}.cs-platform{bottom:4%}.cs-figure{height:70%;bottom:calc(4% + var(--pf) * .17 - 3.4%)}.cs-panel{top:auto;transform:none;left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;min-width:0;max-height:44%}.cs-alert{bottom:auto;top:calc(110px + env(safe-area-inset-top,0px))}.cs-panel{gap:8px;padding:10px}.cs-head{padding-bottom:6px}.cs-head h2{font-size:19px}.cs-list{gap:6px}.cs-card{padding:6px 9px}.cs-portrait{width:48px;height:48px}.cs-slot-empty{min-height:50px}.cs-plus{width:38px;height:38px;font-size:27px}}@media (orientation: portrait) and (min-width: 640px){.cs-panel{left:50%;right:auto;width:min(520px,90vw);transform:translate(-50%)}}.cs-age{gap:0;padding:4px 9px 4px 6px;max-width:300px;border-radius:3px;background:#163e349e;border:1px solid rgba(190,230,210,.45)}.cs-age-badge{width:auto;height:auto;padding:0 8px 0 0;margin-right:8px;border:0;border-right:1px solid rgba(190,230,210,.4);border-radius:0;background:none;box-shadow:none;font:300 30px/1 Arial Narrow,Arial,sans-serif;color:#eaf6ef}.cs-age-badge{display:flex;align-items:flex-start;white-space:nowrap}.cs-age-badge sup{font-size:.5em;line-height:1;margin-left:1px}.cs-age p{font-weight:500;color:#e3f1ea;max-width:170px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cs-round-btn{position:relative;margin:14px 0 0 10px}.cs-round-ico{width:58px;height:58px;place-items:start center;padding-top:7px;box-sizing:border-box;color:#f3e6b4;background:radial-gradient(circle at 40% 30%,#456f5a,#1c3e30 72%);border:2px solid #8fb79d;box-shadow:0 0 0 2px #0a1e16d9,0 3px 8px #00000080,inset 0 1px 3px #ffffff40}.cs-round-ico svg{width:24px;height:24px}.cs-round-label{position:absolute;left:0;right:0;top:32px;text-align:center;font-size:11px;color:#f3e6b4;pointer-events:none}.cs-side{position:absolute;z-index:3;top:50%;transform:translateY(-50%);right:calc(14px + env(safe-area-inset-right,0px));width:min(24vw,300px);min-width:210px;display:flex;flex-direction:column;gap:10px;max-height:calc(100% - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.cs-side .cs-panel{position:static;transform:none;width:auto;min-width:0;max-height:none;flex:1 1 auto;min-height:0;padding:0 0 6px;gap:6px;border-radius:6px;border:2px solid #9cc8bb;background:linear-gradient(180deg,#163836ed,#102c2bf2);box-shadow:0 0 0 1px #061816e6,inset 0 0 0 1px #061816cc,0 10px 26px #00000080}.cs-side .cs-head{position:relative;padding:9px 34px;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(156,200,187,.45);background:linear-gradient(180deg,#2a5f57,#19443e)}.cs-side .cs-head h2{font-size:20px;color:#f4f1e2;text-shadow:0 1px 2px rgba(0,0,0,.6)}.cs-side .cs-diamond{position:absolute;top:50%;width:10px;height:10px;margin-top:-6px;background:none;border:1.5px solid #d4ece4;box-shadow:none}.cs-side .cs-diamond:first-child{left:12px}.cs-side .cs-diamond:last-child{right:12px}.cs-side .cs-list{gap:6px;padding:0 6px}.cs-side .cs-card{border-radius:2px;border:1px solid rgba(140,200,180,.25);background:#0e2626d9;min-height:96px}.cs-side .cs-card.active{border-color:#8fd9b8;box-shadow:inset 0 0 18px #aaffd22e;background:radial-gradient(ellipse at 70% 40%,rgba(255,255,255,.08),transparent 60%),linear-gradient(180deg,#2f8a6b,#1d6550)}.cs-side .cs-portrait{width:66px;height:66px;border:2px solid #e9f2e8;box-shadow:0 0 0 2px #08281eb3}.cs-side .cs-name{font-size:16px;color:#fff}.cs-side .cs-faction,.cs-side .cs-level{color:#8ff3f5}.cs-side .cs-time{color:#fff;opacity:.95;font-size:13px}.cs-side .cs-slot-empty{min-height:96px;border-radius:2px;border:1px solid rgba(140,200,180,.18);background:#0e2626d9}.cs-side .cs-plus{width:52px;height:52px;font-size:36px;color:#fff4c4;background:radial-gradient(circle at 40% 30%,#4f9a6a,#23603d 70%);border:2px solid #b8d8a8}.cs-side .cs-actions{display:flex;flex-direction:column;gap:6px;padding:0 6px}.cs-side .cs-jade{min-height:48px;border-radius:3px;font-size:16px;background:linear-gradient(180deg,#43a88c,#2a7f69,#1f6656);border:1px solid #8fdcc4;box-shadow:0 0 0 1px #061e1acc,inset 0 0 0 2px #0a3c3280,inset 0 1px #ffffff4d}.cs-side .cs-gold{min-height:60px;border-radius:3px;font-size:21px;color:#3a280a;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,#fbf4cf,#ecd585 45%,#d0a74a);border:2px solid #fff3c2;box-shadow:0 0 0 1px #5a3c0ae6,0 4px 12px #00000073}@media (max-height: 500px) and (orientation: landscape){.cs-side{width:min(25vw,240px);gap:7px}.cs-side .cs-card{gap:8px;padding:6px 7px}.cs-side .cs-portrait{width:42px;height:42px}.cs-side .cs-name{font-size:14px}.cs-side .cs-time{font-size:11px}.cs-side .cs-head{padding:6px 28px}.cs-side .cs-head h2{font-size:16px}.cs-side .cs-card,.cs-side .cs-slot-empty{min-height:58px}.cs-side .cs-portrait{width:48px;height:48px}.cs-side .cs-plus{width:40px;height:40px;font-size:28px}.cs-side .cs-jade{min-height:34px;font-size:13px}.cs-side .cs-gold{min-height:42px;font-size:17px}.cs-age-badge{font-size:24px}.cs-round-ico{width:48px;height:48px;padding-top:5px}.cs-round-label{top:26px;font-size:10px}}@media (orientation: portrait){.cs-side{top:auto;transform:none;left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;min-width:0;max-height:46%;gap:8px}.cs-side .cs-panel{padding-bottom:6px}.cs-side .cs-card,.cs-side .cs-slot-empty{min-height:62px}.cs-side .cs-portrait{width:48px;height:48px}.cs-side .cs-plus{width:38px;height:38px;font-size:27px}.cs-side .cs-actions{display:grid;grid-template-columns:1fr 1fr}.cs-side .cs-jade{min-height:40px;font-size:14px}.cs-side .cs-gold{min-height:48px;font-size:19px}}@media (orientation: portrait) and (min-width: 640px){.cs-side{left:50%;right:auto;width:min(520px,90vw);transform:translate(-50%)}}@media (min-width: 1100px) and (min-height: 680px) and (orientation: landscape){.cs-scene{--pf: min(34vw, 56vh)}.cs-topleft{top:20px;left:24px}.cs-age{padding:6px 12px 6px 8px;max-width:360px}.cs-age-badge{font-size:38px}.cs-age p{font-size:13px;max-width:220px}.cs-round-btn{margin:18px 0 0 14px}.cs-round-ico{width:70px;height:70px;padding-top:9px}.cs-round-ico svg{width:28px;height:28px}.cs-round-label{top:40px;font-size:13px}.cs-side{right:32px;width:clamp(300px,22vw,360px);gap:12px}.cs-side .cs-head{padding:12px 40px}.cs-side .cs-head h2{font-size:23px}.cs-side .cs-list{gap:8px;padding:0 8px}.cs-side .cs-card,.cs-side .cs-slot-empty{min-height:104px}.cs-side .cs-card{gap:14px;padding:10px 12px}.cs-side .cs-portrait{width:74px;height:74px}.cs-side .cs-name{font-size:19px}.cs-side .cs-faction,.cs-side .cs-level{font-size:14px}.cs-side .cs-time{font-size:13.5px}.cs-side .cs-plus{width:56px;height:56px;font-size:38px}.cs-side .cs-actions{gap:8px;padding:0 8px}.cs-side .cs-jade{min-height:52px;font-size:17px}.cs-side .cs-gold{min-height:66px;font-size:24px}.cs-side .cs-card:hover:not(.active){background:#1a403ce6}.cs-side .cs-slot-empty:hover{background:#143432e6}.cs-figure{height:70%}.ls-logo{top:8%}.ls-bottom{width:460px;bottom:10%}.ls-server{padding:12px 18px}.ls-server-name{font-size:18px}.ls-server-change{font-size:15px}.ls-login{min-height:62px;font-size:24px}}@media (prefers-reduced-motion: reduce){.cs-glow,.cs-figure:after,.cs-motes b,.cs-body.cs-enter{animation:none}.cs-motes{display:none}}.char-hub-panel{width:100%;max-width:960px;background:linear-gradient(180deg,#1d1813f2,#13100dfa);border:1.5px solid #8e7339;border-radius:14px;padding:28px 32px;box-shadow:0 20px 50px #000000d9,0 0 30px #b88c3233;display:flex;flex-direction:column;gap:20px}.char-hub-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid rgba(142,115,57,.35);padding-bottom:16px}.hub-brand-group{display:flex;flex-direction:column;gap:3px}.hub-title{font-size:26px;font-weight:800;letter-spacing:2px;color:#fff1b8;text-shadow:0 0 12px rgba(223,178,86,.5)}.hub-subtitle{font-size:13px;font-weight:600;color:#bca983;letter-spacing:1px}.hub-user-bar{display:flex;align-items:center;gap:14px}.hub-user-name{font-size:14px;font-weight:600;color:#ffd679}.hub-btn-ghost{padding:6px 14px;background:#1e1812b3;border:1px solid #735b2e;border-radius:6px;color:#cfbf9e;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.hub-btn-ghost:hover{background:#32281ee6;border-color:#dfb256;color:#fff0cc}.hub-alert{padding:10px 14px;border-radius:6px;font-size:13.5px;text-align:center}.hub-alert.error{background:#781919b3;border:1px solid #c94444;color:#ffdada}.hub-alert.success{background:#1e5f2db3;border:1px solid #48b868;color:#ddffea}.char-slots-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.char-card{position:relative;background:linear-gradient(180deg,#261f17d9,#16120ef2);border:1.5px solid #635028;border-radius:12px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 20px #00000080}.char-card:hover{border-color:#bfa15c;transform:translateY(-4px);box-shadow:0 12px 28px #000000b3,0 0 16px #bfa15c4d}.char-card.active{border-color:#ffd679;background:linear-gradient(180deg,#32281ce6,#1c1610fa);box-shadow:0 12px 30px #000c,0 0 20px #ffd67966}.char-card-ornament{position:absolute;width:14px;height:14px;pointer-events:none;border:1.5px solid #dfb256;opacity:.6}.char-card-ornament.top-left{top:6px;left:6px;border-right:none;border-bottom:none}.char-card-ornament.top-right{top:6px;right:6px;border-left:none;border-bottom:none}.char-card-badge{position:absolute;top:10px;right:12px;font-size:11px;font-weight:700;color:#d9a441;letter-spacing:.5px}.char-card.active .char-card-badge{color:#ffd679;text-shadow:0 0 6px rgba(255,214,121,.6)}.char-card-avatar{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#8e733959,#0e0b08cc 70%);border:2px solid #8e7339;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0009;margin-top:4px}.char-avatar-icon{font-size:36px}.char-card-info{display:flex;flex-direction:column;gap:6px;width:100%}.char-card-name{font-size:18px;font-weight:700;color:#fff1b8;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.char-card-meta{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12.5px}.char-badge-level{background:#b88c3240;border:1px solid #735b2e;border-radius:4px;padding:2px 8px;color:#ffd679;font-weight:600}.char-badge-look{color:#bca983}.char-card-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:auto}.char-btn-enter{width:100%;padding:11px 0;border:none;border-radius:6px;background:linear-gradient(180deg,#dfb256,#a47a24);color:#1a140a;font-size:14px;font-weight:800;letter-spacing:1.5px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0006,0 0 10px #dfb2564d}.char-btn-enter:hover{background:linear-gradient(180deg,#f1c971,#b88b2b);box-shadow:0 4px 16px #dfb25680;transform:translateY(-1px)}.char-btn-delete{padding:6px 0;background:transparent;border:1px solid rgba(180,60,60,.4);border-radius:6px;color:#e68585;font-size:12px;cursor:pointer;transition:all .2s}.char-btn-delete:hover{background:#b43c3c33;border-color:#e65555;color:#ffb5b5}.char-card.slot-empty{border-style:dashed;border-color:#8e733973;background:#14100c80;justify-content:center}.char-card.slot-empty:hover{border-color:#dfb256;background:#1e1812b3}.empty-icon{font-size:40px;color:#8e7339;line-height:1;transition:transform .2s}.char-card.slot-empty:hover .empty-icon{color:#ffd679;transform:scale(1.15)}.empty-title{font-size:16px;font-weight:700;color:#d6c5a0;margin:0}.empty-desc{font-size:12px;color:#8a7a5c;margin:0}.char-btn-create-slot{margin-top:8px;padding:8px 18px;border:1px solid #8e7339;border-radius:6px;background:#282016cc;color:#ffd679;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.char-card.slot-empty:hover .char-btn-create-slot{background:#a47a24;color:#1a140a;border-color:#dfb256}.char-hub-footer{text-align:center;border-top:1px solid rgba(142,115,57,.25);padding-top:14px;margin-top:4px}.hub-quote{font-size:13px;font-style:italic;color:#9c8a66;margin:0;letter-spacing:.5px}.create-panel{max-width:680px}.create-char-form{display:flex;flex-direction:column;gap:18px}.form-field{display:flex;flex-direction:column;gap:6px;text-align:left}.form-field label{font-size:13.5px;font-weight:700;color:#cfbf9e}.field-hint{font-size:11.5px;color:#8a7a5c}.form-field input[type=text]{width:100%;padding:11px 12px 11px 38px;background:#0a0806bf;border:1px solid #635028;border-radius:6px;color:#fff4d4;font-size:14px;box-sizing:border-box;transition:all .2s}.form-field input[type=text]:focus{outline:none;border-color:#dfb256;box-shadow:0 0 8px #dfb25666;background:#0e0b08f2}.look-grid-select{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.look-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 10px;border:1.5px solid #574624;border-radius:8px;background:#120e0abf;cursor:pointer;transition:all .2s}.look-card input{display:none}.look-card:hover{border-color:#bfa15c;background:#1e1812d9}.look-card.selected{border-color:#ffd679;background:#32281af2;box-shadow:0 0 12px #ffd67959}.look-card-icon{font-size:26px}.look-card-title{font-size:14px;font-weight:700;color:#fff0cc}.look-card-desc{font-size:11px;color:#a89878;line-height:1.35}.create-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.char-btn-secondary{width:100%;padding:11px 0;border:1px solid #735b2e;border-radius:6px;background:#1e1812b3;color:#cfbf9e;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.char-btn-secondary:hover{background:#32281ee6;border-color:#dfb256;color:#fff0cc}@media (max-width: 768px){.char-slots-container{grid-template-columns:1fr}.char-hub-panel{padding:18px 16px;max-height:94dvh;overflow-y:auto}.hub-title{font-size:20px}.hub-subtitle{font-size:11.5px}.look-grid-select{grid-template-columns:1fr}}@media (max-height: 500px) and (orientation: landscape){.char-hub-overlay{padding:8px}.char-hub-panel{padding:12px 16px;max-height:96dvh;gap:10px;overflow-y:auto}.char-hub-header{padding-bottom:8px}.hub-title{font-size:18px}.char-slots-container{grid-template-columns:repeat(3,1fr);gap:10px}.char-card{padding:12px 10px;gap:8px}.char-card-avatar{width:50px;height:50px;margin-top:0}.char-avatar-icon{font-size:24px}.char-card-name{font-size:15px}.char-btn-enter{padding:8px 0;font-size:12.5px}.char-hub-footer{display:none}}#stage canvas.skill-aim{position:absolute;inset:0;z-index:8;pointer-events:none}#skill-cancel{position:absolute;z-index:12;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#f3e7c4;background:#140f09d9;border:2px solid #7a6a3c;box-shadow:0 2px 10px #00000080;pointer-events:none;font-weight:700}#skill-cancel span{font-size:20px;line-height:1}#skill-cancel small{font-size:10px}#skill-cancel.hot{color:#fff;background:#c8281ee6;border-color:#ff8a76;transform:translate(-50%) scale(1.12)}#skill-cancel[hidden]{display:none!important}#mwheel.aiming button{opacity:.45}#mwheel.aiming button.mw-atk{opacity:.6}#mwheel,#mwheel button{touch-action:none}@media (pointer:coarse) and (max-width:1400px) and (orientation:portrait),(max-width:760px) and (orientation:portrait){#skill-cancel{top:calc(150px + env(safe-area-inset-top,0px))}}#target-lock{position:absolute;z-index:9;right:calc(8px + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto}#target-lock[hidden]{display:none!important}#target-lock .tl-cycle{width:40px;height:40px;border-radius:50%;border:1px solid #7a6a3c;background:#140f09cc;color:#f3e7c4;font-size:20px;padding:0}#target-lock .tl-list{display:flex;flex-direction:column;gap:4px}#target-lock .tl-chip{position:relative;min-width:96px;max-width:132px;padding:5px 8px 8px;border-radius:8px;border:1px solid #7a6a3c;background:#140f09cc;color:#f3e7c4;text-align:left;font-size:12px;line-height:1.15;overflow:hidden}#target-lock .tl-chip b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}#target-lock .tl-chip small{color:#b8aa8c;font-size:10px}#target-lock .tl-chip i{position:absolute;left:0;bottom:0;height:3px;background:#e0453a}#target-lock .tl-chip.on{border-color:#f0c860;box-shadow:0 0 0 2px #f0c86059;background:#503c14d9}#dash-btn{display:none;position:absolute;z-index:9;left:calc(170px + env(safe-area-inset-left,0px));bottom:calc(34px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;border:2px solid #7a6a3c;background:radial-gradient(circle at 50% 35%,#3a2d18e6,#140f09e6);color:#f3e7c4;touch-action:none;padding:0}#dash-btn .dash-thumb{display:block;font-size:26px;line-height:54px;transition:transform .05s}#dash-btn .dash-thumb{position:absolute;inset:0}#dash-btn .dash-thumb img{position:absolute;inset:12%;width:76%;height:76%;border-radius:50%;pointer-events:none;-webkit-user-drag:none}#dash-btn em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:14px;color:#ffd060;pointer-events:none}#dash-btn.cd{opacity:.6}#dash-btn.cd .dash-thumb{opacity:.3}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin #dash-btn{display:block}}@media (pointer:coarse) and (max-width:1400px) and (orientation:landscape),(max-width:760px) and (orientation:landscape){#dash-btn{left:calc(232px + env(safe-area-inset-left,0px));bottom:calc(118px + env(safe-area-inset-bottom,0px))}#target-lock{top:calc(156px + env(safe-area-inset-top,0px));transform:none;flex-direction:row-reverse;align-items:center}#target-lock .tl-list{flex-direction:row}#target-lock .tl-chip{min-width:88px;max-width:120px}}@media (pointer:coarse) and (max-width:1400px) and (orientation:portrait),(max-width:760px) and (orientation:portrait){#dash-btn{left:calc(124px + env(safe-area-inset-left,0px));bottom:calc(30px + env(safe-area-inset-bottom,0px))}#target-lock{right:auto;left:calc(8px + env(safe-area-inset-left,0px));top:48%;align-items:flex-start}}#mount-bar{position:fixed;left:50%;bottom:calc(18% + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(220px,60vw);padding:3px 4px 4px;background:#0c0a06c7;border:1px solid #b8913f;border-radius:4px;z-index:60;pointer-events:none;text-align:center}#mount-bar[hidden]{display:none}#mount-bar span{display:block;font-size:12px;line-height:15px;color:#f1dca0;text-shadow:0 1px 1px #000}#mount-bar i{display:block;height:7px;width:0;background:linear-gradient(#f6dc8a,#b6842a);border-radius:2px}#fchar .jx-slot{container-type:inline-size}#fchar .jx-slot .cnt{font-size:clamp(8px,30cqi,15px);right:2px;max-width:calc(100% - 4px);overflow:hidden;white-space:nowrap}html body #itemtip{width:clamp(180px,19vw,280px);min-width:0;max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);overflow:auto;padding:6px 8px;font-size:clamp(11px,calc(.9vw + 4px),13px);line-height:1.3}@media (orientation:portrait) and (max-width:760px){html body #itemtip{width:min(60vw,240px);font-size:11.5px}}html body #itemtip .th{font-size:1.1em}html body #itemtip .tip-acts{gap:4px;margin-top:6px}html body #itemtip .tip-acts button{min-height:30px;padding:2px 6px!important;font-size:12px}#itemtip .th b{font-weight:700;color:#f6eedb}#itemtip .facts{margin-top:2px;color:#e9e2cf;line-height:1.35}#itemtip .facts .tr{display:grid;grid-template-columns:auto 1fr;gap:6px;padding:0}#itemtip .facts .tr span:after{content:":"}#itemtip .facts .tr b{font-weight:600;color:#f6eedb}#itemtip .facts .bad,#itemtip .req{color:#ff5a4a}#itemtip .kind{color:#e9e2cf}#itemtip .kind .base{color:#e6c35c}#itemtip .ops{margin-top:6px;padding-top:4px;border-top:1px dotted #4b5a4a}#itemtip .op{padding:1px 0;color:#6fb6ff}#itemtip .set b{color:#5fe08a;font-weight:600}#itemtip .desc{margin:2px 0 4px;color:#ffe680;white-space:normal}#itemtip .exp{color:#ff6b5b}#itemtip .facts{margin-top:4px;padding-top:4px;border-top:1px dotted rgba(255,255,255,.14)}#itemtip .ok{color:#bfe0c9}#itemtip .flags{margin-top:4px;color:#e9e2cf;font-size:.95em}#itemtip .flags .no{color:#7c8388}#itemtip .price{margin-top:4px;color:#e9e2cf}#itemtip .hint{margin-top:4px;color:#9aa3a8;font-size:.92em}#itemtip .tp-pic{position:relative;display:flex;justify-content:center;align-items:center;height:clamp(44px,5vw,64px);margin:0 0 4px}#itemtip .tp-pic .ico{height:100%;width:auto;object-fit:contain}#itemtip .tp-lock{position:absolute;right:0;top:0;font-style:normal;font-size:14px;filter:drop-shadow(0 1px 1px #000)}#itemtip .tp-worn{position:absolute;left:0;top:0;padding:1px 5px;border-radius:3px;background:#5fe08a2e;color:#5fe08a;font:600 10px/1.4 system-ui;font-style:normal}#itemtip .th{text-align:center;color:#fad782}#itemtip .th b{color:#fad782!important}html body #itemtip.cmp{width:auto;max-width:calc(100vw - 12px)}#itemtip .tp-wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}#itemtip .tp-wrap>.tp{width:clamp(180px,19vw,280px);min-width:0}#itemtip .tp-cmp{padding-left:10px;border-left:1px solid rgba(255,255,255,.14);opacity:.92}#itemtip .tp-cap{margin-bottom:2px;color:#9aa3a8;font:600 10px/1.4 system-ui;text-transform:uppercase;letter-spacing:.04em}#itemtip .tp-cmpbox{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.14)}#itemtip .tp-cmpbox summary{cursor:pointer;color:#bfe0c9;font-weight:600;list-style-position:inside}#itemtip .tp-cmpbox[open] summary{margin-bottom:2px}#itemtip.dock .tp-cmpbox .th{margin:2px 0!important;padding:0!important;background:none!important;border:0!important}#fbag.bagm .bm-foot .mny{gap:3px}#fbag.bagm .bm-foot .mny>span{gap:1px}#fbag.bagm .bm-foot .mny img{height:9px}html.server-hud #fbag.bagm .win-head [data-close]{right:12px!important}html.server-hud #fbag.bagm{overflow-x:hidden}@media (max-height:380px) and (orientation:landscape) and (pointer:coarse){#fchar.pcm{--s:clamp(22px, calc((100dvh - 118px) / 7.8), 46px)}#fchar.pcm .pc-tabs button{min-height:28px;padding:2px 6px;font-size:13px}#fchar.pcm .pc-tabs{margin-bottom:4px}html.server-hud #fchar.pcm .fbody{padding:4px 6px!important}#fchar.pcm .pc-foot{font-size:11px;padding:2px 7px}}html body #itemtip.dock{display:flex;flex-direction:column;padding:0;overflow:hidden;pointer-events:auto;width:clamp(170px,21vw,240px);background:linear-gradient(180deg,#173c39,#0c2524)!important;border:2px solid #b8913a!important}html body #itemtip.dock[hidden]{display:none}@media (orientation:portrait) and (max-width:760px){html body #itemtip.dock{width:min(58vw,230px)}}#itemtip.dock .tip-ico{position:relative;flex:none;display:flex;align-items:center;justify-content:center;margin:8px 8px 0;aspect-ratio:1.45;max-height:30%;background:#0f2f2e radial-gradient(circle,rgba(82,112,106,.35),transparent 70%);border:1px solid #52706a;border-radius:4px}#itemtip.dock .tip-ico .ico{width:auto;height:72%;max-width:80%;object-fit:contain;image-rendering:auto}#itemtip.dock .tip-x{position:absolute;right:4px;top:4px;width:30px;height:30px;padding:0;min-height:0;border-radius:50%;border:1px solid #9fb9b0;background:#041615d9;color:#fff;font:700 15px/1 system-ui}#itemtip.dock .tip-body{flex:1;min-height:0;overflow:auto;padding:0 8px 6px;-webkit-overflow-scrolling:touch}#itemtip.dock .th{justify-content:center;margin:6px -8px 4px;padding:5px 8px;background:#04161599;border-top:1px solid #2f5752;border-bottom:1px solid #2f5752!important;text-align:center}#itemtip.dock .tip-acts{flex:none;margin:0;padding:6px 8px 8px;border-top:1px solid #2f5752}@media (max-height:560px) and (orientation:landscape) and (pointer:coarse){html.server-hud body :is(#fchar.pcm.land,#fbag.bagm[class]) .win-head{padding:2px 4px 2px 10px!important;min-height:0!important}html.server-hud body :is(#fchar.pcm.land,#fbag.bagm[class]) .win-head b{font-size:14px!important;line-height:1.3!important}html.server-hud body #fchar.pcm.land .win-head button{width:26px!important;height:26px!important;font-size:13px!important;line-height:24px!important}html.server-hud body #fbag.bagm[class] .win-head [data-close]{width:26px!important;height:26px!important;top:3px!important}html.server-hud body #fbag.bagm[class] .win-head [data-close]:after{font-size:14px!important;line-height:22px!important}html.server-hud #fchar.pcm.land{--s:clamp(24px, calc((100dvh - 120px) / 7.7), 40px);max-width:calc(100vw - 12px)!important}html.server-hud #fchar.pcm.land .fbody{padding:4px 6px 6px!important}#fchar.pcm.land .pc-tabs{margin-bottom:4px}html.server-hud body #fchar.pcm.land .pc-tabs button{flex:none!important;min-height:22px!important;padding:1px 12px!important;font-size:12px!important}#fchar.pcm.land .pc-foot{width:0;min-width:100%;box-sizing:border-box}#fchar.pcm.land .pc-body.tab-all{grid-template-columns:auto clamp(196px,26vw,250px);grid-template-areas:"gear stats" "row stats" "foot stats";gap:4px 5px}#fchar.pcm.land .pc-model{flex:1;min-width:calc(var(--s) * 3.3)}#fchar.pcm.land .tab-pot .pc-box.attrs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}html.server-hud #fchar.pcm.land #jx-prev{height:calc(var(--s) * 6.6)!important}#fchar.pcm.land .pc-stats{display:flex;flex-direction:column;gap:3px;min-width:0;max-height:calc(100dvh - 82px);overflow:auto}#fchar.pcm.land .pc-box,#fchar.pcm.land .pc-box.attrs{display:block;padding:2px 6px}#fchar.pcm.land .pc-stats .r{min-height:0;font-size:11px;line-height:13px;gap:4px}#fchar.pcm.land .pc-box.cmb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px}#fchar.pcm.land .pc-box.cmb .r{font-size:10.5px}#fchar.pcm.land .pc-box.cmb .r span{overflow:hidden;text-overflow:ellipsis}#fchar.pcm.land .pc-stats .attrs .r{min-height:17px}html.server-hud body #fchar.pcm.land .pc-stats .attrs button{width:17px!important;height:17px!important;font-size:12px!important;line-height:15px!important}#fchar.pcm.land .pc-stats .r.pot{padding:2px 6px;font-size:12px}#fchar.pcm.land .pc-foot{font-size:10.5px;line-height:13px;padding:2px 6px;gap:0 6px}#fchar.pcm.land .pc-foot{display:grid;grid-template-columns:minmax(0,1fr) auto}#fchar.pcm.land .pc-foot>div{grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#fchar.pcm.land .pc-foot label{grid-column:2;grid-row:1 / 3;font-size:11px}html.server-hud body #fchar.pcm.land .pc-tabs button{flex:1!important}#fchar.pcm.land .pc-foot label input{width:13px;height:13px;margin:0}html.server-hud body :is(#fchar.pcm.land,#fbag.bagm[class],#fbag-ext.bagm[class]):not([hidden]){min-height:0!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;display:flex!important;flex-direction:column!important}html.server-hud body :is(#fchar.pcm.land,#fbag.bagm[class],#fbag-ext.bagm[class])>.fbody{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain}html.server-hud #fbag.bagm{--b:clamp(24px, min(3.9vw, calc((100dvh - 150px) / 6.3)), 44px);max-width:calc(100vw - 12px)!important}html.server-hud #fbag.bagm .fbody{padding:4px 6px 6px!important}#fbag.bagm .bm{gap:4px}#fbag.bagm .bm-menu{width:clamp(66px,9.2vw,96px);gap:3px}#fbag.bagm .bm-menu button{min-height:calc(var(--b) * .72);font-size:11px;padding:1px 3px}#fbag.bagm .bm-pages{gap:4px}#fbag.bagm .bm-pages button{font-size:13px}#fbag.bagm .bm-pages i{font-size:15px}#fbag.bagm .bm-foot{width:0;min-width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}#fbag.bagm .bm-foot span{grid-column:span 2;font-size:11px;padding:1px 5px}#fbag.bagm .bm-foot span:nth-child(-n+2){grid-column:span 3;font-size:11px;padding:1px 5px}}#fchar.pcm.land .pc-body.tab-pot .pc-stats{display:grid;grid-template-columns:minmax(196px,auto) minmax(250px,1fr);grid-template-rows:auto auto auto;align-items:start;align-content:start;gap:4px 8px}#fchar.pcm.land .pc-body.tab-pot .pc-stats .pc-box.vit{grid-column:1;grid-row:1}#fchar.pcm.land .pc-body.tab-pot .pc-stats .pc-box.attrs{grid-column:1;grid-row:2 / 4;display:grid;grid-template-columns:minmax(0,1fr);row-gap:2px}#fchar.pcm.land .pc-body.tab-pot .pc-stats .attrs .r{min-height:20px;font-size:12px;line-height:14px}html.server-hud body #fchar.pcm.land .pc-body.tab-pot .pc-stats .attrs button{width:22px!important;height:20px!important;font-size:13px!important;line-height:18px!important}#fchar.pcm.land .pc-body.tab-pot .pc-stats .r.pot{grid-column:2;grid-row:3;align-self:end}#fchar.pcm.land .pc-body.tab-pot .pc-stats .pc-box.cmb{grid-column:2;grid-row:1 / 3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;align-content:start}html.server-hud body #fchar.pcm.land[data-tab=pot]:not([hidden]){height:auto!important}#fchar.pcm.land .pc-body.tab-pot .pc-stats{max-height:none;overflow:visible}#mwheel .mw-pages{display:none}@media (max-height:560px) and (orientation:landscape) and (pointer:coarse){html.hud-skin body #vitals{width:min(330px,calc(100vw - 420px))!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important}html.hud-skin body #vitals .vtrow{display:flex;align-items:flex-start;gap:6px}html.hud-skin body #vitals #avatar{position:relative;flex:none;width:58px!important;height:58px!important;margin:0!important;padding:0!important;transform:none!important;border-radius:50%!important;border:2px solid #d7ad58!important;overflow:visible;background:radial-gradient(circle at 50% 35%,#3a5f5a,#10302d)!important}html.hud-skin body #vitals #avatar:active{transform:scale(.94)!important}html.hud-skin body #vitals #avatar img{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}html.hud-skin body #vitals #avatar b{position:absolute;right:-6px;bottom:-4px;width:24px;height:24px;transform:rotate(45deg);border:1px solid #d7ad58;border-radius:4px;background:linear-gradient(135deg,#2b635c,#10332f);font:700 10px/22px system-ui;color:#fff;text-align:center}html.hud-skin body #vitals .vtmain{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"ex ex ex" "hp mp st";gap:3px 4px;padding-top:2px}html.hud-skin body #vitals .who{display:none!important}html.hud-skin body #vitals .bar{position:relative;display:block!important;height:9px!important;margin:0 0 13px!important;overflow:visible;border-radius:5px!important;background:#040c0ebf!important;border:1px solid rgba(0,0,0,.6)!important}html.hud-skin body #vitals .bar i{height:100%;border-radius:4px}html.hud-skin body #vitals .bar.ex{grid-area:ex;height:14px!important;margin:0!important}html.hud-skin body #vitals .bar.ex i{background:linear-gradient(180deg,#9fc4ff,#4b78c8)!important;opacity:.75}html.hud-skin body #vitals .bar.ex span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 10px/1 system-ui;color:#fff;text-shadow:0 1px 2px #000}html.hud-skin body #vitals .bar.hp{grid-area:hp}html.hud-skin body #vitals .bar.mp{grid-area:mp}html.hud-skin body #vitals .bar.st{grid-area:st}html.hud-skin body #vitals :is(.bar.hp,.bar.mp,.bar.st) span{position:absolute;inset:100% 0 auto;margin-top:1px;text-align:center;font:600 10px/12px system-ui;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}html.hud-skin body #actions{gap:2px 12px!important;row-gap:16px!important;max-width:none!important;flex-wrap:nowrap!important}html.hud-skin #actions button,html.hud-skin #mdock button{position:relative;overflow:visible!important}html.hud-skin #actions button:after,html.hud-skin #mdock button:after{content:attr(title);position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:1px;font:600 10px/12px system-ui;color:#fff4d6;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;pointer-events:none}html.hud-skin #actions button .btn-art,html.hud-skin #mdock button .btn-art{border-radius:50%}html.hud-skin #actions button.has-art{overflow:visible!important}html.hud-skin #mwheel{bottom:calc(44px + var(--sb))}#mwheel .mw-s.empty span:before{content:attr(data-n);font:600 18px system-ui;color:#f0f0f0d9}html.hud-skin #mwheel .mw-pg{display:none}html.hud-skin #mwheel .mw-pages{display:flex;position:absolute;right:-6px;bottom:-40px;gap:14px;padding:3px 10px;border-radius:16px;background:#0c0a068c;pointer-events:auto}html.hud-skin #mwheel .mw-pages button{position:static;width:28px;height:28px;border:1px solid rgba(215,173,88,.6);background:#1e1a14d9;color:#f3e7c4;font:700 13px/1 system-ui}html.hud-skin #mwheel .mw-pages button.on{background:radial-gradient(circle at 50% 35%,#4fc28b,#1d6b47);border-color:#bfe0c9;color:#fff}}@media (max-height:370px) and (orientation:landscape) and (pointer:coarse){html.hud-skin #mwheel{transform:scale(.82);transform-origin:100% 100%;bottom:calc(40px + var(--sb))}html.hud-skin #mwheel .mw-pages{bottom:-46px}}#chat-tabs,#minimap .mm-npc,#sysdock kbd{display:none}@media (pointer:fine) and (min-width:761px){:root{--jd0:rgba(13,40,34,.95);--jd1:rgba(26,61,53,.94);--brz:#b89758;--brz-d:#785e2f;--brz-l:#e2c88a;--gold-t:#ffeb78;--c-hp:#ff4d4d;--c-mp:#38bdf8;--c-sp:#4ade80;--c-pot:#fb923c;--frame:inset 0 0 0 1px var(--brz-d), inset 0 2px 0 rgba(255,236,180,.28), inset 0 -2px 0 rgba(0,0,0,.45), 0 0 0 1px #24190a, 0 6px 18px rgba(0,0,0,.6)}html.hud-skin.server-hud body :is(.fwin.pc,#vitals,#minimap,#hotbar,#sysdock,#side,#dock){background:linear-gradient(180deg,var(--jd1),var(--jd0))!important;border:2px solid var(--brz)!important;border-radius:3px!important;box-shadow:var(--frame)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.hud-skin.server-hud body :is(.fwin.pc,#minimap,#hotbar,#sysdock):after{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:3;background:radial-gradient(circle,var(--brz-l) 0 2px,var(--brz-d) 3px,transparent 4px) 0 0 / 10px 10px no-repeat,radial-gradient(circle,var(--brz-l) 0 2px,var(--brz-d) 3px,transparent 4px) 100% 0 / 10px 10px no-repeat,radial-gradient(circle,var(--brz-l) 0 2px,var(--brz-d) 3px,transparent 4px) 0 100% / 10px 10px no-repeat,radial-gradient(circle,var(--brz-l) 0 2px,var(--brz-d) 3px,transparent 4px) 100% 100% / 10px 10px no-repeat}html.hud-skin.server-hud body .fwin.pc .win-head{background:linear-gradient(180deg,#2c5a4e,#163a32)!important;border-bottom:2px solid var(--brz-d)!important;box-shadow:inset 0 -1px 0 var(--brz),inset 0 1px #ffecb433!important}html.hud-skin.server-hud body :is(#fchar,#fbag,#fbag-ext).pc .win-head b{color:var(--gold-t)!important;-webkit-text-fill-color:var(--gold-t)!important;background:none!important;filter:none!important;font:700 18px/1.3 Georgia,Times New Roman,serif!important;letter-spacing:1px;text-shadow:0 1px 0 #3d2a0f,0 0 6px rgba(0,0,0,.7)!important}html.hud-skin.server-hud body .fwin.pc .win-head :is(button,.win-help){border-radius:2px!important;border:1px solid var(--brz)!important;background:linear-gradient(180deg,#3a6a5d,#173a32)!important;box-shadow:inset 0 1px #ffecb44d,0 1px 2px #000!important;color:var(--gold-t)!important}html.hud-skin.server-hud body .fwin.pc .win-head [data-close]{background:linear-gradient(180deg,#8a2a20,#4e130e)!important;color:#fff!important}html.hud-skin.server-hud body :is(.fwin.pc .pc-box,.fwin.pc .pc-foot,.pc-bag .pc-grid,.pc-bag .pc-sel){background:#05141199!important;border:1px solid var(--brz-d)!important;border-radius:2px!important;box-shadow:inset 0 0 10px #0000008c!important}html.hud-skin.server-hud body .fwin.pc .jx-slot{border:1px solid var(--brz-d)!important;border-radius:2px!important;background:#0b231e radial-gradient(circle,rgba(184,151,88,.1) 0 30%,transparent 31%) center / 70% 70% no-repeat!important;box-shadow:inset 0 0 0 1px #0009,inset 0 2px 6px #000000b3!important}html.hud-skin.server-hud body .fwin.pc .jx-slot.full{border-color:var(--brz)!important}html.hud-skin.server-hud body .fwin.pc .jx-slot[data-sel]{outline:2px solid var(--gold-t)!important;outline-offset:-1px}html.hud-skin.server-hud body :is(.pc-char .pc-tabs button,.pc-bag .pc-cats button,#chat-tabs button){border:1px solid var(--brz-d)!important;border-bottom:0!important;border-radius:3px 3px 0 0!important;background:linear-gradient(180deg,#1e4038,#10291f)!important;color:#cfe3d6!important;padding:4px 14px!important;font:600 13px Georgia,serif!important;box-shadow:inset 0 1px #ffecb426!important}html.hud-skin.server-hud body :is(.pc-char .pc-tabs button.on,.pc-bag .pc-cats button.on,#chat-tabs button.on){background:linear-gradient(180deg,#d9bd78,#8f6d33)!important;border-color:var(--brz-l)!important;color:#1d1405!important}html.hud-skin.server-hud body #vitals{width:300px!important;padding:6px 10px 8px 6px!important}html.hud-skin.server-hud body #vitals .vtrow{gap:8px;align-items:center}html.hud-skin.server-hud body #vitals #avatar{width:58px!important;height:58px!important;margin:0!important;transform:none!important;border-radius:50%!important;border:3px solid var(--brz)!important;background:radial-gradient(circle at 50% 35%,#2f6355,#0d2822)!important;box-shadow:inset 0 0 0 2px var(--brz-d),0 0 0 1px #24190a,0 2px 6px #0009!important}html.hud-skin.server-hud body #vitals #avatar:active{transform:scale(.94)!important}html.hud-skin.server-hud body #vitals #avatar b{transform:none!important;font:700 20px/52px Georgia,serif!important;color:var(--gold-t)!important}html.hud-skin.server-hud body #vitals .vtmain{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"ex" "hp" "mp" "st"!important;gap:3px!important}html.hud-skin.server-hud body #vitals .bar{height:14px!important;border:1px solid #000!important;border-radius:2px!important;background:#06110e!important;box-shadow:inset 0 1px 3px #000c,0 0 0 1px var(--brz-d)!important}html.hud-skin.server-hud body #vitals .bar.ex{height:11px!important}html.hud-skin.server-hud body #vitals .bar.ex span{font:600 9px/1 system-ui!important}html.hud-skin.server-hud body #vitals .bar.hp i{background:linear-gradient(180deg,#ff7a7a,var(--c-hp) 45%,#a31c1c)!important}html.hud-skin.server-hud body #vitals .bar.mp i{background:linear-gradient(180deg,#7dd3fc,var(--c-mp) 45%,#0b6c9c)!important}html.hud-skin.server-hud body #vitals .bar.st i{background:linear-gradient(180deg,#86efac,var(--c-sp) 45%,#15803d)!important}html.hud-skin.server-hud body #vitals .bar.ex i{background:linear-gradient(180deg,#fff3b0,#e3b93e 50%,#8a6514)!important}html.hud-skin.server-hud body #vitals :is(.bar.hp,.bar.mp,.bar.st) span{font:700 11px/1 system-ui!important}html.hud-skin.server-hud body #dock{left:330px!important}html.hud-skin.server-hud body #minimap{width:192px!important;padding:4px 6px 6px!important}html.hud-skin.server-hud body #minimap .mm-date{display:block!important;text-align:center;color:var(--gold-t)!important;font:600 12px Georgia,serif!important;padding:1px 0 3px!important;margin:0 0 3px!important;border-bottom:1px solid var(--brz-d)!important}html.hud-skin.server-hud body #minimap .mm-bar{color:var(--gold-t)!important;font:700 14px Georgia,serif!important}html.hud-skin.server-hud body #minimap.mm-rect canvas{display:block;width:180px!important;height:120px!important;margin:2px auto;border-radius:0!important;border:2px solid var(--brz)!important;box-shadow:inset 0 0 0 1px var(--brz-d),0 2px 6px #0009!important}html.hud-skin.server-hud body #minimap.mm-rect .mm-zoom{position:static;transform:none;display:flex;justify-content:center;gap:6px;margin-top:4px;pointer-events:auto}html.hud-skin.server-hud body #minimap.mm-rect .mm-zoom button,html.hud-skin.server-hud body #minimap .mm-npc{display:block;width:24px;height:22px;padding:0;min-height:0;border:1px solid var(--brz);border-radius:2px;background:linear-gradient(180deg,#3a6a5d,#173a32);color:var(--gold-t);font:700 13px/1 system-ui}html.hud-skin.server-hud body #fchar.pc .pc-stats .r span{color:#cfe3d6!important}html.hud-skin.server-hud body #fchar.pc .pc-stats .r b.hp,html.hud-skin.server-hud body #fchar.pc .pc-stats .vit .r:nth-child(1) span{color:var(--c-hp)!important}html.hud-skin.server-hud body #fchar.pc .pc-stats .r b.mp,html.hud-skin.server-hud body #fchar.pc .pc-stats .vit .r:nth-child(2) span{color:var(--c-mp)!important}html.hud-skin.server-hud body #fchar.pc .pc-stats .r b.st,html.hud-skin.server-hud body #fchar.pc .pc-stats .vit .r:nth-child(3) span{color:var(--c-sp)!important}html.hud-skin.server-hud body #fchar.pc .pc-stats .cmb .r:nth-child(5) b,html.hud-skin.server-hud body #fchar.pc .pc-stats .cmb .r:nth-child(5) span{color:var(--c-sp)!important}html.hud-skin.server-hud body #fchar.pc .pc-stats .r.pot span,html.hud-skin.server-hud body #fchar.pc .pc-stats .r.pot b{color:var(--c-pot)!important;font-weight:700}html.hud-skin.server-hud body #fchar.pc .pc-stats .attrs button{width:18px!important;height:18px!important;border-radius:2px!important;border:1px solid var(--brz)!important;background:linear-gradient(180deg,#3a6a5d,#173a32)!important;color:var(--gold-t)!important;font:700 13px/1 system-ui!important}html.hud-skin.server-hud body #fchar.pc .pc-stats .attrs button[aria-label^=Giảm]{display:inline-block!important}html.hud-skin.server-hud body #fchar.pc .pc-model{border:1px solid var(--brz-d)!important;background:radial-gradient(ellipse at 50% 62%,#2a5a4c,#0d2822 72%)!important}html.hud-skin.server-hud body #fchar.pc .jx-slot:not(.full):before{content:"";position:absolute;inset:16%;opacity:.42;background:var(--brz-l);-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat}html.hud-skin.server-hud body #fchar.pc .jx-slot:not(.full) em{position:relative;z-index:1}#fchar.pc .jx-slot[title=Nón]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2 4c3 1 6 4 6 9v2H4v-2c0-5 3-8 6-9zM3 18h18v3H3z'/%3E%3C/svg%3E")}#fchar.pc .jx-slot[title=Áo]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2l4 3 4-3 6 4-3 5-2-1v12H7V10l-2 1-3-5z'/%3E%3C/svg%3E")}#fchar.pc .jx-slot[title=Quần]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14l1 20h-6l-2-12-2 12H4z'/%3E%3C/svg%3E")}#fchar.pc .jx-slot[title="Vũ khí"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2l2 2-11 11-2-2zM6 14l4 4-2 2-1-1-3 3-2-2 3-3-1-1z'/%3E%3C/svg%3E")}#fchar.pc .jx-slot[title="Áo choàng"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6l1 3 5 17-6-3-3 3-3-3-6 3L8 5z'/%3E%3C/svg%3E")}#fchar.pc .jx-slot[title="Trang sức"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 1h2v4h-2z'/%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3C/svg%3E")}#fchar.pc .jx-slot[title=Ngựa]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2l3 3 4 1-1 4-3-1-2 3 1 10h-3l-1-7-4 1v6H5v-8l2-5 4-3z'/%3E%3C/svg%3E")}#fchar.pc .jx-slot:is([title^="Mật tịch"]){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h7v18H4zM13 3h7v18h-7z'/%3E%3C/svg%3E")}#fchar.pc .jx-slot[title="Ám khí"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l3 8 8 3-8 3-3 8-3-8-8-3 8-3z'/%3E%3C/svg%3E")}html.hud-skin.server-hud body :is(#fchar,#fbag,#fbag-ext).pc{max-height:none!important;overflow:visible!important}html.hud-skin.server-hud body #fbag.pc{width:384px!important;right:216px!important;top:86px!important}html.hud-skin.server-hud body #fbag-ext.pc{right:616px!important;top:86px!important}.pc-bag .pc-cats{display:flex;gap:3px;border-bottom:1px solid var(--brz-d);margin-bottom:6px}html.hud-skin.server-hud body .pc-bag .pc-cats button{padding:3px 10px!important;font-size:12px!important}html.hud-skin.server-hud body .pc-bag .pc-grid{grid-template-columns:repeat(6,1fr)!important;gap:2px!important}.pc-bag .pc-weight{display:flex;align-items:center;gap:8px;margin-top:6px;color:#cfe3d6;font:12px Georgia,serif}.pc-bag .pc-wbar{position:relative;flex:1;height:14px;border:1px solid #000;border-radius:2px;background:#06110e;box-shadow:0 0 0 1px var(--brz-d),inset 0 1px 3px #000}.pc-bag .pc-wbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#fff3b0,#d9a93a 50%,#7a5510)}.pc-bag .pc-wbar b{position:relative;display:block;text-align:center;font:700 10px/14px system-ui;color:#fff;text-shadow:0 1px 2px #000}.pc-bag .pc-money{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.pc-bag .pc-coin{display:flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid var(--brz-d);border-radius:2px;background:#05141199;font:11px Georgia,serif;color:#cfe3d6;white-space:nowrap;overflow:hidden}.pc-bag .pc-coin b{margin-left:auto;color:var(--gold-t);font-weight:600}.pc-bag .pc-coin i{flex:none;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 -2px 2px #0006,0 0 0 1px #000}.pc-bag .pc-coin.gold i{background:radial-gradient(circle at 35% 30%,#fff1a8,#d9a93a 60%,#7a5510)}.pc-bag .pc-coin.kim i{background:radial-gradient(circle at 35% 30%,#ffe08a,#f59e0b 60%,#7c3d0a)}.pc-bag .pc-coin.silver i{background:radial-gradient(circle at 35% 30%,#fff,#b8c2cc 60%,#5c6670)}.pc-bag .pc-coin.xu i{background:radial-gradient(circle at 35% 30%,#f5c99b,#b06a2c 60%,#5a2e0c)}html.hud-skin.server-hud body .pc-bag .pc-bagfoot{display:none!important}html.hud-skin.server-hud body #side{width:min(340px,calc(50vw - 290px))!important;height:200px!important;padding:0!important;display:flex;flex-direction:column}#chat-tabs{display:flex;gap:2px;padding:4px 34px 0 6px;border-bottom:1px solid var(--brz-d);flex:none}html.hud-skin.server-hud body #side #chat-toggle{left:auto!important;right:4px!important;top:3px!important}html.hud-skin.server-hud body #chat-tabs button{padding:2px 8px!important;font-size:11px!important}html.hud-skin.server-hud body #side #chat{flex:1;min-height:0}#chat[data-filter=sys]>div:not([data-kind=sys]),#chat[data-filter=guild]>div:not([data-kind=guild]),#chat[data-filter=faction]>div:not([data-kind=faction]){display:none}html.hud-skin.server-hud body #hotbar{padding:5px 8px!important;gap:4px!important}html.hud-skin.server-hud body #hotbar .slot{width:44px!important;height:44px!important;border:1px solid var(--brz-d)!important;border-radius:2px!important;background:#0b231e!important;box-shadow:inset 0 0 0 1px #0009,inset 0 2px 6px #000000b3!important}html.hud-skin.server-hud body #hotbar .slot img{width:40px!important;height:40px!important}html.hud-skin.server-hud body #hotbar .slot>span{color:var(--gold-t)!important}html.hud-skin.server-hud body #hotbar .hb-mouse .slot{width:54px!important;height:54px!important;border:2px solid var(--brz)!important;box-shadow:inset 0 0 0 1px var(--brz-d),0 0 8px #e2c88a59!important}html.hud-skin.server-hud body #hotbar .hb-mouse .slot img{width:48px!important;height:48px!important}html.hud-skin.server-hud body #hotbar .hb-page{color:var(--gold-t)!important}html.hud-skin.server-hud body #sysdock{display:grid!important;grid-template-columns:repeat(6,40px);gap:2px 3px!important;padding:4px 6px!important;height:auto!important}html.hud-skin.server-hud body #sysdock button{position:relative;width:40px!important;height:46px!important;min-width:0!important;padding:0!important;margin:0!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:0!important;background:none!important;box-shadow:none!important}html.hud-skin.server-hud body #sysdock button .btn-art,html.hud-skin.server-hud body #sysdock button>i{width:32px!important;height:32px!important;border:1px solid var(--brz-d);border-radius:2px;background:#0b231e;box-shadow:inset 0 0 0 1px #00000080;font-style:normal;font-size:18px;line-height:32px;text-align:center}html.hud-skin.server-hud body #sysdock button:hover :is(.btn-art,i){border-color:var(--brz-l)}html.hud-skin.server-hud body #sysdock button span{display:block!important;position:static!important;opacity:1!important;transform:none!important;background:none!important;border:0!important;padding:0!important;font:600 9px/12px system-ui!important;color:#e9e2cf!important;white-space:nowrap;letter-spacing:-.2px}html.hud-skin.server-hud body #sysdock kbd{display:block;position:absolute;top:0;right:1px;font:700 8px/10px system-ui;color:var(--gold-t);text-shadow:0 1px 1px #000}}#hotbar .hb-rows{display:flex;flex-direction:column;gap:3px}#hotbar .hb-row{display:flex;gap:4px}#hotbar .slot.rsel{outline:2px solid #ffeb78;outline-offset:-2px;box-shadow:0 0 10px #ffeb78a6!important}#hotbar .slot.rsel:after{content:"P";position:absolute;right:2px;bottom:1px;font:700 9px/1 system-ui;color:#ffeb78;text-shadow:0 1px 2px #000}@media (pointer:fine) and (min-width:761px){html.hud-skin.server-hud body #hotbar .hb-row .slot{width:40px!important;height:40px!important}html.hud-skin.server-hud body #hotbar .hb-row .slot img{width:36px!important;height:36px!important}html.hud-skin.server-hud body #side{height:220px!important}}#keymap{position:fixed;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column}#keymap[hidden]{display:none!important}#keymap .win-head{display:flex;align-items:center;padding:4px 6px 4px 12px}#keymap .win-head b{flex:1;text-align:center}#keymap .fbody{overflow:auto;padding:8px 10px 10px;font:13px Georgia,serif;color:#e9e2cf}#keymap .km-hint{margin:0 0 6px;color:#bfe0c9;font-size:12px}#keymap h4{margin:8px 0 4px;color:#ffeb78;font:700 13px Georgia,serif}#keymap .km-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}#keymap .km-r{display:flex;align-items:center;gap:6px;min-height:26px;padding:1px 6px;border:1px solid #785e2f;border-radius:2px;background:#05141199}#keymap .km-r span{flex:1;min-width:0;font-size:12px}#keymap .km-r b{color:#ffeb78;font-size:11px;white-space:nowrap}#keymap .km-r button{min-width:58px;height:22px;padding:0 6px;border:1px solid #b89758;border-radius:2px;background:linear-gradient(180deg,#3a6a5d,#173a32);color:#ffeb78;font:700 12px system-ui}#keymap .km-r button.wait{background:linear-gradient(180deg,#d9bd78,#8f6d33);color:#1d1405}#keymap .km-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}#keymap .km-foot button{padding:4px 14px;border:1px solid #b89758;border-radius:2px;background:linear-gradient(180deg,#d9bd78,#8f6d33);color:#1d1405;font:700 13px Georgia,serif}@media (max-width:520px){#keymap .km-list{grid-template-columns:1fr}}html.hud-skin #hotbar .hb-page button.hb-keys{width:22px!important;height:18px!important;margin-top:3px;border:1px solid #b89758!important;border-radius:2px;background:linear-gradient(180deg,#3a6a5d,#173a32)!important;color:#ffeb78!important;font-size:12px!important}#rpick{position:fixed;z-index:30;right:14px;bottom:150px;width:min(324px,calc(100vw - 28px));padding:0 0 6px;background:linear-gradient(180deg,#1a3d35f2,#0d2822f5);border:2px solid #b89758;border-radius:3px;box-shadow:inset 0 0 0 1px #785e2f,0 6px 18px #0009}#rpick[hidden]{display:none}#rpick .rp-head{display:flex;align-items:center;padding:3px 4px 3px 10px;border-bottom:1px solid #785e2f;background:linear-gradient(180deg,#2c5a4e,#163a32)}#rpick .rp-head b{flex:1;text-align:center;color:#ffeb78;font:700 14px Georgia,serif}#rpick .rp-head button{width:22px;height:22px;padding:0;border:1px solid #b89758;border-radius:2px;background:linear-gradient(180deg,#8a2a20,#4e130e);color:#fff;font:700 12px system-ui}#rpick .rp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:6px}#rpick .rp-grid p{grid-column:1 / -1;margin:4px;color:#cfe3d6;font:12px Georgia,serif}#rpick [data-rp]{position:relative;aspect-ratio:1;padding:0;border:1px solid #785e2f;border-radius:2px;background:#0b231e;cursor:pointer}#rpick [data-rp] img{width:100%;height:100%;object-fit:cover;display:block}#rpick [data-rp]:hover{border-color:#e2c88a}#rpick [data-rp] .cdov{position:absolute;inset:0;background:#0000009e;color:#fff;font:700 13px system-ui;font-style:normal;display:flex;align-items:center;justify-content:center;text-shadow:0 0 3px #000;pointer-events:none}#rpick [data-rp].on{outline:2px solid #ffeb78;outline-offset:-2px}#rpick [data-rp] i,#hotbar .slot b.kl{position:absolute;right:1px;top:1px;padding:0 3px;border-radius:2px;background:#000000a6;color:#ffeb78;font:700 10px/13px system-ui;font-style:normal}#skill-drag{position:fixed;z-index:200;width:36px;height:36px;pointer-events:none;opacity:.85;border:1px solid #ffeb78;border-radius:3px}body.skill-dragging #hotbar [data-hb-i]{box-shadow:0 0 0 1px #ffeb78 inset!important}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){#rpick{bottom:auto;top:50%;transform:translateY(-50%)}}#rpick [data-rp] small{display:flex;align-items:center;justify-content:center;height:100%;padding:2px;color:#e9e2cf;font:600 9px/1.1 system-ui;text-align:center;overflow:hidden}html.hud-skin.server-hud body #side{background:linear-gradient(180deg,#08181400,#08181447)!important;border-color:#b8975859!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.hud-skin.server-hud body #side:after{display:none!important}html.hud-skin.server-hud body #side #chat{background:transparent!important;border:0!important;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:rgba(184,151,88,.5) transparent}html.hud-skin.server-hud body #side #chat>div{text-shadow:0 1px 1px #000,0 0 3px #000,0 0 2px #000}html.hud-skin.server-hud body #chat-tabs{border-bottom-color:#b8975859!important}html.hud-skin.server-hud body #chat-tabs button:not(.on){background:#10291f73!important}html.hud-skin.server-hud body #chat-in{background:transparent!important}html.hud-skin.server-hud body #chat-in :is(select,input){background:#06120f8c!important}@media (pointer:fine) and (min-width:761px){html.hud-skin.server-hud body #actions{left:14px!important;bottom:240px!important}}html.server-hud :is(#fchar,#fbag,#fbag-ext) .win-head{cursor:move;touch-action:none;user-select:none}html.server-hud :is(#fchar,#fbag,#fbag-ext).dragging{transition:none!important}#lvpick{position:fixed;z-index:41;left:50%;top:40%;transform:translate(-50%,-50%);width:min(300px,calc(100vw - 24px));padding:0 0 6px;background:linear-gradient(180deg,#1a3d35f5,#0d2822f7);border:2px solid #b89758;border-radius:3px;box-shadow:inset 0 0 0 1px #785e2f,0 6px 18px #0009}#lvpick[hidden]{display:none}#lvpick .rp-head{display:flex;align-items:center;padding:3px 4px 3px 10px;border-bottom:1px solid #785e2f;background:linear-gradient(180deg,#2c5a4e,#163a32)}#lvpick .rp-head b{flex:1;text-align:center;color:#ffeb78;font:700 13px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lvpick .rp-head button{width:22px;height:22px;padding:0;border:1px solid #b89758;border-radius:2px;background:linear-gradient(180deg,#8a2a20,#4e130e);color:#fff;font:700 12px system-ui}#lvpick .lv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:6px}#lvpick [data-lv]{position:relative;aspect-ratio:1;padding:0;border:1px solid #785e2f;border-radius:2px;background:#0b231e;cursor:pointer}#lvpick [data-lv] img{width:100%;height:100%;object-fit:cover;display:block}#lvpick [data-lv] i{position:absolute;right:2px;bottom:1px;color:#fff;font:700 12px/1 system-ui;font-style:normal;text-shadow:0 1px 2px #000,0 0 3px #000}#lvpick [data-lv].on{outline:2px solid #ffeb78;outline-offset:-2px}#lvpick .lv-hint{margin:0 8px;color:#cfe3d6;font:11px Georgia,serif}#practice-bar{position:fixed;left:50%;bottom:calc(22% + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(240px,60vw);padding:3px 4px 4px;background:#0c0a06c7;border:1px solid #b8913f;border-radius:4px;z-index:60;pointer-events:none;text-align:center}#practice-bar[hidden]{display:none}#practice-bar span{display:block;font-size:12px;line-height:15px;color:#ffeb78;text-shadow:0 1px 1px #000}#practice-bar i{display:block;height:7px;width:0;transition:width 1s linear;background:linear-gradient(#c4b5fd,#7c3aed);border-radius:2px}#item-held{position:fixed;z-index:210;width:36px;height:36px;pointer-events:none;filter:drop-shadow(0 2px 4px #000)}div#item-held{border:1px dashed #ffeb78;border-radius:3px;background:#0b231ecc}.fwin.pc .jx-slot[data-held]>*{opacity:.3}body.item-held #fbag .jx-slot,body.item-held #fchar .jx-slot,body.item-held #hotbar .slot{cursor:copy}#bag-ghost{position:fixed;z-index:1200;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:none;opacity:.85;filter:drop-shadow(0 3px 6px #000)}div#bag-ghost{border:1px dashed #ffeb78;border-radius:3px;background:#0b231ecc}#fbag .jx-slot.drag-over,#fbag-ext .jx-slot.drag-over,#jxstore .sb-cell.drag-over{outline:2px dashed #9fe0c1;outline-offset:-2px}body.jxenh-open #fbag .jx-slot.full,body.jxenh-open #fbag-ext .jx-slot.full{touch-action:none}#hotbar .slot b.cnt{position:absolute;right:2px;bottom:1px;color:#fff;font:700 11px/1 system-ui;text-shadow:0 1px 2px #000,0 0 3px #000}@media (pointer:fine) and (min-width:761px){html.hud-skin.server-hud body :is(#vitals,#dock,#minimap,#hotbar,#sysdock,#side,#actions,#rpick,#practice-bar,#qibar){zoom:var(--hud-ui, 1)}}#hotbar .slot b.lvb{position:absolute;left:2px;bottom:1px;padding:0 3px;border-radius:2px;background:#7c3aedd9;color:#fff;font:700 10px/13px system-ui}#lvpick [data-lv]{cursor:grab}#jxskill .bk-go.bk-gm{margin-left:6px;padding:0 10px;background:linear-gradient(180deg,#d9bd78,#8f6d33);border-color:#ffeb78;color:#1d1405;font-size:13px}html.server-hud body img,html.server-hud body canvas{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}html.server-hud body :is(#hotbar,#sysdock,#mwheel,#actions,#mdock,#vitals,#minimap,.fwin,#rpick,#lvpick,#jxskill){-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}html.hud-skin #hotbar .hb-mouse .slot .cdov{line-height:52px;font-size:15px;z-index:2}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin.server-hud #mdock{display:flex;flex-direction:row;gap:4px;padding:0;top:calc(5px + var(--st));right:calc(148px + var(--sr));border:0;background:none;box-shadow:none;z-index:13}html.hud-skin.server-hud #mdock button{position:relative;isolation:isolate;width:44px;height:44px;min-width:44px;min-height:44px;padding:6px;border:0;border-radius:50%;background:none;box-shadow:none;touch-action:manipulation}html.hud-skin.server-hud #mdock button:before,html.hud-skin.server-hud #actions button:before,html.hud-skin.server-hud #mwheel .mw-s:before,html.hud-skin.server-hud #mwheel .mw-pages button:before{content:"";position:absolute;inset:4px;z-index:-1;border-radius:50%;border:1px solid #ad8a4e;background:radial-gradient(circle at 38% 25%,#355d4d,#102d28 72%);box-shadow:inset 0 1px 2px #e5c78555,0 2px 5px #0009}html.hud-skin.server-hud #mdock button:after{display:none}html.hud-skin.server-hud #mdock .btn-art{width:32px;height:32px;position:relative;z-index:1}html.hud-skin.server-hud #mdock button:active,html.hud-skin.server-hud #actions button:active,html.hud-skin.server-hud #mwheel button:active{filter:brightness(1.24)}html.hud-skin.server-hud #mdock button[data-action=target]:after{content:"A";position:absolute;right:-2px;bottom:-2px;z-index:1;display:block;width:15px;height:15px;border-radius:50%;background:#1e6650;color:#fff;border:1px solid #d6bd79;font:700 9px/15px system-ui;text-align:center}html.hud-skin.server-hud #mdock button[data-action=target].on:before{box-shadow:0 0 0 2px #f0c765,0 0 12px #f0c76588}html.hud-skin.server-hud #mdock button[data-action=target].on:after{content:"T";background:#8b302b}html.hud-skin.server-hud #mdock button:focus-visible,html.hud-skin.server-hud #actions button:focus-visible,html.hud-skin.server-hud #mwheel button:focus-visible{outline:2px solid #fff3bd;outline-offset:2px}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{top:calc(68px + var(--st))!important;right:calc(148px + var(--sr))!important;isolation:isolate;width:44px;height:44px;padding:10px;border:0;background:none;box-shadow:none}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle:before{content:"";position:absolute;inset:4px;z-index:-1;border:1px solid #d2b875;border-radius:50%;background:radial-gradient(circle at 40% 25%,#315d4f,#102c27 72%);box-shadow:0 2px 5px #0008}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle svg{position:relative;width:20px;height:20px}html.hud-skin.server-hud #stage #joy{border:0;background:none;box-shadow:none}html.hud-skin.server-hud #joy:before{content:"";position:absolute;inset:12px;border:1px solid #d2bb805c;border-radius:50%;background:radial-gradient(circle,#162a2205,#0e272057);pointer-events:none}html.hud-skin.server-hud #joy i{width:34px;height:34px;margin:-17px 0 0 -17px}html.hud-skin.server-hud #actions{display:grid;grid-template-columns:repeat(3,44px);gap:6px;left:calc(12px + var(--sl));right:auto;bottom:calc(142px + var(--sb));width:144px;max-width:none;padding:0;background:none;border:0}html.hud-skin.server-hud #actions button{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;width:44px;height:44px;min-width:44px;min-height:44px;padding:6px;border:0;border-radius:50%;background:none;box-shadow:none;color:#f8dfae}html.hud-skin.server-hud #actions button.has-art .btn-art{width:32px;height:32px;position:relative;z-index:1}html.hud-skin.server-hud #actions button:after{display:none}html.hud-skin.server-hud #actions button[data-action=target]{display:none}html.hud-skin.server-hud #mwheel .mw-atk{isolation:isolate;border:0;background:none;box-shadow:none;font-size:27px}html.hud-skin.server-hud #mwheel .mw-atk:before{content:"";position:absolute;inset:9px;z-index:-1;border:2px solid #f1cd76;border-radius:50%;background:radial-gradient(circle at 36% 27%,#f9e8ac,#a97225 62%,#32210d);box-shadow:0 0 0 2px #183e34,0 3px 11px #000b}html.hud-skin.server-hud #mwheel .mw-atk .mw-ico,html.hud-skin.server-hud #mwheel .mw-atk em{inset:13px}html.hud-skin.server-hud #mwheel .mw-s{isolation:isolate;width:44px;height:44px;margin:-22px;border:0;background:none;box-shadow:none}html.hud-skin.server-hud #mwheel .mw-s span{position:relative;z-index:1;width:36px;height:36px;margin:4px;border-radius:50%}html.hud-skin.server-hud #mwheel .mw-s em{inset:4px}html.hud-skin.server-hud #mwheel .mw-s.empty:before{background:#112a24ad}html.hud-skin.server-hud #mwheel .mw-pg{display:none}html.hud-skin.server-hud #mwheel .mw-pages{display:flex;position:absolute;right:-4px;bottom:-40px;gap:4px;padding:0;border:0;background:none;pointer-events:auto}html.hud-skin.server-hud #mwheel .mw-pages button{position:relative;isolation:isolate;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:50%;background:none;box-shadow:none;color:#f5e6bc;font:700 13px/1 system-ui}html.hud-skin.server-hud #mwheel .mw-pages button:before{inset:6px}html.hud-skin.server-hud #mwheel .mw-pages button.on{color:#fff}html.hud-skin.server-hud #mwheel .mw-pages button.on:before{border-color:#ffe6a0;background:linear-gradient(180deg,#42926b,#216249);box-shadow:0 0 0 2px #dfbf72,0 2px 8px #0008}html.hud-skin.server-hud #side{border-radius:9px;background:#081c18b0;border-color:#b79556b3;backdrop-filter:blur(4px)}html.hud-skin.server-hud #side #chat{scrollbar-width:none}html.hud-skin.server-hud #chat-in input{font-size:16px!important}}@media (pointer:coarse) and (max-width:1400px) and (orientation:landscape),(max-width:760px) and (orientation:landscape){html.hud-skin.server-hud #side{left:calc(158px + var(--sl))!important;right:auto!important;bottom:calc(12px + var(--sb))!important;width:min(360px,calc(100vw - 420px - var(--sl) - var(--sr)))!important;height:56px!important}}@media (pointer:coarse) and (max-width:1400px) and (orientation:portrait),(max-width:760px) and (orientation:portrait){html.hud-skin.server-hud #mdock{display:grid;grid-template-columns:repeat(2,44px);gap:4px;top:calc(220px + var(--st))!important;right:calc(8px + var(--sr))}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{top:calc(162px + var(--st))!important;right:calc(8px + var(--sr))!important}html.hud-skin.server-hud #mwheel{bottom:calc(65px + var(--sb))}html.hud-skin.server-hud #mwheel .mw-pages{bottom:-44px}html.hud-skin.server-hud #side{left:calc(8px + var(--sl))!important;right:auto!important;bottom:calc(240px + var(--sb))!important;width:150px!important;height:62px!important}html.hud-skin.server-hud #questtrack{max-width:calc(100vw - 116px - var(--sl) - var(--sr))}}#mobile-shop{display:none}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin.server-hud #mobile-shop{display:flex;align-items:center;justify-content:center;position:absolute;z-index:13;top:calc(5px + var(--st));right:calc(196px + var(--sr));width:44px;height:44px;padding:6px;border:0;border-radius:50%;background:none;touch-action:manipulation}html.hud-skin.server-hud #mobile-shop:before{content:"";position:absolute;inset:4px;z-index:-1;border:1px solid #ad8a4e;border-radius:50%;background:radial-gradient(circle at 38% 25%,#355d4d,#102d28 72%);box-shadow:inset 0 1px 2px #e5c78555,0 2px 5px #0009}html.hud-skin.server-hud #mobile-shop .btn-art{width:32px;height:32px}html.hud-skin.server-hud #mobile-shop:focus-visible{outline:2px solid #fff3bd;outline-offset:2px}html.hud-skin.server-hud #mobile-shop:active{filter:brightness(1.24)}html.hud-skin.server-hud body.mobile-menu-open #mobile-shop{visibility:hidden}html.hud-skin.server-hud #mdock{display:grid;grid-template-columns:repeat(2,44px);gap:4px;top:calc(56px + var(--st));right:calc(148px + var(--sr))}html.hud-skin.server-hud #mdock button:disabled{opacity:.48}html.hud-skin.server-hud #mdock button.on:before{box-shadow:0 0 0 2px #f0c765,0 0 12px #f0c76588}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{top:calc(5px + var(--st))!important;right:calc(148px + var(--sr))!important}html.hud-skin.server-hud #actions button:is([data-action=mount],[data-action=target],[data-action=pk]){display:none}html.hud-skin.server-hud #dash-btn{left:auto;right:calc(188px + var(--sr));bottom:calc(163px + var(--sb));width:52px;height:52px;border:0;background:none;isolation:isolate}html.hud-skin.server-hud #dash-btn:before{content:"";position:absolute;inset:4px;z-index:-1;border:1px solid #d2b875;border-radius:50%;background:radial-gradient(circle at 40% 25%,#315d4f,#102c27 72%);box-shadow:0 2px 5px #0008}html.hud-skin.server-hud #dash-btn .dash-thumb{font-size:22px;line-height:52px}html.hud-skin.server-hud #mdock .quick-label{display:none}html.hud-skin.server-hud #mdock button:is([data-action=pickup],[data-action=inv],[data-action=mount]):before{inset:7px}html.hud-skin.server-hud #mdock button:is([data-action=pickup],[data-action=inv],[data-action=mount]) .btn-art{width:29px;height:29px;object-fit:contain}html.hud-skin.server-hud #mwheel .mw-s,html.hud-skin.server-hud #mwheel .mw-pages button{aspect-ratio:1;border-radius:50%!important}}@media (pointer:coarse) and (max-width:1400px) and (orientation:portrait),(max-width:760px) and (orientation:portrait){html.hud-skin.server-hud #mobile-shop{top:calc(174px + var(--st));right:calc(56px + var(--sr))}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{top:calc(174px + var(--st))!important;right:calc(8px + var(--sr))!important}html.hud-skin.server-hud #mdock{top:calc(226px + var(--st))!important;right:calc(8px + var(--sr))}html.hud-skin.server-hud #dash-btn{right:calc(204px + var(--sr));bottom:calc(18px + var(--sb))}}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin.server-hud #actions{display:block;width:44px;height:140px;left:calc(4vw + var(--sl));bottom:calc(9vh - 22px + var(--sb))}html.hud-skin.server-hud #actions button{position:absolute;left:0}html.hud-skin.server-hud #actions button[data-action=run]{display:none}html.hud-skin.server-hud #actions button[data-action=talk]{top:0}html.hud-skin.server-hud #actions button[data-action=sit]{bottom:0}html.hud-skin.server-hud #stage #joy{left:calc(4vw - 14px + var(--sl));bottom:calc(9vh + 12px + var(--sb));width:72px;height:72px}html.hud-skin.server-hud #joy:before{inset:6px;border-color:#ad8a4e;background:radial-gradient(circle at 38% 25%,#355d4d,#102d28 72%)}html.hud-skin.server-hud #joy i{width:30px;height:30px;margin:-15px 0 0 -15px}html.hud-skin.server-hud #joy:after{content:"Đi";position:absolute;left:50%;top:auto;bottom:4px;transform:translate(-50%);color:#f7e4b9;font:700 10px/1 system-ui;text-shadow:0 1px 2px #000;pointer-events:none}}@media (pointer:coarse) and (min-width:900px) and (min-height:600px){html.hud-skin.server-hud #mdock{top:calc(190px + var(--st));right:calc(68px + var(--sr))}}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin.server-hud #mwheel .mw-s:before,html.hud-skin.server-hud #mwheel .mw-s.empty:before,html.hud-skin.server-hud #mwheel .mw-pages button:before{inset:2px;border:0;background:url(/assets/ui/mobile-v2/skill-ring.webp) center/contain no-repeat;box-shadow:0 2px 5px #0009}html.hud-skin.server-hud #mwheel .mw-pages button:before{inset:5px}html.hud-skin.server-hud #mwheel .mw-pages button.on:before{border:1px solid #e7d292;background:radial-gradient(circle at 36% 25%,#55a070,#1d6049 75%);box-shadow:0 0 0 1px #c5ad75,0 0 8px #e9c57866}html.hud-skin.server-hud #mwheel .mw-pages button:not(.on):before{border:1px solid #a58e62;background:radial-gradient(circle at 36% 25%,#286c55,#103b31 75%)}html.hud-skin.server-hud #dash-btn:before{inset:10px;border:0;background:url(/assets/ui/mobile-v2/skill-ring.webp) center/contain no-repeat;box-shadow:0 2px 5px #0009}html.hud-skin.server-hud #mwheel{right:calc(86px + var(--sr));bottom:calc(48px + var(--sb));width:64px;height:64px;transform:none}html.hud-skin.server-hud #mwheel .mw-atk:before{inset:3px}html.hud-skin.server-hud #mwheel .mw-atk .mw-ico,html.hud-skin.server-hud #mwheel .mw-atk em{inset:7px}html.hud-skin.server-hud #mwheel .mw-s[data-k="0"]{--x:-68px !important;--y:4px !important}html.hud-skin.server-hud #mwheel .mw-s[data-k="1"]{--x:-68px !important;--y:-52px !important}html.hud-skin.server-hud #mwheel .mw-s[data-k="2"]{--x:-16px !important;--y:-90px !important}html.hud-skin.server-hud #mwheel .mw-s[data-k="3"]{--x:40px !important;--y:-90px !important}html.hud-skin.server-hud #mwheel .mw-s[data-k="4"]{--x:-124px !important;--y:4px !important}html.hud-skin.server-hud #mwheel .mw-s[data-k="5"]{--x:-124px !important;--y:-52px !important}html.hud-skin.server-hud #mwheel .mw-s[data-k="6"]{--x:-136px !important;--y:-108px !important}html.hud-skin.server-hud #mwheel .mw-s[data-k="7"]{--x:-80px !important;--y:-108px !important}html.hud-skin.server-hud #mwheel .mw-pages{right:-24px;bottom:-48px;gap:12px}html.hud-skin.server-hud #mwheel .mw-pages button{width:40px;height:40px;min-width:40px;min-height:40px}html.hud-skin.server-hud #mdock button[data-action=target]{position:fixed;left:auto;top:auto;right:calc(4px + var(--sr));bottom:calc(106px + var(--sb))}html.hud-skin.server-hud #mdock button:is([data-action=mount],[data-action=target]):before{inset:10px}html.hud-skin.server-hud #mdock button:is([data-action=mount],[data-action=target]) .btn-art{width:24px;height:24px;object-fit:contain}html.hud-skin.server-hud #dash-btn{right:calc(4px + var(--sr));bottom:calc(54px + var(--sb));width:44px;height:44px}html.hud-skin.server-hud #dash-btn .dash-thumb{font-size:14px;line-height:44px}html.hud-skin.server-hud #stage #joy{opacity:0;pointer-events:none;transition:opacity .09s ease-out}html.hud-skin.server-hud #stage #joy.active{opacity:1;pointer-events:auto;transform:none}}@media (pointer:coarse) and (max-width:1400px) and (orientation:portrait),(max-width:760px) and (orientation:portrait){html.hud-skin.server-hud #mdock{width:96px;gap:8px}html.hud-skin.server-hud #mobile-shop{right:calc(64px + var(--sr))}}@media (pointer:coarse) and (min-width:900px) and (min-height:600px) and (orientation:landscape){html.hud-skin.server-hud #mdock{top:calc(190px + var(--st));right:calc(8px + var(--sr));width:96px;gap:8px}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{right:calc(156px + var(--sr))!important}html.hud-skin.server-hud #mobile-shop{right:calc(212px + var(--sr))}}@media (pointer:coarse) and (max-width:1400px) and (orientation:landscape) and (max-height:600px),(max-width:760px) and (orientation:landscape) and (max-height:600px){html.hud-skin.server-hud{--ref-x:calc((100vw - var(--sl) - var(--sr)) / 1280);--ref-y:calc((100dvh - var(--st) - var(--sb)) / 589);--ref-u:min(var(--ref-x), var(--ref-y))}html.hud-skin.server-hud #mwheel{position:fixed;left:calc(var(--sl) + 1115 * var(--ref-x) - 39 * var(--ref-u));top:calc(var(--st) + 463 * var(--ref-y) - 39 * var(--ref-u));right:auto;bottom:auto;width:calc(78 * var(--ref-u));height:calc(78 * var(--ref-u))}html.hud-skin.server-hud #mwheel .mw-s,html.hud-skin.server-hud #mwheel .mw-pages button,html.hud-skin.server-hud #mdock button[data-action],html.hud-skin.server-hud #actions button:is([data-action=talk],[data-action=run],[data-action=sit]),html.hud-skin.server-hud #mobile-shop,html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle,html.hud-skin.server-hud #dash-btn{position:fixed;left:calc(var(--sl) + var(--ref-cx) * var(--ref-x) - var(--ref-d) * var(--ref-u) / 2);top:calc(var(--st) + var(--ref-cy) * var(--ref-y) - var(--ref-d) * var(--ref-u) / 2)!important;right:auto!important;bottom:auto;margin:0;padding:0;transform:none;width:calc(var(--ref-d) * var(--ref-u));height:calc(var(--ref-d) * var(--ref-u));min-width:0;min-height:0;pointer-events:auto}html.hud-skin.server-hud #mwheel .mw-s{--ref-d:68}html.hud-skin.server-hud #mwheel .mw-s[data-k="0"]{--ref-cx:1014;--ref-cy:493}html.hud-skin.server-hud #mwheel .mw-s[data-k="1"]{--ref-cx:1040;--ref-cy:418}html.hud-skin.server-hud #mwheel .mw-s[data-k="2"]{--ref-cx:1104;--ref-cy:374}html.hud-skin.server-hud #mwheel .mw-s[data-k="3"]{--ref-cx:1178;--ref-cy:356}html.hud-skin.server-hud #mwheel .mw-s[data-k="4"]{--ref-cx:928;--ref-cy:490}html.hud-skin.server-hud #mwheel .mw-s[data-k="5"]{--ref-cx:948;--ref-cy:417}html.hud-skin.server-hud #mwheel .mw-s[data-k="6"]{--ref-cx:993;--ref-cy:357}html.hud-skin.server-hud #mwheel .mw-s[data-k="7"]{--ref-cx:1058;--ref-cy:315}html.hud-skin.server-hud #mwheel .mw-s:before,html.hud-skin.server-hud #mwheel .mw-pages button:before{inset:0}html.hud-skin.server-hud #mwheel .mw-s span{width:calc(56 * var(--ref-u));height:calc(56 * var(--ref-u));margin:calc(6 * var(--ref-u))}html.hud-skin.server-hud #actions button[data-action=pk]{display:flex!important;align-items:center;justify-content:flex-start;gap:calc(4 * var(--ref-u));position:fixed;z-index:13;left:calc(var(--sl) + 138 * var(--ref-x))!important;top:calc(var(--st) + 59 * var(--ref-y))!important;right:auto!important;bottom:auto!important;transform:none;margin:0!important;width:auto!important;min-width:0!important;height:calc(20 * var(--ref-u))!important;min-height:0!important;padding:0 calc(9 * var(--ref-u)) 0 calc(5 * var(--ref-u))!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:#0c0e1494!important;box-shadow:none!important;font:600 calc(11 * var(--ref-u))/1 system-ui!important;color:#f4f6f8!important;white-space:nowrap;overflow:visible!important}html.hud-skin.server-hud #actions button[data-action=pk]:before{display:none!important}html.hud-skin.server-hud #actions button[data-action=pk] .btn-art{width:calc(14 * var(--ref-u))!important;height:calc(14 * var(--ref-u))!important;flex:none}html.hud-skin.server-hud #actions button[data-action=pk]:after{content:attr(data-mode)!important;position:static!important;transform:none!important;display:inline!important;top:auto;left:auto;font:600 calc(11 * var(--ref-u))/1 system-ui!important;color:#f4f6f8!important;text-shadow:0 1px 2px #000!important;background:none;border:0;padding:0}html.hud-skin.server-hud #actions button[data-action=pk].on{border-color:#f2cd8a99!important;background:#785a1e8c!important}html.hud-skin.server-hud #mwheel .mw-s.empty span:before{font-size:calc(22 * var(--ref-u))}html.hud-skin.server-hud #mwheel .mw-s em{inset:calc(4 * var(--ref-u));font-size:calc(18 * var(--ref-u))}html.hud-skin.server-hud #mwheel .mw-atk:before{inset:0}html.hud-skin.server-hud #mwheel .mw-atk .mw-ico,html.hud-skin.server-hud #mwheel .mw-atk em{inset:calc(4 * var(--ref-u))}html.hud-skin.server-hud #mwheel .mw-pages{display:block;width:0;height:0;padding:0}html.hud-skin.server-hud #mwheel .mw-pages button{--ref-d:38;--ref-cy:557;font-size:calc(18 * var(--ref-u))}html.hud-skin.server-hud #mwheel .mw-pages button[data-pg="0"]{--ref-cx:964}html.hud-skin.server-hud #mwheel .mw-pages button[data-pg="1"]{--ref-cx:1037}html.hud-skin.server-hud #mwheel .mw-pages button[data-pg="2"]{--ref-cx:1110}html.hud-skin.server-hud #mwheel .mw-pages button[data-pg="3"]{--ref-cx:1182}html.hud-skin.server-hud #mdock{position:static;display:block;width:0;height:0;padding:0;pointer-events:none}html.hud-skin.server-hud #mdock button[data-action]{--ref-d:40;z-index:13}html.hud-skin.server-hud #mdock button[data-action=pickup]{--ref-cx:1040;--ref-cy:192}html.hud-skin.server-hud #mdock button[data-action=inv]{--ref-cx:1146;--ref-cy:192}html.hud-skin.server-hud #mdock button[data-action=addon]{--ref-cx:819;--ref-cy:544;--ref-d:45}html.hud-skin.server-hud #mdock button[data-action=mount]{--ref-cx:1194;--ref-cy:256}html.hud-skin.server-hud #mdock button[data-action=target]{--ref-cx:1190;--ref-cy:430}html.hud-skin.server-hud #mdock button[data-action=buff]{--ref-cx:1058;--ref-cy:100}html.hud-skin.server-hud #mdock button[data-action]:before{inset:0;background:#1a1815a6}html.hud-skin.server-hud #mdock button[data-action] .btn-art{width:calc(36 * var(--ref-u));height:calc(36 * var(--ref-u))}html.hud-skin.server-hud #mdock button:disabled{opacity:.86}html.hud-skin.server-hud #mdock button[data-action=target]:after{display:none!important}html.hud-skin.server-hud #mdock .quick-label{display:block;position:absolute;left:50%;top:calc(37 * var(--ref-u));transform:translate(-50%);color:#fff4dc;font:700 calc(12 * var(--ref-u))/1 system-ui;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle{--ref-cx:1058;--ref-cy:34;--ref-d:56;padding:calc(11 * var(--ref-u))}html.hud-skin.server-hud #actions{position:static;display:block;width:0;height:0;padding:0;pointer-events:none}html.hud-skin.server-hud #actions button:is([data-action=talk],[data-action=run],[data-action=sit]){--ref-d:40;z-index:13;display:block}html.hud-skin.server-hud #actions button[data-action=talk]{--ref-cx:960;--ref-cy:192;--ref-d:38}html.hud-skin.server-hud #actions button[data-action=run]{--ref-cx:83;--ref-cy:477}html.hud-skin.server-hud #actions button[data-action=sit]{--ref-cx:83;--ref-cy:530}html.hud-skin.server-hud #actions button:is([data-action=talk],[data-action=run],[data-action=sit]):before{inset:0}html.hud-skin.server-hud #actions button:is([data-action=talk],[data-action=run],[data-action=sit]) .btn-art{width:calc(30 * var(--ref-u));height:calc(30 * var(--ref-u))}html.hud-skin.server-hud #actions button:is([data-action=talk],[data-action=run],[data-action=sit]):after{content:attr(title);display:block;position:absolute;left:50%;top:calc(45 * var(--ref-u));transform:translate(-50%);color:#fff4dc;font:700 calc(12 * var(--ref-u))/1 system-ui;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;background:none;border:0;padding:0}html.hud-skin.server-hud #stage #joy.active{width:calc(136 * var(--ref-u));height:calc(136 * var(--ref-u))}html.hud-skin.server-hud #stage #joy{background:#ffffff12;border:1px solid rgba(255,255,255,.42);-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -12px 24px #ffffff0f,inset 0 0 0 1px #ffffff14,0 10px 28px #00000061}html.hud-skin.server-hud #joy:before{inset:0;border:0;background:radial-gradient(120% 80% at 30% 14%,#ffffff61,#fff0 55%),linear-gradient(160deg,#ffffff24,#fff0 48%,#ffffff1a)}html.hud-skin.server-hud #joy i{width:calc(44 * var(--ref-u));height:calc(44 * var(--ref-u));margin:calc(-22 * var(--ref-u)) 0 0 calc(-22 * var(--ref-u));border:1px solid rgba(255,255,255,.75);background:radial-gradient(circle at 35% 28%,#ffffffe6,#ffffff6b 45%,#d6e8ff38 78%);box-shadow:inset 0 -4px 8px #ffffff47,0 4px 12px #00000059,0 0 0 1px #ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.hud-skin.server-hud #joy:after{bottom:calc(8 * var(--ref-u));font-size:calc(13 * var(--ref-u));color:#fff;text-shadow:0 1px 3px #000c}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle:before{inset:0}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle svg{width:calc(22 * var(--ref-u));height:calc(22 * var(--ref-u))}html.hud-skin.server-hud #mobile-shop{--ref-cx:996;--ref-cy:34;--ref-d:56}html.hud-skin.server-hud #mobile-shop:before{inset:0}html.hud-skin.server-hud #mobile-shop .btn-art{width:calc(50 * var(--ref-u));height:calc(50 * var(--ref-u))}html.hud-skin.server-hud #dash-btn{--ref-cx:1190;--ref-cy:482;--ref-d:40}html.hud-skin.server-hud #dash-btn:before{inset:0}html.hud-skin.server-hud #dash-btn:after{content:"Khinh công";position:absolute;left:50%;top:calc(37 * var(--ref-u));transform:translate(-50%);color:#fff4dc;font:700 calc(12 * var(--ref-u))/1 system-ui;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}html.hud-skin.server-hud #dash-btn .dash-thumb{font-size:calc(16 * var(--ref-u));line-height:calc(28 * var(--ref-u))}html.hud-skin.server-hud #minimap:not(.mm-big){display:block;left:calc(var(--sl) + 1152 * var(--ref-x) - 61 * var(--ref-u));top:calc(var(--st) + 70 * var(--ref-y) - 61 * var(--ref-u));right:auto;width:calc(122 * var(--ref-u))!important;height:calc(122 * var(--ref-u));overflow:visible}html.hud-skin.server-hud #minimap.mm-round:not(.mm-big) canvas{width:calc(122 * var(--ref-u))!important;height:calc(122 * var(--ref-u))!important;margin:0}html.hud-skin.server-hud #minimap:not(.mm-big) :is(.mm-date,.mm-coords,.mm-zoom){display:none!important}html.hud-skin.server-hud #side{left:calc(var(--sl) + 486 * var(--ref-x))!important;top:calc(var(--st) + 483 * var(--ref-y))!important;right:auto!important;bottom:auto!important;width:calc(300 * var(--ref-x))!important;height:calc(96 * var(--ref-y))!important}html.hud-skin.server-hud #actions{left:calc(var(--sl) + 84 * var(--ref-x) - 20 * var(--ref-u));top:calc(var(--st) + 426 * var(--ref-y) - 20 * var(--ref-u));bottom:auto;width:calc(40 * var(--ref-u));height:calc(105 * var(--ref-y) + 40 * var(--ref-u))}html.hud-skin.server-hud #actions button{width:calc(40 * var(--ref-u));height:calc(40 * var(--ref-u));min-width:0;min-height:0;padding:0;font-size:calc(20 * var(--ref-u))}html.hud-skin.server-hud #actions button:before{inset:0}}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin.server-hud :is(#actions button:is([data-action=talk],[data-action=run],[data-action=sit]),#mdock button:is([data-action=pickup],[data-action=inv],[data-action=mount]),#mobile-menu-toggle){background:none!important;border:0!important;box-shadow:none!important}html.hud-skin.server-hud :is(#actions button:is([data-action=talk],[data-action=run],[data-action=sit]),#mdock button:is([data-action=pickup],[data-action=inv],[data-action=mount]),#mobile-menu-toggle):before{display:none!important}html.hud-skin.server-hud :is(#actions button:is([data-action=talk],[data-action=run],[data-action=sit]),#mdock button:is([data-action=pickup],[data-action=inv],[data-action=mount])) .btn-art,html.hud-skin.server-hud #mobile-menu-toggle svg{filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 3px #000a)!important}html.hud-skin.server-hud #mdock button.on .btn-art{filter:drop-shadow(0 0 4px #f0c765) drop-shadow(0 1px 2px #000)!important}}@media (pointer:coarse) and (max-width:1400px) and (orientation:landscape) and (max-height:600px),(max-width:760px) and (orientation:landscape) and (max-height:600px){html.hud-skin.server-hud #actions button:is([data-action=run],[data-action=sit]) .btn-art{width:calc(44 * var(--ref-u));height:calc(44 * var(--ref-u))}html.hud-skin.server-hud #actions button[data-action=talk]{font-size:calc(30 * var(--ref-u))}html.hud-skin.server-hud #mdock button:is([data-action=pickup],[data-action=inv],[data-action=mount]) .btn-art{width:calc(40 * var(--ref-u));height:calc(40 * var(--ref-u))}html.hud-skin.server-hud.mobile-menu-ready #mobile-menu-toggle svg{width:calc(34 * var(--ref-u));height:calc(34 * var(--ref-u))}}#skill-cancel.at-cluster.hot{transform:scale(1.12)}@media (pointer:coarse) and (max-width:1400px) and (orientation:landscape) and (max-height:600px),(max-width:760px) and (orientation:landscape) and (max-height:600px){html.hud-skin.server-hud #skill-cancel.at-cluster{position:fixed;transform:none;left:calc(var(--sl) + 1215 * var(--ref-x) - 28px);top:calc(var(--st) + 178 * var(--ref-y) - 28px)}html.hud-skin.server-hud #skill-cancel.at-cluster.hot{transform:scale(1.12)}html.hud-skin.server-hud #ctx-btn{position:fixed;left:calc(var(--sl) + 1242 * var(--ref-x) - 18 * var(--ref-u));top:calc(var(--st) + 418 * var(--ref-y) - 18 * var(--ref-u));width:calc(36 * var(--ref-u));height:calc(36 * var(--ref-u));font-size:calc(11 * var(--ref-u))}}#ctx-btn{display:none;position:absolute;z-index:9;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(210px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;border:2px solid #4fb6c9;background:radial-gradient(circle at 50% 35%,#14303aeb,#081218eb);color:#d9f6ff;font:700 11px/1 system-ui,sans-serif;padding:0;box-shadow:0 2px 8px #00000080;touch-action:none}@media (pointer:coarse) and (max-width:1400px),(max-width:760px){html.hud-skin #ctx-btn:not([hidden]){display:flex;align-items:center;justify-content:center}}#ctx-btn[hidden]{display:none!important}#dash-btn.horse{opacity:.4;filter:grayscale(.8)}#target-frame{pointer-events:auto;cursor:pointer}#target-frame .tf-x{flex:none;width:26px;height:26px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#ffffff14;color:#f4f6f8;font:600 12px/1 var(--hud-font, system-ui);display:grid;place-items:center;cursor:pointer}#target-frame.locked{border-color:#ff6054e6;box-shadow:0 0 0 1px #ff605473,0 8px 24px #00000059}#target-rail .tr-chip.locked:after{content:"";position:absolute;left:-2px;top:-2px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#ff5648;border:2px solid #0b0d12}html[data-layout=phone-landscape] #target-rail .tr-chip:nth-child(4){left:calc(var(--sl, 0px) + 1062 * var(--ref-x, .66));top:calc(var(--st, 0px) + 219 * var(--ref-y, .66))}#controls-shade{position:fixed;inset:0;z-index:70;background:#04080c73}#controls-shade[hidden],#controls-menu[hidden]{display:none!important}#controls-menu{position:fixed;z-index:71;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100dvh - 20px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}#controls-menu .cm-tabs{align-self:center;margin:0 10px 6px;flex-wrap:wrap;justify-content:center}#controls-menu .cm-rows{overflow:auto;padding:2px 14px 6px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}#controls-menu .cm-row{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:6px 12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}#controls-menu .cm-row:last-child{border-bottom:0}#controls-menu .cm-label{font:600 13px/1.3 var(--lg-font, system-ui)}#controls-menu .cm-label small{display:block;margin-top:2px;font-weight:400;font-size:11.5px;opacity:.7}#controls-menu .cm-ctl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}#controls-menu .cm-seg{flex-wrap:wrap}#controls-menu .cm-seg>button,#controls-menu .cm-slot .lg-seg>button{min-height:30px;padding:0 11px;font-size:12.5px}#controls-menu .cm-slots{flex-basis:100%;display:flex;flex-direction:column;gap:4px}#controls-menu .cm-slot{display:flex;align-items:center;justify-content:space-between;gap:8px}#controls-menu .cm-slot>span{display:flex;align-items:center;gap:6px;font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#controls-menu .cm-slot img{width:24px;height:24px;border-radius:6px;flex:none}#controls-menu .cm-hint{margin:4px 0;font-size:12px;opacity:.7}#controls-menu .cm-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 12px;font-size:12px;opacity:.85}#controls-menu .cm-foot .lg-btn{min-height:30px;font-size:12.5px}@media (max-width:560px){#controls-menu .cm-row{grid-template-columns:1fr}}@media (max-height:500px){#controls-menu .lg-head{min-height:36px}#controls-menu .cm-row{padding:5px 0}}#jxlargemsg{left:50%;top:50%;transform:translate(-50%,-50%);width:min(339px,calc(100vw - 12px));max-height:min(444px,calc(100dvh - 12px));display:flex;flex-direction:column}#jxlargemsg .jxp-body{display:flex;flex-direction:column;gap:8px;min-height:0;padding:8px 10px 10px}#jxlargemsg .lm-text{flex:1;min-height:0;overflow:auto;max-height:min(365px,calc(100dvh - 120px));color:#ffe680;font:14px/1.55 Georgia,serif;white-space:normal;overscroll-behavior:contain}#jxlargemsg .lm-nav{display:flex;justify-content:center;gap:24px}#jxlargemsg .lm-nav button{min-width:72px;min-height:30px}