@font-face{font-family:DearPix;src:url(/assets/fonts/dearpix.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:block;size-adjust:116%}@font-face{font-family:SignLanguage;src:url(/assets/fonts/signlanguage.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:block}@font-face{font-family:Shikamaru;src:url(/assets/fonts/shikamaru.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:block}:root{--font: "DearPix", "SignLanguage", "Be Vietnam Pro", system-ui, sans-serif;--font-title: "Shikamaru", "Be Vietnam Pro", system-ui, sans-serif}button,input,select,textarea{font-family:var(--font)}html{font-synthesis:none}:root{--ink: #f3e9d2;--dim: #a99f8d;--night: #0e0f1a;--panel: rgba(18, 16, 26, .82);--edge: #6b5330;--gold: #f2c14e;--fire: #e8692d;--hp: #d9443a;--sp: #3d8fe0;--exp: #f2c14e}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);overflow:hidden;color:var(--ink);font-family:var(--font)}#game{position:fixed;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.dim{color:var(--dim);font-size:12px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.panel{position:absolute;background:var(--panel);border:1px solid var(--edge);border-radius:10px;box-shadow:inset 0 0 0 2px #f2c14e14,0 4px 18px #00000073}.name{font-family:var(--font);font-weight:700;font-size:17px;line-height:1;margin-bottom:6px}.bar{position:relative;height:16px;background:#0000008c;border-radius:8px;overflow:hidden;margin-top:5px}.bar i{position:absolute;inset:0 auto 0 0;width:100%;border-radius:8px;transition:width .12s linear}.bar.hp #ward-fill{inset:0 auto auto 0;height:38%;width:0;background:linear-gradient(#c9f6ff,#6fd8ff);opacity:.9;border-radius:8px 8px 2px 2px}.bar b{position:relative;display:block;text-align:center;font-size:11px;line-height:16px;font-weight:600;text-shadow:0 1px 2px #000}.bar.hp i{background:linear-gradient(#ef6a5f,var(--hp))}.bar.sp i{background:linear-gradient(#6fb2f3,var(--sp))}#me{top:14px;left:14px;width:300px;padding:10px 12px;display:flex;gap:12px;align-items:center}.portrait{width:58px;height:58px;flex:none;border-radius:50%;background:url(/assets/hero/hero_portrait.png) center / cover,radial-gradient(circle at 50% 40%,#e8a14a,#6b3d1a);border:2px solid var(--gold);position:relative}.portrait span{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:var(--gold);color:#2a1a08;font:800 12px/1 var(--font);padding:3px 7px 2px;border-radius:8px}.portrait span:before{content:"Lv "}.me-body{flex:1}#target{top:14px;left:50%;transform:translate(-50%);width:300px;padding:9px 12px 10px;text-align:center}#target .name{font-size:15px;margin-bottom:2px}#meta{top:14px;right:196px;padding:9px 14px;font-size:14px;display:grid;gap:3px;text-align:right}#meta b{font-family:var(--font);font-size:18px;color:var(--gold);margin:0 3px}.coin{display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe28a,#c58b1c);vertical-align:-1px}.coin.vang{border-radius:3px;background:linear-gradient(135deg,#fff1a8,#e2a21a 55%,#9c6408)}.coin.bac{background:radial-gradient(circle at 35% 35%,#fff,#9fb0c0)}.money2{font-size:.92em}.money2 b{color:#ffe08a}.money2 b#bac{color:#dfe8f2}.money2 .coin.bac{margin-left:6px}#hotbar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px}#hotbar .slot.skill,#hotbar .slot.pot{pointer-events:auto;cursor:pointer}.slot{position:relative;width:74px;height:74px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3a2d1d,#16121c);border:2px solid var(--edge);display:grid;place-items:center}.slot .ico{font-size:30px;color:var(--gold);text-shadow:0 0 10px rgba(242,160,60,.75);margin-top:-6px}.slot .nm{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:9px;color:var(--dim);white-space:nowrap}.slot kbd{position:absolute;top:3px;left:5px;font:700 11px var(--font);color:var(--ink)}.slot em{position:absolute;top:3px;right:5px;font-style:normal;font-size:9px;color:#8fc3f5}.slot .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#05050ab8;transform-origin:bottom;transform:scaleY(0)}.slot.nosp{border-color:#3d4f7a}.slot.nosp .ico{filter:grayscale(1);opacity:.5}.slot.flash{border-color:var(--gold);box-shadow:0 0 16px #f2c14eb3}#exp{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:min(620px,80vw);height:12px;background:#0009;border-radius:6px;overflow:hidden;border:1px solid var(--edge)}#exp i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#b9832a,var(--exp))}#exp b{position:relative;display:block;text-align:center;font-size:9px;line-height:11px;text-shadow:0 1px 2px #000}#help{position:absolute;bottom:14px;left:14px;max-width:260px}#banner{position:absolute;top:28%;left:0;right:0;text-align:center;font:800 44px/1.1 var(--font);color:var(--gold);text-shadow:0 0 18px rgba(232,105,45,.85),0 3px 0 #3a1d08;opacity:0;transition:opacity .25s}#banner.show{opacity:1}#banner small{display:block;font-size:18px;font-weight:500;color:var(--ink);text-shadow:0 2px 4px #000}#join{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#e8692d2e,#08080ef0 60%);z-index:10;padding:16px}.join-card{width:min(420px,100%);text-align:center}.logo{font:800 64px/1 var(--font);color:var(--gold);letter-spacing:2px;text-shadow:0 0 24px rgba(232,105,45,.8),0 4px 0 #3a1d08}.sub{color:var(--dim);margin:6px 0 18px}.join-card p{line-height:1.6;color:var(--ink)}#name{width:100%;padding:12px 14px;font:600 16px var(--font);border-radius:10px;border:1px solid var(--edge);background:#00000080;color:var(--ink);outline:none}#name:focus{border-color:var(--gold)}#play{margin-top:12px;width:100%;padding:12px;font:800 18px var(--font);border:0;border-radius:10px;cursor:pointer;color:#2a1305;background:linear-gradient(#ffd16a,#e08a2c);box-shadow:0 4px #7a3c10}#play:disabled{opacity:.6;cursor:wait}.err{color:#ff8a7a;margin-top:10px;min-height:20px;font-size:14px}@media(max-width:720px){#me{width:230px}#meta{top:96px;font-size:12px;padding:6px 10px}#target{top:96px;left:14px;transform:none;width:200px}.slot{width:58px;height:58px}.slot .nm,#help{display:none}}.bar.job{height:5px;margin-top:5px}.bar.job i{background:linear-gradient(90deg,#8a5cc9,#c79bff)}#me-job{margin:-2px 0 2px}#me{width:310px}#party{top:112px;left:14px;width:300px;padding:8px 10px;pointer-events:auto;box-sizing:border-box}.party-head{display:flex;justify-content:space-between;align-items:center;font:700 13px var(--font);color:var(--gold)}.pm{margin-top:6px;font-size:12px}.pm .bar{height:7px;margin-top:3px}.pm.far{opacity:.5}button.link{background:none;border:0;color:var(--dim);cursor:pointer;font-size:11px;text-decoration:underline;padding:0}#bossbar{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(560px,70vw);text-align:center}.boss-name{font:800 20px var(--font);color:#e8e2d0;text-shadow:0 0 10px rgba(125,255,154,.6),0 2px 0 #000}.boss-name em{font-style:normal;font-size:13px;color:#7dff9a}.bar.boss{height:18px;border:1px solid #8a8170}.bar.boss i{background:linear-gradient(#b8f5c8,#3fa866)}#quest{top:196px;left:14px;width:300px;padding:9px 12px;box-sizing:border-box}.q-title{font:700 14px var(--font);color:var(--gold)}.q-body{font-size:12px;line-height:1.5;color:var(--ink);white-space:pre-line}.slot.pot,#slot-possess{width:54px;height:54px;align-self:flex-end}#slot-possess .ico{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:center / 230% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 0 4px rgba(185,140,255,.8))}#slot-possess .nm{position:absolute;bottom:1px;left:0;right:0;text-align:center;font:700 9px var(--font);color:#d7c2ff}#slot-possess.off .ico{filter:grayscale(1) brightness(.6)}#slot-possess.on{box-shadow:0 0 10px 2px #b98cffcc}.slot.pot .ico{font-size:22px;margin-top:-2px}.slot.pot.hp .ico{color:#ff7a6a;text-shadow:0 0 8px rgba(255,90,70,.7)}.slot.pot.sp .ico{color:#7ab8ff;text-shadow:0 0 8px rgba(80,150,255,.7)}.slot .cnt{position:absolute;bottom:2px;right:5px;font:700 12px var(--font)}.slot .lock{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080ed1;display:grid;place-items:center;text-align:center;font-size:10px;line-height:1.2;color:var(--dim)}.slot.unlocked .lock{display:none}#toasts{position:absolute;left:14px;bottom:44px;display:flex;flex-direction:column;gap:4px;max-width:360px}.toast{background:#0e0c14d9;border-left:3px solid var(--dim);padding:5px 9px;font-size:12.5px;border-radius:4px;transition:opacity .4s}.toast.gold{border-color:var(--gold);color:#ffe7a6}.toast.warn{border-color:#ff8a7a;color:#ffc0b5}#menu{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}#menu button{position:relative;background:var(--panel);border:1px solid var(--edge);color:var(--ink);border-radius:8px;padding:6px 10px;font:600 12px var(--font);cursor:pointer;text-align:left}#menu button:hover{border-color:var(--gold)}#menu kbd{font:700 11px var(--font);color:var(--gold);margin-right:4px}.badge{position:absolute;top:-6px;right:-6px;background:var(--fire);color:#fff;border-radius:9px;padding:0 6px;font:700 11px/18px var(--font)}.win{position:absolute;background:#14111cf5;border:1px solid var(--edge);border-radius:12px;pointer-events:auto;box-shadow:0 10px 40px #0009;min-width:280px}.win header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid rgba(107,83,48,.6);font:700 16px var(--font);color:var(--gold)}.win .x{background:none;border:0;color:var(--dim);font-size:22px;line-height:1;cursor:pointer}.win-body{padding:12px;font-size:13px}#win-char{left:14px;top:120px;width:300px}#win-inv{right:290px;top:104px;width:316px}#win-shop{right:620px;top:104px;width:300px}#win-help{left:50%;top:20%;transform:translate(-50%);width:min(520px,92vw)}.help p{line-height:1.6;margin:0 0 8px}#dialog{left:50%;bottom:140px;transform:translate(-50%);width:min(560px,92vw)}#dlg-text{white-space:pre-line;line-height:1.6;margin:0 0 10px}#dlg-opts{display:flex;flex-wrap:wrap;gap:8px}#invite{left:50%;top:22%;transform:translate(-50%)}.row{display:flex;gap:8px}.btn{background:linear-gradient(#ffd16a,#e08a2c);color:#2a1305;border:0;border-radius:8px;padding:7px 12px;font:700 13px var(--font);cursor:pointer}.btn.ghost{background:#ffffff0f;color:var(--ink);border:1px solid var(--edge)}.btn:disabled{opacity:.4;cursor:default}.stat-row{display:grid;grid-template-columns:54px 34px 1fr 28px;align-items:center;gap:6px;margin:6px 0}.stat-row b{font:700 15px var(--font);text-align:right}.stat-row button{width:26px;height:26px;border-radius:6px;border:1px solid var(--gold);background:#f2c14e26;color:var(--gold);font-weight:800;cursor:pointer}.stat-row button:disabled{opacity:.25;cursor:default}.kv{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(107,83,48,.5)}.kv span:nth-child(odd){color:var(--dim)}.equip{display:flex;gap:8px;margin-bottom:10px}.eq{position:relative;width:60px;height:60px;border:1px dashed var(--edge);border-radius:8px;display:grid;place-items:center;cursor:pointer}.eq small{position:absolute;bottom:-16px;left:0;right:0;text-align:center;color:var(--dim);font-size:10px}.grid{display:grid;grid-template-columns:repeat(6,46px);gap:4px;margin-top:18px}.cell{width:46px;height:46px;border-radius:7px;background:#0006;border:1px solid rgba(107,83,48,.5);position:relative;cursor:pointer;display:grid;place-items:center}.cell:hover,.eq:hover{border-color:var(--gold)}.icon{font-size:22px;line-height:1}.icon.pham{color:#d8d2c4}.icon.luong{color:#6fc3ff;text-shadow:0 0 8px rgba(111,195,255,.6)}.icon.tinh{color:#c79bff;text-shadow:0 0 10px rgba(199,155,255,.8)}.icon.hp{color:#ff7a6a}.icon.sp{color:#7ab8ff}.cell .q{position:absolute;right:3px;bottom:1px;font:700 11px var(--font)}.hint{margin-top:10px}.shop-row{display:grid;grid-template-columns:30px 1fr auto auto;gap:6px;align-items:center;margin:6px 0}#ctx{position:absolute;pointer-events:auto;background:#14111cf7;border:1px solid var(--edge);border-radius:8px;padding:4px;min-width:150px}#ctx div{padding:6px 10px;font-size:13px}#ctx .title{color:var(--gold);font-weight:700}#ctx button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--ink);padding:6px 10px;border-radius:5px;cursor:pointer;font:600 13px var(--font)}#ctx button:hover{background:#f2c14e26}#tip{position:fixed;z-index:130;pointer-events:none;background:#0c0a12f7;border:1px solid var(--edge);border-radius:8px;padding:8px 10px;font-size:12px;max-width:240px;line-height:1.5}#tip .t{font:700 14px var(--font)}#tip .t.luong{color:#6fc3ff}#tip .t.tinh{color:#c79bff}#name,#pass{display:block;margin-top:8px}#pass{width:100%;padding:12px 14px;font:600 16px var(--font);border-radius:10px;border:1px solid var(--edge);background:#00000080;color:var(--ink);outline:none}#pass:focus{border-color:var(--gold)}@media(max-width:1100px){#win-inv{right:14px}#win-shop{left:14px;right:auto;top:120px}}@media(max-width:720px){#quest{top:150px;width:200px}#minimap{width:124px;height:124px}#meta{right:150px}#party{top:150px;width:180px}#menu{bottom:110px}.slot.pot{width:46px;height:46px}#toasts{bottom:110px;max-width:70vw}}#meta .snd{display:flex;align-items:center;justify-content:flex-end;gap:6px;pointer-events:auto}#snd-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--edge);background:#1b1622;color:var(--gold);cursor:pointer;font-size:14px;line-height:1;padding:0;position:relative}#snd-btn.off,#bgm-btn.off{color:#6d6577}#bgm-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--edge);background:#1b1622;color:var(--gold);cursor:pointer;font-size:14px;line-height:1;padding:0}#bgm-vol{width:86px;accent-color:#b58cd8;cursor:pointer}#snd-btn.off:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;background:#d9443a;transform:rotate(-35deg)}#snd-vol{width:86px;accent-color:#e0b04a;cursor:pointer}.equip{display:grid;grid-template-columns:repeat(4,60px);gap:22px 14px;margin-bottom:18px}.eq .plus,.cell .plus{position:absolute;left:3px;top:1px;font-size:10px;font-weight:700;color:#ffd84a;text-shadow:0 0 3px #000}.eq .stone{position:absolute;right:3px;top:1px;font-size:11px;font-family:serif;text-shadow:0 0 3px #000}.icon.bao{color:#ff9f43}.icon.than{color:#ff5d73}.t.bao{color:#ff9f43}.t.than{color:#ff5d73}#win-skill{left:50%;top:90px;transform:translate(-50%);width:420px}#win-refine{left:50%;top:90px;transform:translate(-50%);width:440px}.sk-row{display:grid;grid-template-columns:38px 1fr auto 30px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.sk-row .ico{font-family:serif;font-size:22px;color:var(--gold);text-align:center}.sk-row .lv{font-weight:700;color:var(--gold)}.sk-row button,.rf-row button{min-width:28px}.rf-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.rf-row .icon{font-size:20px}.elem{font-family:serif;font-weight:700}#wheel{position:absolute;bottom:116px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:4px 10px;border-radius:16px;background:#14111cd9;border:1px solid var(--edge);font-family:serif;font-weight:700;font-size:15px;pointer-events:none}#wheel span{opacity:.45}#wheel span.now{opacity:1;font-size:22px;text-shadow:0 0 8px currentColor}#region{pointer-events:auto;cursor:pointer}#region:hover{color:var(--gold)}#win-season{left:50%;top:70px;transform:translate(-50%);width:470px;max-height:calc(100vh - 120px);overflow-y:auto}#win-season h4{margin:12px 0 6px;font:700 14px var(--font);color:var(--gold);display:flex;justify-content:space-between;align-items:baseline;gap:8px}#win-season h4:first-child{margin-top:0}#win-season h4 small{font:400 11px var(--font);color:var(--dim)}.ci-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ci-q{position:absolute;right:2px;bottom:1px;font-size:10px;color:#ffe7b0;text-shadow:0 1px 2px #000}.ci-cap{margin:6px 0 2px;font-size:12.5px;color:var(--dim)}.ci-cap b{color:var(--gold)}.ci{position:relative;border:1px solid rgba(107,83,48,.6);border-radius:6px;padding:3px 0 4px;text-align:center;background:#ffffff08}.ci b{display:block;font:600 10px var(--font);color:var(--dim)}.ci span{font:700 16px serif;color:var(--ink)}.ci.g-bao span{color:#ffd16a}.ci.g-than span{color:#ff6a5a}.ci.g-tinh span{color:#c79bff}.ci.got{opacity:.4}.ci.got:after{content:"✓";position:absolute;right:3px;top:1px;color:#8fe3a1;font-size:11px}.ci.today{border-color:var(--gold);box-shadow:0 0 8px #ffd84a80}#win-season button.big{width:100%;margin-top:8px}#win-season button{background:var(--panel);border:1px solid var(--edge);color:var(--ink);border-radius:7px;padding:6px 12px;font:600 12px var(--font);cursor:pointer}#win-season button:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}#win-season button:disabled{opacity:.45;cursor:default}.dq{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(107,83,48,.3)}.dq>div{flex:1;position:relative;padding-bottom:5px}.dq b{display:block;font-size:13px}.dq small{color:var(--dim);font-size:11px}.dq i{position:absolute;left:0;bottom:0;height:3px;background:var(--gold);border-radius:2px}.dq.done b{color:#8fe3a1}.dq.claimed{opacity:.5}.wb-line{margin:0;color:var(--ink)}#tower-hud{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#14111ce6;border:1px solid var(--edge);border-radius:10px;padding:6px 16px;text-align:center;font:600 13px var(--font);color:var(--ink);pointer-events:none}#tower-hud b{color:var(--gold);font:700 15px var(--font)}#tower-hud span{display:inline-block;margin-left:12px;font:700 18px var(--font);color:#fff}#tower-hud span.warn{color:#ff6a5a}#tower-hud small{display:block;color:var(--dim);font-size:11px}#wb-rank{position:absolute;right:14px;top:120px;width:300px;background:#14111cf5;border:1px solid var(--gold);border-radius:12px;pointer-events:auto}#wb-rank header{display:flex;justify-content:space-between;padding:8px 12px;font:700 14px var(--font);color:var(--gold);border-bottom:1px solid rgba(107,83,48,.6)}#wb-rank .x{background:none;border:0;color:var(--dim);font-size:20px;cursor:pointer}#wb-rank ol{margin:8px 0;padding:0 12px 0 34px;font-size:12px}#wb-rank li{padding:2px 0}#wb-rank li span{float:right;color:var(--dim)}#wb-rank li.me b{color:var(--gold)}#wb-rank p{margin:0 12px 10px;font-size:12px}#toasts{bottom:236px}#chat{position:absolute;left:14px;bottom:44px;width:380px;pointer-events:auto;background:#0e0c148c;border:1px solid rgba(107,83,48,.45);border-radius:10px;font-size:12px}#chat.typing{background:#0e0c14e6;border-color:var(--gold)}#chat-tabs{display:flex;gap:2px;padding:3px 4px 0}#chat-tabs button{background:none;border:0;color:var(--dim);font:600 11px var(--font);padding:3px 6px;cursor:pointer;border-radius:6px 6px 0 0}#chat-tabs button.on{color:var(--gold);background:#ffffff0f}#chat-lines{height:var(--chat-h, 120px);overflow-y:auto;padding:4px 8px}#chat-lines p{margin:1px 0;line-height:1.35;word-break:break-word;color:var(--ink);text-shadow:0 1px 2px #000}#chat-lines em{font-style:normal;font-size:10.5px;opacity:.8}#chat-lines .c-world em{color:#ffb35a}#chat-lines .c-map em{color:#d9d3c1}#chat-lines .c-party em,#chat-lines .c-party b{color:#8fe3a1}#chat-lines .c-guild em,#chat-lines .c-guild b{color:#9fd2ff}#chat-lines .c-w,#chat-lines .c-w b{color:#f0a0ff}#chat-lines .c-sys{color:#ffd84a}#chat-input-row{display:flex;align-items:center;gap:6px;padding:4px 6px 6px}#chat-ch{font:700 11px var(--font);color:var(--gold);min-width:46px}#chat-input{flex:1;background:#00000059;border:1px solid rgba(107,83,48,.6);border-radius:6px;color:var(--ink);padding:4px 8px;font:12px var(--font)}#chat-input:focus{outline:none;border-color:var(--gold)}#win-friends{right:150px;bottom:60px;width:340px;max-height:calc(100vh - 140px);overflow-y:auto}#win-guild{right:150px;bottom:60px;width:min(560px,96vw);max-height:calc(100vh - 140px);overflow-y:auto}#win-market{left:50%;top:60px;transform:translate(-50%);width:520px;max-height:calc(100vh - 110px);overflow-y:auto}#win-friends h4,#win-guild h4,#win-market h4{margin:10px 0 6px;font:700 14px var(--font);color:var(--gold)}#win-friends h4 small,#win-guild h4 small,#win-market h4 small{font:400 11px var(--font);color:var(--dim)}.row-in{display:flex;gap:6px;margin:6px 0}.row-in input,.row-in select{flex:1;min-width:0;background:#00000059;border:1px solid rgba(107,83,48,.6);border-radius:6px;color:var(--ink);padding:5px 8px;font:12px var(--font)}.row-in input.n{flex:0 0 60px}.row-in input.p{flex:0 0 110px}#win-friends button,#win-guild button,#win-market button{background:var(--panel);border:1px solid var(--edge);color:var(--ink);border-radius:6px;padding:5px 10px;font:600 12px var(--font);cursor:pointer;white-space:nowrap}#win-friends button:hover,#win-guild button:hover,#win-market button:hover{border-color:var(--gold);color:var(--gold)}button.dim,.dim{color:var(--dim)!important}button.wide{width:100%;margin-top:8px}.fr{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(107,83,48,.25)}.fr>i{width:8px;height:8px;border-radius:50%;background:#555;flex:0 0 8px}.fr.on>i{background:#8fe3a1;box-shadow:0 0 6px #8fe3a1}.fr>div{flex:1;min-width:0}.fr b{display:block;font-size:13px}.fr small{color:var(--dim);font-size:11px}.g-notice{background:#ffd84a0f;border-left:3px solid var(--gold);padding:6px 8px;margin:0 0 6px}.mk-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(107,83,48,.25)}.mk-row .ico{font:700 18px serif;width:28px;text-align:center}.mk-row>div{flex:1;min-width:0}.mk-row small{display:block;color:var(--dim);font-size:11px}.mk-row .price{font:700 13px var(--font);color:#ffd84a}.mk-row.g-luong .ico{color:#6fc3ff}.mk-row.g-tinh .ico{color:#c79bff}.mk-row.g-bao .ico{color:#ffd16a}.mk-row.g-than .ico{color:#ff6a5a}#mk-list{max-height:260px;overflow-y:auto}.name-guild{color:#9fd2ff}#chat{z-index:1}.win,#dialog,#ctx,#invite{z-index:5}@media(max-width:1100px){#chat{width:300px}#chat-lines{height:var(--chat-h, 104px)}#toasts{bottom:206px}}.shop-season{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.ss{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid rgba(107,83,48,.25)}.ss .ico{font:700 17px serif;width:24px;text-align:center}.ss>div{flex:1;min-width:0}.ss b{display:block;font-size:12px}.ss small{color:var(--dim);font-size:10.5px}.ss.g-tinh .ico{color:#c79bff}.ss.g-bao .ico{color:#ffd16a}.ss.g-luong .ico{color:#6fc3ff}.badge-n{color:#ffd84a;font-size:15px}#war-hud{position:absolute;top:228px;right:14px;width:250px;background:#14111ceb;border:1px solid var(--edge);border-radius:10px;padding:6px 10px 8px;font-size:12px;pointer-events:none}#war-hud header{display:flex;justify-content:space-between;font:700 14px var(--font);color:var(--gold);margin-bottom:4px}#war-hud header em{font-style:normal;color:#fff}#war-hud .wr{display:flex;align-items:center;gap:6px;padding:2px 0}#war-hud .wr i{width:10px;height:10px;border-radius:2px;flex:0 0 10px}#war-hud .wr b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#war-hud .wr span{font:700 14px var(--font);color:#fff}#war-hud .wr small{color:var(--dim);width:76px;text-align:right}#war-feed p{margin:2px 0 0;color:var(--dim)}.war-win{color:var(--gold);font-weight:700;margin:6px 0 2px}.logo,#banner,.win header,.boss-name,#wb-rank header,#war-hud header,#tower-hud b,#play,#win-season h4,#win-friends h4,#win-guild h4,#win-market h4,.q-title,#dlg-name{font-family:var(--font-title)}#banner small,#win-season h4 small,#win-friends h4 small,#win-guild h4 small,#win-market h4 small,.win header button{font-family:var(--font)}#minimap{position:absolute;top:14px;right:14px;width:168px;height:168px;border-radius:50%;pointer-events:auto;cursor:pointer;border:2px solid var(--edge);box-shadow:0 0 0 3px #0c0a12d9,0 0 0 4px #e0b04a8c,0 6px 18px #0009;background:#0d0c12}#minimap canvas{width:100%;height:100%;border-radius:50%;display:block}#minimap .mm-zoom{position:absolute;left:4px;bottom:4px;width:20px;height:20px;border-radius:50%;background:#14111ce6;border:1px solid var(--edge);color:var(--gold);font:700 14px/18px var(--font);text-align:center}#minimap:hover{border-color:var(--gold)}#minimap .mm-name{position:absolute;left:50%;top:116%;transform:translate(-50%);pointer-events:none;white-space:nowrap;text-align:center;font:700 14px/1.15 var(--font-title, var(--font));color:var(--gold);text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.9);padding:3px 12px 4px;border-radius:6px;background:#0c0a12c7;border:1px solid rgba(224,176,74,.45)}#minimap .mm-name small{display:block;font:600 11px/1.2 var(--font);color:#d8cfb8}#minimap .mm-name small:empty{display:none}#quest.clickable{pointer-events:auto;cursor:pointer;transition:border-color .15s}#quest.clickable:hover{border-color:var(--gold)}#quest .q-auto{margin-top:6px;font-size:11px;color:#7dff9a;opacity:.75}#quest.auto-on{border-color:#7dff9a;box-shadow:0 0 12px #7dff9a59}#quest.auto-on .q-auto:after{content:" · đang tự đi"}#auto-pill{position:absolute;bottom:106px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;pointer-events:auto;background:#0e1a12eb;border:1px solid #4f9a62;border-radius:999px;padding:4px 6px 4px 12px;font-size:13px;color:#d9f7e0;z-index:5}#auto-pill.hunt{border-color:#e0b04a;background:#1e160aeb;color:#ffe7b0}#auto-pill b{font-family:var(--font-title);color:#7dff9a;letter-spacing:1px}#auto-pill.hunt b{color:var(--gold)}#auto-pill .dot{width:8px;height:8px;border-radius:50%;background:#7dff9a;animation:autoblink 1s infinite}#auto-pill.hunt .dot{background:var(--gold)}#auto-pill button{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#00000059;color:#fff;cursor:pointer}@keyframes autoblink{50%{opacity:.25}}#menu #btn-hunt.on{border-color:var(--gold);background:linear-gradient(#3b2a10,#24190a);color:#ffe7b0;box-shadow:0 0 10px #e0b04a73}#win-auto{top:70px;right:210px;width:430px;max-height:calc(100vh - 140px);display:flex;flex-direction:column}#win-auto .win-body{overflow-y:auto}#win-auto h4{margin:12px 0 6px;font-family:var(--font-title);color:var(--gold);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400}#win-auto h4 small{color:var(--dim);font-family:var(--font);font-size:11px}#win-auto h4 button,#win-auto h4 .sw{margin-left:auto}#win-auto h4 button{background:var(--panel);border:1px solid var(--edge);color:var(--ink);border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer}#win-auto .sw{font-family:var(--font);font-size:12px;color:var(--ink)}.auto-row{display:grid;grid-template-columns:1fr 120px 40px;align-items:center;gap:8px;font-size:12px;margin:4px 0}.auto-row select{grid-column:2 / 4;background:#00000059;color:var(--ink);border:1px solid var(--edge);border-radius:6px;padding:3px}.auto-row input[type=range]{accent-color:#e0b04a}.pick-cats{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:12px}#win-auto details{margin:4px 0;border:1px solid rgba(107,83,48,.5);border-radius:6px;padding:4px 8px}#win-auto summary{cursor:pointer;font-size:12px}#win-auto summary small{color:var(--dim)}.pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;margin-top:4px;font-size:11.5px}.pick-grid label,.pick-cats label{display:flex;align-items:center;gap:4px;cursor:pointer}.pick-grid label.over{text-decoration:underline dotted}.pick-grid .ico{font-family:serif;width:14px;text-align:center}.pick-grid .g-luong,.pick-cats .g-luong{color:#6fc3ff}.pick-grid .g-tinh,.pick-cats .g-tinh{color:#c79bff}.pick-grid .g-bao,.pick-cats .g-bao{color:#ffd16a}.pick-grid .g-than,.pick-cats .g-than{color:#ff6a5a}#win-auto.hidden{display:none}.icon.img{display:inline-block;width:34px;height:34px;background:center / contain no-repeat;font-size:0;vertical-align:middle}.icon.img.luong{filter:drop-shadow(0 0 3px rgba(111,195,255,.75))}.icon.img.tinh{filter:drop-shadow(0 0 4px rgba(199,155,255,.9))}.icon.img.bao{filter:drop-shadow(0 0 4px rgba(255,159,67,.9))}.icon.img.than{filter:drop-shadow(0 0 5px rgba(255,93,115,1))}.rf-row .icon.img{width:30px;height:30px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#08080e;opacity:1;transition:opacity .45s ease}#loading.out{opacity:0}html.tk-boot #join{visibility:hidden}#loading video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#loading .ld-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#08080eeb,#08080e59 28%,#08080e00 55%)}#loading .ld-bottom{position:absolute;left:50%;bottom:6vh;transform:translate(-50%);width:min(640px,calc(100% - 32px));text-align:center}#loading .ld-title{font-family:var(--font-title, "SVN-Shikamaru", serif);font-size:clamp(28px,5vw,46px);color:#f2c14e;text-shadow:0 0 18px rgba(232,105,45,.6),0 2px 0 #3a1d08;letter-spacing:2px;margin-bottom:10px}#loading .ld-row{display:flex;justify-content:space-between;color:#f3e9d2;font-size:14px;margin-bottom:6px;text-shadow:0 1px 2px #000}#loading .ld-row b{color:#f2c14e}#loading .ld-bar{height:8px;border-radius:6px;background:#0000008c;border:1px solid rgba(242,193,78,.45);overflow:hidden}#loading .ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e8692d,#f2c14e);box-shadow:0 0 12px #f2c14ecc}#loading .ld-tip{margin-top:10px;color:#c9bfa8;font-size:13px;min-height:1.4em;text-shadow:0 1px 2px #000}.ico.img{display:inline-block;background:center / contain no-repeat;font-size:0!important;text-shadow:none}.slot .ico.img{width:54px;height:54px;margin-top:-8px;border-radius:50%;filter:drop-shadow(0 0 6px rgba(242,160,60,.45))}.slot.pot .ico.img{width:40px;height:40px;border-radius:0;margin-top:-4px}.slot.nosp .ico.img{filter:grayscale(1) brightness(.7);opacity:.6}.sk-row .ico.img{width:40px;height:40px}.job-ico{vertical-align:-3px;margin-right:5px;filter:drop-shadow(0 0 3px rgba(242,193,78,.6))}.char-head{display:flex;align-items:center;gap:10px}.char-head .job-ico{margin:0;vertical-align:middle}.acc-view p{margin:10px 0 4px}.acc-in{display:block;width:100%;margin-top:8px;padding:12px 14px;font:600 16px var(--font);border-radius:10px;border:1px solid var(--edge);background:#00000080;color:var(--ink);outline:none}.acc-in:focus{border-color:var(--gold)}.acc-go{margin-top:12px;width:100%;padding:12px;font:800 18px var(--font);border:0;border-radius:10px;cursor:pointer;color:#2a1305;background:linear-gradient(#ffd16a,#e08a2c);box-shadow:0 4px #7a3c10}.acc-go:disabled{opacity:.6;cursor:default}.acc-links{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px}.acc-links a{color:var(--gold);text-decoration:none}.acc-links a:hover{text-decoration:underline}#join-ok{color:#9fe39a;min-height:0;margin-top:8px}#sel-list{display:grid;gap:8px;margin-top:10px}.sel-char{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:10px;border:1px solid var(--edge);background:#00000073;color:var(--ink);cursor:pointer;text-align:left;font:600 15px var(--font)}.sel-char.on{border-color:var(--gold);background:#e8a03c29}.sel-char canvas{width:48px;height:48px;image-rendering:pixelated;flex:none}.sel-char b{display:block;font-size:16px}.sel-char small{color:var(--dim, #a99)}.sel-char.locked{opacity:.55}.sel-new{justify-content:center;border-style:dashed;color:var(--gold)}#win-settings{left:50%;top:90px;transform:translate(-50%);width:380px}.set-h{margin:4px 0 8px;font:700 15px var(--font);color:var(--gold)}.set-h small{font:400 12px var(--font)}.set-row{display:grid;grid-template-columns:76px 1fr 86px;align-items:center;gap:10px;margin:8px 0}.set-row input[type=range]{width:100%;accent-color:var(--gold)}.set-tg{padding:6px 8px;font-size:12px}.set-tg.off{color:#ff9a8a}.set-row.set-wide{grid-template-columns:1fr 86px}.set-row.set-wrap{grid-template-columns:76px 1fr}.set-chips{display:flex;flex-wrap:wrap;gap:6px 10px}.set-chip{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-weight:600}.set-chip input{accent-color:var(--gold)}.set-chip.g-pham{color:#e8e2d0}.set-chip.g-luong{color:#6fc3ff}.set-chip.g-tinh{color:#c79bff}.set-chip.g-bao{color:#ffd16a}.set-chip.g-than{color:#ff6a5a}.set-note{margin:6px 0 12px;font-size:12px}.set-acts{display:flex;flex-wrap:wrap;gap:8px}.set-acts .btn{flex:1 1 30%}.btn.danger{color:#ffc0b5}body.mobile .set-row{grid-template-columns:76px 1fr 96px;margin:12px 0}body.mobile .set-row input[type=range]{height:32px}body.mobile .set-acts .btn{min-height:46px;flex:1 1 100%}#bye{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--night);z-index:50}.bye-card{text-align:center;color:var(--ink)}.bye-card .logo{font-size:48px;color:var(--gold)}.bye-card p{margin:10px 0 18px}.win:not(#dialog):not(#invite){max-height:calc(100vh - 130px);display:flex;flex-direction:column}.win:not(#dialog):not(#invite)>header{flex:none}.win:not(#dialog):not(#invite)>.win-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.win.hidden{display:none!important}#win-week7,#win-rank{left:50%;top:70px;transform:translate(-50%);width:480px;max-height:calc(100vh - 120px);overflow-y:auto}#win-week7 button,#win-rank button{background:var(--panel);border:1px solid var(--edge);color:var(--ink);border-radius:7px;padding:6px 12px;font:600 12px var(--font);cursor:pointer}#win-week7 button:not(:disabled):hover,#win-rank button:hover{border-color:var(--gold);color:var(--gold)}#win-week7 button:disabled{opacity:.45;cursor:default}.w7-intro{margin:0 0 8px;font-size:12px;color:var(--dim);line-height:1.5}.w7-intro b{color:var(--gold)}.w7-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.w7-tabs .w7-tab{position:relative;padding:5px 9px}.w7-tabs .w7-tab.on{border-color:var(--gold);color:var(--gold);background:#e8a03c26}.w7-tabs .w7-tab.lock{opacity:.55}.w7-tabs .w7-tab.done{color:#8fe3a1}.w7-tabs .w7-tab i{position:absolute;top:-6px;right:-4px;font-style:normal;background:#e0482a;color:#fff;border-radius:8px;padding:0 5px;font-size:10px}.w7-lock{margin:0 0 6px;color:#ffb36a;font-size:12px}.w7-box b,.w7-final b{color:var(--gold)}.rk-list{list-style:none;margin:0 0 8px;padding:0}.rk-list li{display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;column-gap:8px;padding:5px 4px;border-bottom:1px solid rgba(107,83,48,.3);align-items:center}.rk-list li em{grid-row:span 2;font:700 15px var(--font);color:var(--dim);text-align:center;font-style:normal}.rk-list li b{font-size:13px}.rk-list li small{grid-column:2;color:var(--dim);font-size:11px}.rk-list li span{grid-row:1 / span 2;grid-column:3;font:700 14px var(--font);color:var(--ink)}.rk-list li.top1 em{color:#ffd84a}.rk-list li.top2 em{color:#d8dde6}.rk-list li.top3 em{color:#e09a5a}.rk-list li.me{background:#e8a03c24}body.mobile #win-week7,body.mobile #win-rank{top:8px}.slot.dan{--p: 0;pointer-events:auto;width:60px;height:60px;align-self:flex-end;border-radius:50%;cursor:pointer;border-color:#6b3a1c}.slot.dan .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#ff8a3d calc(var(--p) * 1%),#ffffff0f 0);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);mask:radial-gradient(circle,transparent 56%,#000 58%)}.slot.dan .ico{font-size:24px;color:#ffb36b;margin-top:-4px}.slot.dan .nm{bottom:2px;font-size:8px}.slot.dan em{top:auto;bottom:12px;right:0;left:0;text-align:center;color:#ffcf9a}.slot.dan.empty .ico{color:var(--dim);text-shadow:none}.slot.dan.full{border-color:#ffb36b;box-shadow:0 0 14px #ff8c3ca6}#dan-pop{position:absolute;right:16px;bottom:130px;width:min(340px,92vw);z-index:30}#dan-pop .dan-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}#dan-pop .dan-row .ico{flex:0 0 40px;width:40px;height:40px;font-size:26px;display:grid;place-items:center;color:var(--gold);background-size:contain}#dan-pop .dan-row p{margin:3px 0;font-size:13px}#dan-pop .dan-btns{display:flex;gap:8px;justify-content:flex-end}#dan-pop .dan-btns button{min-height:40px;padding:0 14px}#talent-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#050409;color:var(--ink);font-size:13px}#talent-ui.hidden{display:none}#tl-cv{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}#talent-ui .tl-top{position:absolute;top:10px;left:14px;right:14px;display:flex;gap:12px;align-items:center;pointer-events:none}#talent-ui .tl-top>*{pointer-events:auto}#talent-ui .tl-title{font:700 22px var(--font-title, serif);letter-spacing:.06em;color:#e8c983;text-shadow:0 0 12px rgba(232,201,131,.35),0 2px 4px #000;text-transform:uppercase}#talent-ui .tl-search{display:flex;align-items:center;gap:4px;background:#0a080ed9;border:1px solid #5a4526;border-radius:6px;padding:2px 4px 2px 8px;min-width:0;flex:0 1 260px}#talent-ui .tl-search.on{border-color:#ffe27a;box-shadow:0 0 10px #ffe27a59}#talent-ui .tl-search input{background:transparent;border:0;color:#f3e6c4;font-size:14px;min-width:0;flex:1;padding:6px 2px;outline:none}#talent-ui .tl-qx{background:none;border:0;color:#c9a86a;font-size:18px;padding:0 4px;min-width:28px}body.mobile #talent-ui .tl-title{display:none}#talent-ui #tl-found{font-size:12px;white-space:nowrap}#talent-ui #tl-found.warn{color:#ff9a7a}#talent-ui .tl-top .x{margin-left:auto;min-width:40px;min-height:40px;font-size:22px}#talent-ui .tl-side{position:absolute;right:0;top:58px;bottom:12px;width:310px;padding:10px 12px 10px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:linear-gradient(90deg,#0a080e8c,#0a080ef0 14%);border-left:1px solid #5a4526;transition:transform .2s}#talent-ui .tl-side.folded{transform:translate(calc(100% - 26px))}#talent-ui .tl-side.folded>:not(.tl-fold){visibility:hidden}#talent-ui .tl-fold{position:sticky;top:0;align-self:flex-start;margin-left:-10px;min-height:30px;min-width:22px;padding:0 4px;background:#1a1410;border:1px solid #6b5230;color:#e8c983}#talent-ui .tl-plate{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #6b5230;border-radius:3px;background:linear-gradient(180deg,#2a2016,#15100b);box-shadow:inset 0 1px #ffdca01f,0 2px 6px #000;text-transform:uppercase;font:600 12px var(--font-title, serif);letter-spacing:.05em;color:#d9c49a}#talent-ui .tl-plate b{margin-left:auto;font-size:18px;color:#f3e2b5}#talent-ui .tl-pts-plate b{color:#9fdcff;text-shadow:0 0 8px rgba(120,200,255,.6)}#talent-ui .tl-ico{color:#e8c983}#talent-ui .tl-sub{padding:3px 10px}#talent-ui .tl-sub b{font-size:13px}#talent-ui .tl-field{display:flex;flex-direction:column;gap:2px;font:600 11px var(--font-title, serif);text-transform:uppercase;color:#a8916a;letter-spacing:.05em}#talent-ui input,#talent-ui select{background:#0d0a08;color:var(--ink);border:1px solid #5a4526;border-radius:2px;padding:6px 10px;min-height:34px;text-transform:none;font:13px sans-serif;letter-spacing:0}#talent-ui .tl-row{display:flex;gap:6px}#talent-ui .tl-row .tl-btn:first-child{flex:1}#talent-ui .tl-btn{min-height:34px;background:linear-gradient(180deg,#3a2a18,#1c140c);border:1px solid #8a6a3a;color:#f0d9a0;font:600 12px var(--font-title, serif);text-transform:uppercase;letter-spacing:.05em;border-radius:2px}#talent-ui .tl-btn:hover{border-color:#e8c983;color:#fff3cf}#talent-ui .tl-box{background:#100c0aeb;border:1px solid #4a3920;border-radius:3px;padding:9px 10px}#talent-ui .tl-box h4{margin:-9px -10px 7px;padding:5px 10px;font:600 12px var(--font-title, serif);text-transform:uppercase;letter-spacing:.05em;color:#e8c983;background:linear-gradient(180deg,#2a2016,#18120c);border-bottom:1px solid #4a3920}#talent-ui .tl-name{font:700 16px var(--font-title, serif)}#talent-ui .tl-btns,#talent-ui .tl-build{display:flex;gap:6px;align-items:center;margin-top:6px}#talent-ui .tl-build span{flex:1}#talent-ui button{min-height:34px;background:linear-gradient(180deg,#2e2214,#17110a);border:1px solid #6b5230;color:#e8d3a0;border-radius:2px;padding:0 10px}#talent-ui button:disabled{opacity:.45}#talent-ui button.main{border-color:#e8c983;color:#ffe7a8;background:linear-gradient(180deg,#4a3518,#22180c);box-shadow:0 0 8px #e8c98340}#talent-ui .tl-ba{display:flex;gap:6px}#talent-ui .tl-ba span{flex:1;color:var(--dim)}#talent-ui .tl-sum{max-height:300px;overflow-y:auto;font-size:12px;line-height:1.55}#talent-ui .tl-cat h5{margin:6px 0 2px;font:600 11px var(--font-title, serif);text-transform:uppercase;color:#a8916a;letter-spacing:.05em}#talent-ui .tl-cat:first-child h5{margin-top:0}#talent-ui .tl-stat{color:#8fb6ff}#talent-ui .tl-stat.chg{color:#7fe6ff}#talent-ui .tl-stat.chg:before{content:"◆ ";font-size:9px}#talent-ui .tl-stat i{color:#c9a25c;font-style:normal;font-size:11px}#talent-ui .warn{color:#ff9a7a}#tl-mini{position:absolute;left:12px;bottom:12px;border:1px solid #5a4526;border-radius:50%;opacity:.92;box-shadow:0 0 0 3px #15100b,0 0 0 4px #6b5230}#tl-tip{position:fixed;z-index:61;width:max-content;max-width:320px;background:#060509f5;border:1px solid #6b5230;pointer-events:none;font-size:13px;box-shadow:0 6px 18px #000}#tl-tip.hidden{display:none}#tl-tip .tl-tip-head{display:flex;flex-direction:column;align-items:center;padding:6px 18px 5px;background:linear-gradient(180deg,#3a2c1a,#1b140c);border-bottom:1px solid #6b5230;position:relative}#tl-tip .tl-tip-head:before,#tl-tip .tl-tip-head:after{content:"❖";position:absolute;top:50%;transform:translateY(-50%);color:var(--dao);font-size:11px}#tl-tip .tl-tip-head:before{left:6px}#tl-tip .tl-tip-head:after{right:6px}#tl-tip .tl-tip-name{font:700 15px var(--font-title, serif);color:#f3e2b5;letter-spacing:.02em}#tl-tip .t-notable .tl-tip-name{color:#ffe08a}#tl-tip .t-major .tl-tip-name{color:#ffb48a}#tl-tip .t-keystone .tl-tip-name{color:#ffd16a;text-shadow:0 0 8px rgba(255,200,90,.5)}#tl-tip .tl-tip-head small{color:var(--dao);font-size:11px;opacity:.9}#tl-tip .tl-tip-body{padding:8px 14px;text-align:center;color:#8fb6ff;line-height:1.5}#tl-tip .tl-tip-foot{padding:4px 12px 6px;text-align:center;color:#9a8a6a;font-size:11px;border-top:1px solid #2a2016}#tl-tip .tl-tip-foot.warn{color:#ff9a7a}#tl-tip .tl-tip-guide{padding:3px 12px;text-align:center;color:#ffd84a;font-size:11px;border-top:1px solid #2a2016}#talent-ui .tl-guide select{width:100%}#talent-ui .tl-guide p{margin:6px 0 0;font-size:12px;line-height:1.45}#talent-ui .tl-guide p b{color:#ffd84a}@media(max-width:900px){#talent-ui .tl-side{top:auto;left:0;right:0;bottom:0;width:auto;max-height:46vh;border-left:0;border-top:1px solid #5a4526}#talent-ui .tl-side.folded{transform:translateY(calc(100% - 34px))}#tl-mini{display:none}#talent-ui #tl-q{width:120px}#talent-ui .tl-title{font-size:16px}}@media(max-width:900px)and (max-height:520px)and (orientation:landscape){#talent-ui .tl-side{top:46px;bottom:0;left:auto;right:0;width:250px;max-height:none;border-top:0;border-left:1px solid #5a4526;font-size:12px;gap:5px;padding:6px 8px 6px 12px}#talent-ui .tl-side.folded{transform:translate(calc(100% - 26px))}#talent-ui .tl-plate b{font-size:16px}}.el-ico{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;background:center / contain no-repeat;image-rendering:pixelated;font-style:normal}#wheel span .el-ico{width:18px;height:18px}#wheel span.now .el-ico{width:26px;height:26px;filter:drop-shadow(0 0 4px currentColor)}.eq .stone.el-ico{width:14px;height:14px}#inv-drop.on{color:#ff9a8a;border-color:#ff6a5a}#inv-grid .cell.dropsel{outline:2px solid #ff5a4a;outline-offset:-2px;box-shadow:inset 0 0 12px #ff46328c}#inv-dropbar{margin-top:8px;padding:8px;border:1px solid rgba(255,106,90,.45);border-radius:8px;background:#3c0e0a59}#inv-dropbar .dd-head{color:var(--dim);font-size:12px;margin-bottom:6px}#inv-dropbar .dd-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}#inv-dropbar .dd-row{display:flex;align-items:center;gap:6px;font-size:12.5px}#inv-dropbar .dd-row .nm{flex:1}#inv-dropbar .dd-row.precious .nm:after{content:" ★";color:#ffd16a}#inv-dropbar .dd-row input{width:58px}#inv-dropbar .dd-row .ico,#inv-dropbar .dd-row img{width:24px;height:24px}#inv-dropbar .dd-acts{display:flex;gap:8px;margin-top:8px}.inv-tools{display:flex;justify-content:space-between;align-items:center}body:not(.mobile),body:not(.mobile) #game canvas{cursor:url(/assets/ui/cursor/normal.png) 2 2,auto!important}body:not(.mobile) button,body:not(.mobile) .cell,body:not(.mobile) .slot,body:not(.mobile) [data-lid],body:not(.mobile) .tc-card,body:not(.mobile) .bk-cell:not(.empty),body:not(.mobile) a,body:not(.mobile) #game.cur-hover canvas{cursor:url(/assets/ui/cursor/hover.png) 2 2,pointer!important}body:not(.mobile) #game.cur-talk canvas{cursor:url(/assets/ui/cursor/talk.png) 6 4,pointer!important}body:not(.mobile) #game.cur-press canvas,body:not(.mobile) button:active{cursor:url(/assets/ui/cursor/press.png) 2 2,pointer!important}body:not(.mobile) input,body:not(.mobile) textarea{cursor:text!important}body:not(.mobile) .win>header{cursor:url(/assets/ui/cursor/hover.png) 2 2,grab!important}#quest-done{position:absolute;left:50%;top:120px;transform:translate(-50%);z-index:8;pointer-events:auto;display:flex;flex-direction:column;gap:3px;align-items:center;padding:10px 34px 10px 18px;border-radius:10px;border:1px solid #7dff9a;background:linear-gradient(#1d2a1c,#121a12);box-shadow:0 0 18px #7dff9a59;color:#e8ffe8;font-size:14px}#quest-done b{color:#9fffc0}#quest-done span b{color:#ffd16a}#quest-done:hover{border-color:#ffd16a}#quest-done .qd-row{display:flex;gap:8px;margin-top:6px}#quest-done{cursor:default}#quest-done.hidden{display:none}#party .pm[data-pname]{cursor:pointer;border-radius:6px;padding:2px 4px;margin-left:-4px;margin-right:-4px}#party .pm[data-pname]:hover{background:#ffd16a1a}#party .crown{color:#ffd16a}#party .pm.fol{box-shadow:inset 2px 0 #7dff9a}#party .fol-tag{color:#7dff9a;font-size:10.5px}#party .pm-lead{font-size:11px;color:#b9a77e;cursor:pointer;margin-top:2px}#party-ask{position:absolute;left:50%;top:32%;transform:translate(-50%);width:340px;z-index:12;border-color:var(--gold, #c9a052)}#party-ask p{margin:0 0 10px;line-height:1.45}#dlg-dim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#06050ca8;z-index:60;pointer-events:auto}body.dlg-open #dlg-dim{display:block;animation:dlgfade .18s ease-out}body.dlg-open #dialog{z-index:62;top:60%;bottom:auto;transform:translate(-50%);width:min(600px,92vw)}#dlg-splash{display:none;position:fixed;z-index:61;left:50%;bottom:39%;height:min(54vh,560px);width:auto;image-rendering:pixelated;transform:translate(-50%,6%);pointer-events:none;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6));opacity:0;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}body.dlg-splash #dlg-splash{display:block}#dlg-splash.in{opacity:1;transform:translate(-50%);transition:opacity .22s ease-out,transform .28s ease-out}@keyframes dlgfade{0%{opacity:0}to{opacity:1}}body.mobile #dlg-splash{height:min(42vh,420px);bottom:43%;transform:translate(-50%)}body.mobile.dlg-open #dialog{top:56%}#quest-side{margin-top:8px;padding:7px 9px 6px;border-radius:6px;border:1px solid rgba(255,122,90,.55);background:linear-gradient(180deg,#781c1659,#0003);cursor:pointer;pointer-events:auto}#quest-side:hover{border-color:#ff8a6a}#quest-side .qs-title{font:800 14px var(--font);color:#ff8a6a;letter-spacing:1px}#quest-side .qs-title small{font:400 11px var(--font);color:var(--dim);letter-spacing:0}#quest-side .qs-body{font-size:12.5px;line-height:1.4;margin-top:2px}#quest-side .qs-go{margin-top:4px;font-size:11px;color:#7dff9a;opacity:.75}#dialog{display:flex;flex-direction:column;max-height:calc(100vh - 160px)}#dialog.hidden{display:none}#dialog>header{flex:none}#dialog>.win-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}#dlg-text{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}#dlg-opts{flex:none;padding-top:8px;border-top:1px solid rgba(201,160,82,.18)}#dlg-opts:empty{display:none}#dlg-opts{transition:opacity .18s}#dlg-opts.typing{opacity:.3;pointer-events:none}#dialog{cursor:default}body.dlg-open #dialog{top:60%;bottom:auto;max-height:calc(40vh - 12px)}body.mobile.dlg-open #dialog{top:56%;bottom:auto;max-height:calc(44vh - 8px)}body.mobile #dlg-opts button.dlg-close{flex:0 0 auto;min-width:104px;margin-left:auto}body.dlg-up #tut-hand,body.dlg-up #pk-btn,body.dlg-up #fs-fab,body.dlg-up #tut{visibility:hidden}.cell .fit{position:absolute;right:3px;bottom:0;font-size:11px;font-weight:900;color:#7fe07a;text-shadow:0 0 3px #000,0 0 2px #000;pointer-events:none}#inv-grid .cell.fitjob{box-shadow:inset 0 0 0 1px #7fe07ab3,inset 0 0 10px #7fe07a40}#rotate-lock{display:none}@media(orientation:portrait)and (pointer:coarse){#rotate-lock{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 40%,#241d2b,#0b0a12 75%);color:var(--ink)}#rotate-lock .rl-ico{font-size:64px;animation:rlTurn 2.2s ease-in-out infinite}#rotate-lock b{font:26px var(--font-title);color:#ffe7a8}#rotate-lock span{font-size:15px;line-height:1.5;color:var(--dim);max-width:320px}@keyframes rlTurn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}}@media(orientation:portrait)and (pointer:coarse)and (prefers-reduced-motion:reduce){#rotate-lock .rl-ico{animation:none;transform:rotate(-90deg)}}#meta>div:first-child,#meta .money2,#meta .snd{display:none!important}.inv-tools{flex-wrap:wrap;gap:6px 10px}.inv-wallet{display:inline-flex;gap:12px;align-items:center;font-weight:700;padding:3px 10px;border-radius:8px;background:#ffd67812;border:1px solid rgba(255,214,120,.22)}.inv-wallet>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.inv-wallet b{color:#ffe08a}.inv-wallet b#inv-bac{color:#dfe8f2}#dlg-opts .dlg-item{display:inline-flex;align-items:center;gap:8px;text-align:left}#dlg-opts .dlg-ico{width:28px;height:28px;flex:none}.cs-pk b.red{color:#ff5a4a}.cs-pk b.gold{color:#ffd16a}body:not(.mobile) #target{top:96px}body.mobile #target{top:calc(116px / .6);left:50%;transform:translate(-50%)}#chat{width:360px}#chat #chat-grip{position:absolute;right:-2px;top:-2px;width:18px;height:18px;cursor:nesw-resize;pointer-events:auto;background:linear-gradient(45deg,transparent 45%,rgba(242,193,78,.7) 46%,rgba(242,193,78,.7) 54%,transparent 55%),linear-gradient(45deg,transparent 65%,rgba(242,193,78,.7) 66%,rgba(242,193,78,.7) 74%,transparent 75%)}#chat #chat-min{position:absolute;right:18px;top:2px;width:22px;height:20px;padding:0;border:0;background:none;color:var(--dim);font:700 14px var(--font);cursor:pointer}#chat.mini #chat-lines,#chat.mini #chat-input-row{display:none}#chat-tabs{padding-right:44px;flex-wrap:wrap}#chat-tabs button{font-size:12px;padding:4px 8px}#chat-send,#chat-loc{flex:none;width:30px;height:26px;border-radius:6px;border:1px solid rgba(107,83,48,.6);background:#00000059;color:var(--gold);cursor:pointer}#chat-loc{margin-right:4px;font-size:14px;padding:0}#chat-loc:hover{border-color:var(--gold)}#chat-lines .c-loc{color:#7dff9a;cursor:pointer;font-weight:700;white-space:nowrap}#chat-lines .c-loc:hover{color:#b9ffc6;text-decoration:underline}#chat-lines .c-loc.inst{color:#9a9aa8;cursor:default;text-decoration:none}#chat.ro #chat-input{opacity:.6}#chat-lines .c-note,#chat-lines .c-note em{color:#ff5a4a}#chat-lines b[data-name]{cursor:pointer}#chat-lines b[data-name]:hover{text-decoration:underline}#join.sel-mode{padding:0;background:#050508}#join.sel-mode .join-card{width:100%;height:100%}#join.sel-mode .join-card>.logo,#join.sel-mode .join-card>.sub{display:none}#v-select{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;text-align:left}#v-select.hidden{display:none}#sel-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.85)}.sel-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 40% 55%,#0000 30%,#000000bf 85%),linear-gradient(to top,#000000d9,#0000 35%)}.sel-out{position:absolute;left:18px;top:14px;z-index:3;color:#cdbb93;font:600 14px var(--font);text-decoration:none;padding:6px 12px;border:1px solid rgba(201,160,82,.4);border-radius:6px;background:#0a090c99}#sel-stage{position:absolute;left:0;right:min(420px,34vw);top:0;bottom:120px;display:grid;place-items:end center;z-index:2}.sel-hero{width:min(52vh,420px);height:min(52vh,420px);background-size:900% 100%;background-repeat:no-repeat;image-rendering:pixelated;animation:sel-breathe 1.1s steps(9) infinite;filter:drop-shadow(0 12px 18px rgba(0,0,0,.85)) drop-shadow(0 0 30px rgba(255,140,60,.18));margin-bottom:-2vh}@keyframes sel-breathe{0%{background-position:0 0}to{background-position:112.5% 0}}.sel-hero,.sel-fire{display:none!important}.sel-fire{width:340px;height:60px;margin-top:-40px;border-radius:50%;background:radial-gradient(ellipse,#ff8c3273,#ff5a1e00 70%);pointer-events:none}#sel-plate{text-align:center;margin-top:4px}#sel-plate b{display:block;font:700 30px var(--font-title, var(--font));color:#f2c14e;text-shadow:0 2px 0 #3a1d08,0 0 16px rgba(232,105,45,.55);letter-spacing:1px}#sel-plate small{color:#e8dcc0;font:600 15px var(--font);text-shadow:0 1px 3px #000}#sel-panel{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:min(400px,32vw);max-height:calc(100% - 140px);z-index:3;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:10px;background:linear-gradient(180deg,#16120ef0,#0a0908f5);border:2px solid #6b5332;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #c9a05240,0 10px 40px #000c}.sel-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid #5a4529;background:#00000080;font:600 15px var(--font);color:#cdbb93;border-radius:4px}.sel-head b{color:#f3e9d2;font-size:17px}#v-select #sel-list{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin:0;min-height:200px}#v-select .sel-char{flex:none;display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:stretch;padding:0;border-radius:4px;border:1px solid #4a3a24;background:linear-gradient(90deg,#282016e6,#0e0c0ae6);text-align:left;cursor:pointer;overflow:hidden}#v-select .sel-char.on{border-color:#d9a94e;box-shadow:inset 0 0 0 1px #ffd16a80,0 0 12px #ffbe5040;background:linear-gradient(90deg,#46341cf2,#14100ceb)}#v-select .sel-char:hover{border-color:#b88c45}.sel-face{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#3a3026,#0b0a08);border-right:1px solid #4a3a24}#v-select .sel-face canvas{width:76px;height:76px;image-rendering:pixelated}.sel-info{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 6px 8px 0;min-width:0}.sel-info b{font:700 20px var(--font-title, var(--font));color:#e9b65a;letter-spacing:.5px;text-shadow:0 1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sel-info em{font:italic 600 13px var(--font);color:#d9a94e;font-style:normal;text-transform:uppercase;letter-spacing:.6px}.sel-info small{font:500 13px var(--font);color:#9a8c74}.sel-none{color:#9a8c74;padding:18px 8px;text-align:center}.sel-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sel-btns button,.sel-play{font:700 16px var(--font-title, var(--font));letter-spacing:1.5px;text-transform:uppercase;color:#f3e1b6;cursor:pointer;border:2px solid #8a6a3a;border-radius:4px;background:linear-gradient(180deg,#4a3a22,#241a10);box-shadow:inset 0 0 0 1px #ffdc962e,0 2px 6px #000000b3;padding:10px 0}.sel-btns button:disabled,.sel-play:disabled{opacity:.45;cursor:default}.sel-btns button:not(:disabled):hover,.sel-play:not(:disabled):hover{filter:brightness(1.2)}.sel-play{position:absolute;left:calc((100% - min(420px,34vw))/2);bottom:28px;transform:translate(-50%);z-index:3;width:min(360px,60vw);padding:16px 0;font-size:24px;border-color:#c08a3e;background:linear-gradient(180deg,#8a4a1c,#4a220c);color:#ffe7b0;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);box-shadow:none}#join.sel-mode #join-err,#join.sel-mode #join-ok{position:fixed;left:50%;top:14px;transform:translate(-50%);z-index:5;text-shadow:0 1px 3px #000}body.mobile #sel-panel{width:min(340px,44vw);right:8px;top:8px;bottom:8px;transform:none;max-height:none;padding:8px}body.mobile #sel-stage{right:min(350px,45vw);bottom:70px}body.mobile .sel-hero{width:52vh;height:52vh}body.mobile .sel-play{left:calc((100% - min(350px,45vw))/2);bottom:10px;padding:10px 0;font-size:18px;width:min(260px,40vw)}body.mobile #v-select .sel-char{grid-template-columns:56px 1fr}body.mobile #v-select .sel-face canvas{width:52px;height:52px}body.mobile .sel-info b{font-size:16px}body.mobile #sel-plate b{font-size:22px}body.mobile .sel-btns button{padding:6px 0;font-size:14px}@media(max-height:560px),(max-width:900px){#sel-panel{width:min(340px,44vw);right:8px;top:8px;bottom:8px;transform:none;max-height:none;padding:8px}#sel-stage{right:min(350px,45vw);bottom:70px}.sel-hero{width:52vh;height:52vh}.sel-play{left:calc((100% - min(350px,45vw))/2);bottom:10px;padding:10px 0;font-size:18px;width:min(260px,40vw)}#v-select .sel-char{grid-template-columns:56px 1fr}#v-select .sel-face canvas{width:52px;height:52px}.sel-info b{font-size:16px}#sel-plate b{font-size:22px}.sel-btns button{padding:6px 0;font-size:14px}}#win-guild .g-tabs{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}#win-guild .g-row>div{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}#win-guild .g-row .g-ttl{color:#ffd16a}#win-guild .g-row button{white-space:nowrap}.cell .lk{position:absolute;right:2px;top:1px;font-size:11px;line-height:1;filter:drop-shadow(0 1px 1px #000);pointer-events:none}#inv-qsell[data-armed]{color:#ffb08a;border-color:#ff8a5a}#item-sheet .cmp2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}#item-sheet .cmp-h{font:700 12px var(--font);color:#cdbb93;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;text-align:center}#item-sheet .cmp-h.on{color:#7dff9a}@media(max-width:900px){#item-sheet .cmp2{gap:6px}}.cur-boost{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.cur-boost .cb-ico{width:20px;height:20px;display:inline-block;background-size:contain;image-rendering:pixelated}.cur-boost b{color:#7dff9a;margin-left:4px;font-weight:800}.cur-boost i.lk{color:#ffd16a;font-style:normal;margin-left:8px;font-weight:700}#win-guild .g-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin:4px 0 8px}#win-guild .g-head b{font:18px var(--font-title);color:var(--gold)}#win-guild .g-lv{font-size:12px;color:#2a1a06;background:#f2c14e;border-radius:4px;padding:1px 6px}#win-guild .g-exp{height:6px;border-radius:3px;background:#ffffff14;margin:5px 0 3px;overflow:hidden;min-width:200px}#win-guild .g-exp i{display:block;height:100%;background:linear-gradient(90deg,#d9a441,#ffe08a)}#win-guild .g-me{text-align:right}#win-guild .g-me small{display:block;color:var(--dim)}#win-guild .g-me b{font-size:14px;color:#ffe7a8;font-family:var(--font)}#win-guild .g-tabbar{display:flex;gap:6px;margin:6px 0 8px;flex-wrap:wrap}#win-guild .g-tabbar button.on{border-color:var(--gold);color:var(--gold);background:#f2c14e1f}#win-guild .g-role{font-size:11px;padding:0 5px;border-radius:4px;border:1px solid var(--edge);color:var(--dim)}#win-guild .g-role.r-leader{color:#ffd16a;border-color:#d9a441}#win-guild .g-role.r-vice{color:#ffb36b;border-color:#c07a3a}#win-guild .g-role.r-elder{color:#c7a0ff;border-color:#8a63c9}#win-guild .g-role.r-elite{color:#8fd8ff;border-color:#4f8fb8}#win-guild .g-mem.sel{background:#f2c14e14}#win-guild .g-acts{display:flex;gap:6px;flex-wrap:wrap;padding:6px 8px 8px 22px}#win-guild .g-acts button.danger{color:#ff9a7a;border-color:#a0503a}#win-guild .g-quests{display:grid;gap:8px}#win-guild .g-q{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:#fff0d20d;border:1px solid rgba(255,220,150,.12)}#win-guild .g-q b{color:#ffe7a8}#win-guild .g-q small{display:block;color:var(--dim)}#win-guild .g-q.done{border-color:#7dff9a}#win-guild .g-q.claimed{opacity:.55}#win-guild .g-role img{width:14px;height:14px;vertical-align:-3px;margin-right:2px;image-rendering:pixelated}#win-guild .g-badge{width:28px;height:28px;vertical-align:-7px;margin-right:6px;image-rendering:pixelated}#win-guild .g-q{grid-template-columns:44px 1fr auto}#win-guild .g-qi{width:40px;height:40px;image-rendering:pixelated}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#0b0806,#1c140c 45%,#0b0806);border:1px solid #3a2a16;border-radius:6px;box-shadow:inset 0 0 4px #000000e6}::-webkit-scrollbar-thumb{border:2px solid #1a1009;border-radius:6px;min-height:36px;background:linear-gradient(90deg,#6a4a1c,#e2b85a 30%,#ffe39a 48%,#c9963e 70%,#5a3c14);box-shadow:inset 0 1px #fff0be8c,inset 0 -1px #00000080}::-webkit-scrollbar-thumb:horizontal{min-width:36px;background:linear-gradient(180deg,#6a4a1c,#e2b85a 30%,#ffe39a 48%,#c9963e 70%,#5a3c14)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#7a5822,#f0c96a 30%,#fff0b8 48%,#dba84a 70%,#6a4818)}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:#c9963e #140e08;scrollbar-width:thin}}body.mobile ::-webkit-scrollbar{width:8px;height:8px}.icon.quest{color:#5fe36a;text-shadow:0 0 8px rgba(95,227,106,.7)}.icon.img.quest{filter:drop-shadow(0 0 4px rgba(95,227,106,.95))}.pick-grid .g-quest{color:#5fe36a}@media(min-width:1200px)and (min-height:760px)and (hover:hover)and (pointer:fine){body:not(.mobile) .dim{font-size:14.5px}body:not(.mobile) .name{font-size:20.5px}body:not(.mobile) .bar b{font-size:13px}body:not(.mobile) .portrait span{font-size:14.5px}body:not(.mobile) #target .name{font-size:18px}body:not(.mobile) #meta{font-size:17px}body:not(.mobile) #meta b{font-size:21.5px}body:not(.mobile) .slot .ico{font-size:36px}body:not(.mobile) .slot .nm{font-size:11px}body:not(.mobile) .slot kbd{font-size:13px}body:not(.mobile) .slot em{font-size:11px}body:not(.mobile) #exp b{font-size:11px}body:not(.mobile) #banner{font-size:53px}body:not(.mobile) #banner small{font-size:21.5px}body:not(.mobile) .logo{font-size:77px}body:not(.mobile) #name{font-size:19px}body:not(.mobile) #play{font-size:21.5px}body:not(.mobile) .err{font-size:17px}body:not(.mobile) .party-head{font-size:15.5px}body:not(.mobile) .pm{font-size:14.5px}body:not(.mobile) button.link{font-size:13px}body:not(.mobile) .boss-name{font-size:24px}body:not(.mobile) .boss-name em{font-size:15.5px}body:not(.mobile) .q-title{font-size:17px}body:not(.mobile) .q-body{font-size:14.5px}body:not(.mobile) #slot-possess .nm{font-size:11px}body:not(.mobile) .slot.pot .ico{font-size:26.5px}body:not(.mobile) .slot .cnt{font-size:14.5px}body:not(.mobile) .slot .lock{font-size:12px}body:not(.mobile) .toast{font-size:15px}body:not(.mobile) #menu button{font-size:14.5px}body:not(.mobile) #menu kbd{font-size:13px}body:not(.mobile) .badge{font-size:13px}body:not(.mobile) .win header{font-size:19px}body:not(.mobile) .win .x{font-size:26.5px}body:not(.mobile) .win-body{font-size:15.5px}body:not(.mobile) .btn{font-size:15.5px}body:not(.mobile) .stat-row b{font-size:18px}body:not(.mobile) .eq small{font-size:12px}body:not(.mobile) .icon{font-size:26.5px}body:not(.mobile) .cell .q{font-size:13px}body:not(.mobile) #ctx div{font-size:15.5px}body:not(.mobile) #ctx button{font-size:15.5px}body:not(.mobile) #tip{font-size:14.5px}body:not(.mobile) #tip .t{font-size:17px}body:not(.mobile) #pass{font-size:19px}body:not(.mobile) #snd-btn{font-size:17px}body:not(.mobile) #bgm-btn{font-size:17px}body:not(.mobile) .eq .plus,body:not(.mobile) .cell .plus{font-size:12px}body:not(.mobile) .eq .stone{font-size:13px}body:not(.mobile) .sk-row .ico{font-size:26.5px}body:not(.mobile) .rf-row .icon{font-size:24px}body:not(.mobile) #wheel{font-size:18px}body:not(.mobile) #wheel span.now{font-size:26.5px}body:not(.mobile) #win-season h4{font-size:17px}body:not(.mobile) #win-season h4 small{font-size:13px}body:not(.mobile) .ci-q{font-size:12px}body:not(.mobile) .ci-cap{font-size:15px}body:not(.mobile) .ci b{font-size:12px}body:not(.mobile) .ci span{font-size:19px}body:not(.mobile) .ci.got:after{font-size:13px}body:not(.mobile) #win-season button{font-size:14.5px}body:not(.mobile) .dq b{font-size:15.5px}body:not(.mobile) .dq small{font-size:13px}body:not(.mobile) #tower-hud{font-size:15.5px}body:not(.mobile) #tower-hud b{font-size:18px}body:not(.mobile) #tower-hud span{font-size:21.5px}body:not(.mobile) #tower-hud small{font-size:13px}body:not(.mobile) #wb-rank header{font-size:17px}body:not(.mobile) #wb-rank .x{font-size:24px}body:not(.mobile) #wb-rank ol{font-size:14.5px}body:not(.mobile) #wb-rank p{font-size:14.5px}body:not(.mobile) #chat{font-size:14.5px}body:not(.mobile) #chat-tabs button{font-size:13px}body:not(.mobile) #chat-lines em{font-size:12.5px}body:not(.mobile) #chat-ch{font-size:13px}body:not(.mobile) #chat-input{font-size:14.5px}body:not(.mobile) #win-friends h4,body:not(.mobile) #win-guild h4,body:not(.mobile) #win-market h4{font-size:17px}body:not(.mobile) #win-friends h4 small,body:not(.mobile) #win-guild h4 small,body:not(.mobile) #win-market h4 small{font-size:13px}body:not(.mobile) .row-in input,body:not(.mobile) .row-in select{font-size:14.5px}body:not(.mobile) #win-friends button,body:not(.mobile) #win-guild button,body:not(.mobile) #win-market button{font-size:14.5px}body:not(.mobile) .fr b{font-size:15.5px}body:not(.mobile) .fr small{font-size:13px}body:not(.mobile) .mk-row .ico{font-size:21.5px}body:not(.mobile) .mk-row small{font-size:13px}body:not(.mobile) .mk-row .price{font-size:15.5px}body:not(.mobile) .ss .ico{font-size:20.5px}body:not(.mobile) .ss b{font-size:14.5px}body:not(.mobile) .ss small{font-size:12.5px}body:not(.mobile) .badge-n{font-size:18px}body:not(.mobile) #war-hud{font-size:14.5px}body:not(.mobile) #war-hud header{font-size:17px}body:not(.mobile) #war-hud .wr span{font-size:17px}body:not(.mobile) #minimap .mm-zoom{font-size:17px}body:not(.mobile) #quest .q-auto{font-size:13px}body:not(.mobile) #auto-pill{font-size:15.5px;top:auto;bottom:106px}body:not(.mobile) #win-auto h4{font-size:17px}body:not(.mobile) #win-auto h4 small{font-size:13px}body:not(.mobile) #win-auto h4 button{font-size:13px}body:not(.mobile) #win-auto .sw{font-size:14.5px}body:not(.mobile) .auto-row{font-size:14.5px}body:not(.mobile) .pick-cats{font-size:14.5px}body:not(.mobile) #win-auto summary{font-size:14.5px}body:not(.mobile) .pick-grid{font-size:14px}body:not(.mobile) #loading .ld-row{font-size:17px}body:not(.mobile) #loading .ld-tip{font-size:15.5px}body:not(.mobile) .acc-in{font-size:19px}body:not(.mobile) .acc-go{font-size:21.5px}body:not(.mobile) .acc-links{font-size:17px}body:not(.mobile) .sel-char{font-size:18px}body:not(.mobile) .sel-char b{font-size:19px}body:not(.mobile) .set-h{font-size:18px}body:not(.mobile) .set-h small{font-size:14.5px}body:not(.mobile) .set-tg{font-size:14.5px}body:not(.mobile) .set-note{font-size:14.5px}body:not(.mobile) .bye-card .logo{font-size:57.5px}body:not(.mobile) #win-week7 button,body:not(.mobile) #win-rank button{font-size:14.5px}body:not(.mobile) .w7-intro{font-size:14.5px}body:not(.mobile) .w7-tabs .w7-tab i{font-size:12px}body:not(.mobile) .w7-lock{font-size:14.5px}body:not(.mobile) .rk-list li em{font-size:18px}body:not(.mobile) .rk-list li b{font-size:15.5px}body:not(.mobile) .rk-list li small{font-size:13px}body:not(.mobile) .rk-list li span{font-size:17px}body:not(.mobile) .slot.dan .ico{font-size:29px}body:not(.mobile) .slot.dan .nm{font-size:9.5px}body:not(.mobile) #dan-pop .dan-row .ico{font-size:31px}body:not(.mobile) #dan-pop .dan-row p{font-size:15.5px}body:not(.mobile) #talent-ui{font-size:15.5px}body:not(.mobile) #talent-ui .tl-title{font-size:26.5px}body:not(.mobile) #talent-ui #tl-found{font-size:14.5px}body:not(.mobile) #talent-ui .tl-top .x{font-size:26.5px}body:not(.mobile) #talent-ui .tl-plate{font-size:14.5px}body:not(.mobile) #talent-ui .tl-plate b{font-size:21.5px}body:not(.mobile) #talent-ui .tl-sub b{font-size:15.5px}body:not(.mobile) #talent-ui .tl-field{font-size:13px}body:not(.mobile) #talent-ui input,body:not(.mobile) #talent-ui select{font-size:15.5px}body:not(.mobile) #talent-ui .tl-btn{font-size:14.5px}body:not(.mobile) #talent-ui .tl-box h4{font-size:14.5px}body:not(.mobile) #talent-ui .tl-name{font-size:19px}body:not(.mobile) #talent-ui .tl-sum{font-size:14.5px}body:not(.mobile) #talent-ui .tl-cat h5{font-size:13px}body:not(.mobile) #talent-ui .tl-stat.chg:before{font-size:11px}body:not(.mobile) #talent-ui .tl-stat i{font-size:13px}body:not(.mobile) #tl-tip{font-size:15.5px}body:not(.mobile) #tl-tip .tl-tip-head:before,body:not(.mobile) #tl-tip .tl-tip-head:after{font-size:13px}body:not(.mobile) #tl-tip .tl-tip-name{font-size:18px}body:not(.mobile) #tl-tip .tl-tip-head small{font-size:13px}body:not(.mobile) #tl-tip .tl-tip-foot{font-size:13px}body:not(.mobile) #tl-tip .tl-tip-guide{font-size:13px}body:not(.mobile) #talent-ui .tl-guide p{font-size:14.5px}body:not(.mobile) #inv-dropbar .dd-head{font-size:14.5px}body:not(.mobile) #inv-dropbar .dd-row{font-size:15px}body:not(.mobile) #quest-done{font-size:17px}body:not(.mobile) #party .fol-tag{font-size:12.5px}body:not(.mobile) #party .pm-lead{font-size:13px}body:not(.mobile) #quest-side .qs-title{font-size:17px}body:not(.mobile) #quest-side .qs-title small{font-size:13px}body:not(.mobile) #quest-side .qs-body{font-size:15px}body:not(.mobile) #quest-side .qs-go{font-size:13px}body:not(.mobile) .cell .fit{font-size:13px}body:not(.mobile) #chat #chat-min{font-size:17px}body:not(.mobile) #chat-tabs button{font-size:14.5px}body:not(.mobile) .sel-out{font-size:17px}body:not(.mobile) #sel-plate b{font-size:36px}body:not(.mobile) #sel-plate small{font-size:18px}body:not(.mobile) .sel-head{font-size:18px}body:not(.mobile) .sel-head b{font-size:20.5px}body:not(.mobile) .sel-info b{font-size:24px}body:not(.mobile) .sel-info em{font-size:15.5px}body:not(.mobile) .sel-info small{font-size:15.5px}body:not(.mobile) .sel-btns button,body:not(.mobile) .sel-play{font-size:19px}body:not(.mobile) .sel-play{font-size:29px}body:not(.mobile) body.mobile .sel-play{font-size:21.5px}body:not(.mobile) body.mobile .sel-info b{font-size:19px}body:not(.mobile) body.mobile #sel-plate b{font-size:26.5px}body:not(.mobile) body.mobile .sel-btns button{font-size:17px}body:not(.mobile) .cell .lk{font-size:13px}body:not(.mobile) #item-sheet .cmp-h{font-size:14.5px}body:not(.mobile) #hud{font-size:15px}body:not(.mobile) #talent-ui .tl-side{width:380px}body:not(.mobile) #tl-tip{max-width:400px}}.panel,.win,.btn,#menu button,#minimap:after{image-rendering:pixelated}.panel{background:none;border-radius:0;border:6px solid transparent;border-image:url(/assets/ui/px/panel.png) 30 fill / 26px / 12px stretch;box-shadow:none}.win{background:none;border-radius:0;border:8px solid transparent;border-image:url(/assets/ui/px/window.png) 28 fill / 28px / 10px stretch;box-shadow:0 10px 40px #0000008c}.win header{border-bottom:1px solid rgba(201,160,82,.35)}.btn{background:none;border-radius:0;color:#2a1305;text-shadow:0 1px 0 rgba(255,230,170,.6);border:4px solid transparent;border-image:url(/assets/ui/px/button.png) 9 18 fill / 9px 18px stretch;padding:6px 16px}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.ghost,#menu button{background:none;border-radius:0;color:var(--ink);border:4px solid transparent;border-image:url(/assets/ui/px/button_dark.png) 16 13 6 13 fill / 14px 12px 6px 12px stretch;padding:9px 14px 5px}#menu button:hover,.btn.ghost:hover:not(:disabled){filter:brightness(1.25);border-color:transparent}#minimap{overflow:visible}#minimap:after{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;pointer-events:none;background:url(/assets/ui/px/minimap.png) center / contain no-repeat}.icon.img,.slot .ico,.slot img,.cell img,.eq img,[style*="/assets/items/"],[style*="/assets/skills/"],[style*="/assets/jobs/"],img[src*="/assets/items/"],img[src*="/assets/skills/"],img[src*="/assets/jobs/"]{image-rendering:pixelated}.slot,.cell,.eq{background:none;border-radius:0;border:4px solid transparent;image-rendering:pixelated}.slot{border-image:url(/assets/ui/px/slot.png) 16 14 12 14 fill / 18px 14px 12px 14px stretch;overflow:visible}.cell,.eq{border-image:url(/assets/ui/px/slot.png) 16 14 12 14 fill / 11px 8px 7px 8px stretch}.cell:hover,.eq:hover,.slot.flash{filter:brightness(1.3);border-color:transparent}.slot.nosp{border-color:transparent;filter:saturate(.4)}.eq{border-style:solid}.shop-tabs{display:flex;gap:8px;margin-bottom:10px}.shop-tabs .btn{flex:1}.shop-row .pham{color:#e8e2d0}.shop-row .luong{color:#6fc3ff}.shop-row .tinh{color:#c79bff}.shop-row .bao{color:#ffd16a}.inv-tools{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.inv-tools .btn{padding:6px 12px 3px;font-size:12px}#inv-grid{margin-top:6px;max-height:214px;overflow-y:auto;overflow-x:hidden;padding:2px 4px 2px 0;overscroll-behavior:contain}#win-inv{width:326px}#win-inv .equip{display:none}#win-inv{width:520px}#win-inv #inv-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;max-height:min(470px,calc(100vh - 260px));margin-top:4px}#win-inv #inv-grid .cell{width:auto;height:auto;aspect-ratio:1}body.mobile #win-inv #inv-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));max-height:none}body.mobile #win-inv{width:auto}@media(max-width:1100px){body:not(.mobile) #win-inv{width:440px}body:not(.mobile) #win-inv #inv-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.icard{position:relative;min-width:250px;max-width:300px;padding:14px 16px 12px;color:#e9e2d0;font-size:13px;line-height:1.45;border:18px solid transparent;border-image-slice:36 fill;border-image-width:18px;border-image-repeat:stretch;image-rendering:pixelated;margin:-18px}.icard.g-pham{border-image-source:url(/assets/ui/px/tip_pham.png);border-image-slice:26 fill}.icard.g-luong{border-image-source:url(/assets/ui/px/tip_tinh.png);border-image-slice:34 fill}.icard.g-tinh{border-image-source:url(/assets/ui/px/tip_bao.png);border-image-slice:40 fill;background:#160c20eb;background-clip:padding-box}.icard.g-bao{border-image-source:url(/assets/ui/px/tip_than.png);border-image-slice:40 fill}.icard.g-than{border-image-source:url(/assets/ui/px/tip_than_red.png);border-image-slice:40 fill}.ic-head{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center}.ic-ico{width:48px;height:48px;background:#00000073 center / 40px no-repeat;border:2px solid rgba(255,255,255,.12);border-radius:4px;image-rendering:pixelated;display:grid;place-items:center;font-size:26px}.g-luong .ic-ico{border-color:#6fc3ff;box-shadow:0 0 8px #4fb2ff59}.g-tinh .ic-ico{border-color:#c79bff;box-shadow:0 0 8px #b36bff59}.g-bao .ic-ico{border-color:#ffd16a;box-shadow:0 0 10px #ffbf2a73}.g-than .ic-ico{border-color:#ff6a5a;box-shadow:0 0 12px #ff5a4a80}.ic-name{font:700 16px var(--font);line-height:1.15}.ic-type,.ic-grade{font-size:12px;opacity:.9}.ic-power{font-size:12px;color:#d9cfb8;margin-top:2px}.ic-up{color:#6fe07a}.ic-down{color:#ff7a6a}.ic-unid{color:#ff6a5a;font-weight:700;letter-spacing:1px;text-align:center}#inv-grid .cell.unid:after{content:"?";position:absolute;top:2px;right:4px;font:700 13px var(--font);color:#ff6a5a;text-shadow:0 0 3px #000}#inv-grid .cell.unid .icon{filter:saturate(.35) brightness(.8)}#inv-grid .cell.crafting{outline:2px solid #ffd16a;box-shadow:0 0 10px #ffd16a}body.crafting #inv-grid .cell,body.crafting .eq,body.crafting [data-cpart]{cursor:crosshair}.ic-cmp-h{color:#c9b98f;font-size:.86em;margin-bottom:2px}.ic-cmp{font-size:.92em;line-height:1.35}.ic-sep{height:3px;margin:8px 0 6px;background:url(/assets/ui/px/divider.png) center / 100% 3px no-repeat;opacity:.85;image-rendering:pixelated}.ic-line{display:flex;align-items:center;gap:6px}.ic-line.base{color:#f2ead6}.si{display:inline-grid;place-items:center;width:16px;height:16px;font-style:normal;font-size:12px;background:center / 16px no-repeat;image-rendering:pixelated;flex:none}.si-atk{background-image:url(/assets/ui/px/si_atk.png)}.si-matk{background-image:url(/assets/ui/px/si_matk.png)}.si-def{background-image:url(/assets/ui/px/si_def.png)}.si-hp{background-image:url(/assets/ui/px/si_hp.png)}.si-sp{background-image:url(/assets/ui/px/si_sp.png)}.si-crit{background-image:url(/assets/ui/px/si_crit.png)}.si-eva{background-image:url(/assets/ui/px/si_eva.png)}.si-exp{background-image:url(/assets/ui/px/si_exp.png)}.si-xu{background-image:url(/assets/ui/px/si_xu.png)}.si.img{font-size:0}.ic-set-n{color:#8fe0a0;font-weight:700}.ic-set-n span{color:#b8c9b0;font-weight:400}.ic-set-b{color:#7d7a72;font-size:12.5px;padding-left:6px}.ic-set-b.on{color:#8fe0a0}.ic-desc{color:#cfc6b0}.ic-foot{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#bdb39c}.ic-price{color:#ffe08a}.ic-price .xu{color:#ffc93a;font-size:10px}.ic-hint{margin-top:6px;font-size:11.5px;color:#8f8778;text-align:right}#tip:has(.icard){background:none;border:0;padding:0;max-width:none}.shop-grid{display:grid;grid-template-columns:repeat(6,46px);gap:6px;margin-top:12px}.shop-cell{position:relative}.shop-cell .price{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font:700 10px var(--font);color:#ffe08a;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.cell .affdot{position:absolute;left:3px;bottom:0;font-size:12px;line-height:1;letter-spacing:-2px;text-shadow:0 0 3px #000;pointer-events:none}.shop-hint{margin-top:10px;font-size:12px}#win-shop{width:336px}#item-sheet.show.desk{display:block;position:fixed;z-index:125;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto;background:none;border:0;padding:0}#item-sheet.desk .is-acts,body.mobile #item-sheet .is-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}#item-sheet.desk .is-acts .btn{flex:1 1 30%;min-height:36px}body.mobile #item-sheet.show{background:none;border:0;box-shadow:none;padding:18px 0 0}body.mobile #item-sheet .icard{max-width:none;width:100%;margin:0;box-sizing:border-box}#item-sheet .is-info .icard{margin:0}#win-char{width:780px;left:50%;top:60px;transform:translate(-50%)}.cs{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.cs-stage{display:grid;grid-template-columns:62px 1fr 62px;gap:6px;align-items:center;padding:10px 8px;background:url(/assets/ui/px/char_stage.png) center / 100% 100% no-repeat;image-rendering:pixelated;min-height:300px}.cs-col{display:flex;flex-direction:column;gap:10px;align-items:center}.cs-slot{position:relative;width:56px;height:56px;display:grid;place-items:center;cursor:pointer;border:4px solid transparent;border-image:url(/assets/ui/px/slot.png) 16 14 12 14 fill / 11px 8px 7px 8px stretch;image-rendering:pixelated}.cs-slot small{font-size:10px;color:var(--dim);text-align:center;line-height:1.1}.cs-slot .icon{width:40px;height:40px}.cs-slot.g-luong{box-shadow:0 0 0 1px #6fc3ff inset,0 0 8px #4fb2ff59}.cs-slot.g-tinh{box-shadow:0 0 0 1px #c79bff inset,0 0 8px #b36bff66}.cs-slot.g-bao{box-shadow:0 0 0 1px #ffd16a inset,0 0 10px #ffbf2a80}.cs-slot.g-than{box-shadow:0 0 0 1px #ff6a5a inset,0 0 12px #ff5a4a8c}.cs-slot:hover{filter:brightness(1.25)}.cs-slot .plus{position:absolute;left:4px;top:2px;font-size:10px;font-weight:700;color:#ffd84a;text-shadow:0 0 3px #000}.cs-hero{display:grid;place-items:end center;height:280px}.cs-sprite{width:256px;height:256px;background-size:900% 100%;background-repeat:no-repeat;image-rendering:pixelated;animation:cs-breathe 1.1s steps(9) infinite;margin-bottom:4px}@keyframes cs-breathe{0%{background-position:0 0}to{background-position:112.5% 0}}.cs-name{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:8px 2px}.cs-name .nm{font:700 20px var(--font);color:var(--gold)}.cs-name .pw{text-align:right;font-size:11px;color:var(--dim)}.cs-name .pw b{display:block;font:700 18px var(--font);color:#ff9d6b}.cs-box{background:#00000052;border:1px solid rgba(201,160,82,.35);border-radius:6px;padding:8px 10px}.cs-lv{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.cs-lv b{color:#ff9d6b}.cs-bar{position:relative;height:16px;margin:5px 0;background:#0000008c;border:1px solid rgba(0,0,0,.8);border-radius:3px;overflow:hidden}.cs-bar i{position:absolute;left:0;top:0;bottom:0}.cs-bar.hp i{background:linear-gradient(#ff6a5a,#c42a24)}.cs-bar.sp i{background:linear-gradient(#a77bff,#5b33c4)}.cs-bar.exp i{background:linear-gradient(#ffd96a,#c98a1e)}.cs-bar span{position:relative;display:block;text-align:center;font:700 11px/16px var(--font);color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.cs-pts{margin:8px 0 4px;font-size:13px}.cs-pts b{color:var(--gold)}.cs-stat{display:grid;grid-template-columns:44px 34px 1fr 30px;align-items:center;gap:6px;margin:4px 0;font-size:12.5px}.cs-stat .n{color:#e9dcc0}.cs-stat b{text-align:right;font:700 15px var(--font)}.cs-stat .dim{font-size:11px}.cs-stat button{width:28px;height:26px;border-radius:4px;border:1px solid var(--gold);background:linear-gradient(#ff5c4a,#b8231b);color:#fff;font-weight:800;cursor:pointer}.cs-stat button:disabled{opacity:.25;cursor:default;background:#f2c14e1f}.cs-sks{display:flex;gap:6px;margin-top:8px}.cs-sk{position:relative;width:42px;height:42px}.cs-sk>*{width:42px;height:42px}.cs-sk span{position:absolute;right:2px;bottom:0;width:auto;height:auto;font:700 10px var(--font);color:#ffd84a;text-shadow:0 0 3px #000}.cs-h{margin:2px 0 8px;height:26px;display:flex;justify-content:center;align-items:center;gap:6px;font:700 14px var(--font);color:#ffe7a6;letter-spacing:1px;text-transform:uppercase;background:url(/assets/ui/px/sec_banner.png) center / 100% 100% no-repeat;image-rendering:pixelated}.cs-h:before,.cs-h:after{content:"◆";color:var(--gold);font-size:11px}.cs-data{display:grid;gap:3px;margin-bottom:12px;padding:4px 10px;background:#00000047;border-radius:6px}.cs-data div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;font-size:13.5px;padding:2px 0;border-bottom:1px dashed rgba(201,160,82,.15)}.cs-data div:last-child{border-bottom:0}.cs-data b{color:#ff8f7a;font:700 14px var(--font)}.cs-sets{margin-bottom:12px}.cs-set{margin-bottom:6px}.cs-set>b{color:#8fe0a0}.cs-specs{display:grid;gap:8px}.cs-talent{display:grid;gap:6px;font-size:13px}.cs-talent .tl-cat{padding:6px 8px;background:#00000047;border:1px solid rgba(201,160,82,.25);border-radius:6px}.cs-talent h5{margin:0 0 3px;color:#e8c27a;font-size:12.5px}.cs-talent .tl-stat{line-height:1.4}.cs-spec{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;padding:6px;background:#00000047;border:1px solid rgba(201,160,82,.25);border-radius:6px}.cs-spec>:first-child{width:36px;height:36px}.cs-spec .lv{color:#ff9d6b;font-size:12px}.cs-spec small{font-size:11.5px;line-height:1.35}body.mobile #win-char{width:auto!important}body.mobile .cs{grid-template-columns:1fr 1fr}@media(max-width:640px){.cs{grid-template-columns:1fr}}body.mobile .cs-stage{min-height:240px}body.mobile .cs-hero{height:210px}body.mobile .cs-sprite{width:192px;height:192px}@keyframes cs-breathe-m{0%{background-position:0 0}to{background-position:-768px 0}}body.mobile .cs-stat{grid-template-columns:50px 36px 1fr 52px;margin:6px 0}body.mobile .cs-stat button{width:52px;height:40px;font-size:22px}body.mobile .cs-slot{width:52px;height:52px}.si{font-size:0!important;color:transparent}.cell.gr-pham,.cs-slot.g-pham{border-image:url(/assets/ui/px/slot_pham.png) 12 fill / 8px stretch}.cell.gr-luong,.cs-slot.g-luong{border-image:url(/assets/ui/px/slot_tinh.png) 12 fill / 8px stretch;box-shadow:none}.cell.gr-tinh,.cs-slot.g-tinh{border-image:url(/assets/ui/px/slot_bao.png) 12 fill / 8px stretch;box-shadow:0 0 8px #b36bff66}.cell.gr-bao,.cs-slot.g-bao{border-image:url(/assets/ui/px/slot_than.png) 12 fill / 8px stretch;box-shadow:0 0 9px #ffbf2a80}.cell.gr-than,.cs-slot.g-than{border-image:url(/assets/ui/px/slot_than_red.png) 12 fill / 8px stretch;box-shadow:0 0 10px #ff5a4a8c}.cs-stat.rec .n{color:var(--gold)}.cs-rec{font-style:normal;font-size:9px;color:#f2c14e;margin-left:3px;letter-spacing:-1px;vertical-align:2px}.cs-guide{margin:6px 0 4px;padding:6px 8px;border:1px solid var(--edge);border-radius:8px;background:#f2c14e0d;font-size:12px;line-height:1.45}.cs-guide-btns{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.cs-guide-btns button{flex:1 1 auto;min-height:34px;font-size:12px}.cs-guide-btns button.armed{border-color:#e0703c;color:#ffb38a}.si-badge{background-image:url(/assets/ui/px/si_badge.png);vertical-align:-3px}.ci .ci-ico{width:26px;height:26px;display:inline-block}.ss .ico.img,.mk-row .ico.img{width:28px;height:28px}.pick-grid .ico.img{width:20px;height:20px;vertical-align:-5px}@property --ic-ang{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.icard.g-tinh:after,.icard.g-bao:after,.icard.g-than:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;pointer-events:none;border:3px solid transparent;border-image:conic-gradient(from var(--ic-ang),transparent 0deg 240deg,var(--ic-glow) 300deg,#fff 330deg,var(--ic-glow) 345deg,transparent 360deg) 1;filter:drop-shadow(0 0 3px var(--ic-glow)) drop-shadow(0 0 6px var(--ic-glow));animation:ic-run 2.6s linear infinite}.icard.g-tinh{--ic-glow: #c79bff}.icard.g-bao{--ic-glow: #ffd16a}.icard.g-than{--ic-glow: #ff6a5a}.icard.g-than:after{animation-duration:1.8s;border-width:4px}@keyframes ic-run{to{--ic-ang: 360deg}}@media(prefers-reduced-motion:reduce){.icard.g-tinh:after,.icard.g-bao:after,.icard.g-than:after{animation:none}}.cell.gr-tinh,.cell.gr-bao,.cell.gr-than,.cs-slot.g-tinh,.cs-slot.g-bao,.cs-slot.g-than{position:relative}.cell.gr-tinh:after,.cell.gr-bao:after,.cell.gr-than:after,.cs-slot.g-tinh:after,.cs-slot.g-bao:after,.cs-slot.g-than:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;pointer-events:none;border:2px solid transparent;z-index:2;border-image:conic-gradient(from var(--ic-ang),transparent 0deg 230deg,var(--ic-glow) 290deg,#fff 325deg,var(--ic-glow) 342deg,transparent 360deg) 1;filter:drop-shadow(0 0 2px var(--ic-glow)) drop-shadow(0 0 4px var(--ic-glow));animation:ic-run 2.6s linear infinite}.cell.gr-tinh,.cs-slot.g-tinh{--ic-glow: #c79bff}.cell.gr-bao,.cs-slot.g-bao{--ic-glow: #ffd16a}.cell.gr-than,.cs-slot.g-than{--ic-glow: #ff6a5a}.cell.gr-than:after,.cs-slot.g-than:after{animation-duration:1.8s}@media(prefers-reduced-motion:reduce){.cell:after,.cs-slot:after{animation:none!important}}.ic-fit,.ic-nofit{display:inline-block;margin-left:6px;padding:0 6px;border-radius:4px;font:800 11px var(--font);line-height:16px;vertical-align:1px}.ic-fit{color:#10240f;background:#7fe07a;box-shadow:0 0 6px #7fe07a8c}.ic-nofit{color:#c9bfae;background:#ffffff14;border:1px solid rgba(255,255,255,.18);font-weight:600}.tl-focus{display:flex;flex-direction:column;gap:2px;margin:4px 0 8px;padding:6px 8px;border-radius:6px;border:1px solid rgba(127,224,122,.45);background:#28502847}.tl-focus b{color:#9ff09a;font-size:13px}.tl-focus small{color:#d6e8d0;line-height:1.4}.tl-focus-note{color:#9ff09a;font-size:12px;margin:4px 0}.ic-tuyet{margin-left:auto;font:800 10px var(--font);letter-spacing:.5px;color:#2a1200;padding:1px 6px;border-radius:5px;background:linear-gradient(90deg,#ffe58a,#ffb13b);box-shadow:0 0 6px #ffbe46b3}.ic-tuyetpham{margin:6px 0 2px;text-align:center;font:800 12.5px var(--font);letter-spacing:.6px;color:#2a1200;padding:4px 8px;border-radius:7px;background:linear-gradient(90deg,#ffb13b,#ffe58a,#ffb13b);box-shadow:0 0 10px #ffbe46bf}.cs-stage{background:#00000040;border:1px solid rgba(201,160,82,.25);border-radius:8px}.cs-hero{background:url(/assets/ui/px/char_stage.png) center bottom / contain no-repeat;image-rendering:pixelated;height:300px}#win-inspect .cs-hero{height:250px}body.mobile .cs-hero,body.mobile #win-inspect .cs-hero{height:210px}#lock-pick{left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,94vw);z-index:70}#lock-pick .lp-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid rgba(201,160,82,.15);cursor:pointer;font-size:13.5px}#lock-pick .lp-row.off{opacity:.45;cursor:default}#lock-pick .lp-row input{width:18px;height:18px;accent-color:#e8b04a}#lock-pick .lp-cost{margin:10px 0 6px;font-size:14px}#lock-pick .lp-cost b{color:#ffd36a;font-size:17px}#lock-pick .lp-acts{display:flex;justify-content:flex-end;gap:8px}.pd{--c: 50px;position:relative;display:grid;grid-template-columns:repeat(8,var(--c));grid-template-rows:repeat(7,var(--c));gap:6px;justify-content:center;padding:14px 10px;border-radius:10px;background:radial-gradient(ellipse at 50% 40%,#463c2c8c,#0a090ceb 75%),url(/assets/ui/px/char_stage.png) center 70% / 70% no-repeat;border:1px solid rgba(201,160,82,.35);box-shadow:inset 0 0 40px #000000b3}.pd-title{text-align:center;margin-bottom:4px}.pd .pd-slot{position:relative;width:auto;height:auto;display:grid;place-items:center;cursor:pointer;border-radius:6px;background:linear-gradient(180deg,#18161ceb,#0c0b0ff2);border:1px solid rgba(160,140,100,.35);box-shadow:inset 0 0 14px #000000d9;overflow:visible}.pd .pd-slot:hover{border-color:#d9b46a;filter:brightness(1.15)}.pd-weapon{grid-column:1 / 3;grid-row:2 / 6}.pd-skin{grid-column:1 / 3;grid-row:6 / 8}.pd-hat{grid-column:4 / 6;grid-row:1 / 3}.pd-armor{grid-column:4 / 6;grid-row:3 / 6}.pd-ring{grid-column:3 / 4;grid-row:4 / 5}.pd-ring2{grid-column:6 / 7;grid-row:4 / 5}.pd-beads{grid-column:6 / 7;grid-row:3 / 4}.pd-charm{grid-column:7 / 9;grid-row:2 / 6}.pd-boots{grid-column:7 / 9;grid-row:6 / 8}.pd-hp{grid-column:3 / 4;grid-row:6 / 8}.pd-sp{grid-column:6 / 7;grid-row:6 / 8}.pd-pw{grid-column:4 / 6;grid-row:6 / 8;display:grid;place-content:center;text-align:center;font-size:12px;color:#cdbb93}.pd-pw b{display:block;font-size:20px;color:#ffd16a;text-shadow:0 0 8px rgba(255,190,80,.5)}.pd-art{position:absolute;top:8%;right:8%;bottom:8%;left:8%;background:center / contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}.pd-art.glyph{display:grid;place-items:center;font-size:30px;color:#e8dcc0}.pd-empty{font-size:11px;color:#cdbb9373;text-align:center;letter-spacing:.5px;text-transform:uppercase}.pd-cnt{position:absolute;right:4px;bottom:2px;font:700 12px var(--font);color:#fff;text-shadow:0 1px 2px #000}.pd .plus{left:6px;top:4px;font-size:12px;z-index:2}.pd .affdot{position:absolute;left:6px;bottom:2px;font-size:14px;z-index:2}.pd-sock{position:absolute;right:4px;top:4px;display:flex;flex-direction:column;gap:3px;z-index:3}.pd-sock i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a2630,#08070a);border:1px solid #8a7550;box-shadow:inset 0 1px 2px #000;display:block}.pd-sock i.on{border-color:#ffd16a;box-shadow:0 0 6px #ffd16acc}.pd-sock i b{display:block;width:100%;height:100%;border-radius:50%;background:center / 130% no-repeat}.pd-socktip{margin-top:8px;padding-top:6px;border-top:1px solid rgba(201,160,82,.25);font-size:12px;line-height:1.5}.pd-socktip .g-bao{color:#ffd16a}body.mobile .pd{--c: 38px;gap:4px;padding:8px 6px}body.mobile .pd .pd-slot{width:auto;height:auto}body.mobile .pd-sock i{width:11px;height:11px}@media(max-width:640px){.pd{--c: 36px}}#inv-grid .cell.held{opacity:.35;outline:2px dashed #ffd16a;outline-offset:-2px}#inv-held{position:fixed;z-index:9999;display:none;pointer-events:none;width:44px;height:44px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}#inv-held .ico,#inv-held img{width:44px;height:44px}#inv-held .q{position:absolute;right:0;bottom:-2px;font:700 12px var(--font);color:#fff;text-shadow:0 0 3px #000}#lock-pick .lp-auto{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,220,150,.2);display:grid;gap:6px}#lock-pick .lp-arow{display:flex;gap:6px;align-items:center;font-size:13px}#lock-pick .lp-auto select,#lock-pick .lp-auto input[type=number]{background:#00000059;color:#ffe7a8;border:1px solid var(--edge);border-radius:6px;padding:3px 6px;font:inherit}.cell .ilv{position:absolute;right:2px;bottom:1px;font:700 9.5px var(--font);color:#d8d2c4;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none}.cell .ilv.over{color:#ff6a5c}.ic-ilv{font-size:12px;color:#c9c2b0}.ic-ilv.over{color:#ff6a5c}.ic-cmp b{font-weight:700}.cell .ilv~.fit{bottom:11px}body.mobile{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.mobile input,body.mobile textarea{-webkit-user-select:text;user-select:text}body.mobile #me{zoom:.52;top:calc(8px / .52);left:calc(8px / .52)}body.mobile #meta{zoom:.5;top:12px;right:236px}body.mobile #meta .snd{display:none}body.mobile #minimap{zoom:.6;top:10px!important;right:calc(8px / .6)!important}body.mobile #quest{zoom:.55;top:calc(78px / .55);left:calc(8px / .55);right:auto;width:300px}body.mobile #party{zoom:.55}body.mobile #target,body.mobile #bossbar,body.mobile #banner{zoom:.6}body.mobile #toasts{zoom:.65;left:50%;bottom:auto;top:calc(70px / .65);transform:translate(-50%);align-items:center}body.mobile #exp{height:6px;bottom:2px;width:100vw;border-radius:0}body.mobile #exp b{display:none}body.mobile #menu{display:none;zoom:.82;right:calc(8px / .82);top:calc(100px / .82);bottom:auto;gap:6px;z-index:6;max-height:calc((100dvh - 110px) / .82);overflow-y:auto;touch-action:pan-y}body.mobile.menu-open #menu{display:grid;grid-template-columns:repeat(2,auto);align-content:start}body.mobile #menu button{min-height:40px;padding:8px 12px;font-size:13px}body.mobile #menu button kbd{display:none}body.mobile #chat{display:block;zoom:.62;left:calc(8px / .62);bottom:calc(170px / .62);top:auto;width:calc(32vw / .62)!important;transform:none;background:#0a080e6b;border-color:#6b53304d;pointer-events:auto;z-index:9}body.mobile #chat #chat-tabs,body.mobile #chat #chat-input-row,body.mobile #chat #chat-grip,body.mobile #chat #chat-min{display:none}body.mobile #chat #chat-lines{height:auto!important;max-height:calc(5.4em + 8px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}body.mobile.chat-open #chat{zoom:.78;left:50%;bottom:auto;top:calc(40px / .78);width:calc(min(560px,70vw) / .78)!important;transform:translate(-50%);z-index:47;background:#0e0c14f0;border-color:var(--gold);pointer-events:auto}body.mobile.chat-open #chat #chat-tabs,body.mobile.chat-open #chat #chat-input-row{display:flex}body.mobile.chat-open #chat #chat-min{display:block}body.mobile.chat-open #chat #chat-lines{max-height:none;height:calc(38dvh / .78)!important;overflow-y:auto;display:block}body.mobile.chat-open #chat-tabs button{font-size:14px;padding:8px 10px}body.mobile.chat-open #chat-input{font-size:15px;padding:8px 10px}body.mobile #hud{left:env(safe-area-inset-left);right:env(safe-area-inset-right)}body.mobile .win,body.mobile #dialog{zoom:1!important;position:fixed!important;transform:none!important;top:max(6px,env(safe-area-inset-top))!important;bottom:auto!important;left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;width:auto!important;min-width:0;max-width:640px;margin:0 auto;max-height:calc(100dvh - 12px);display:flex;flex-direction:column;overflow:hidden;z-index:8}body.mobile .win>header{flex:none;min-height:44px;padding:2px 4px 2px 14px;font-size:18px}body.mobile .win .x{min-width:48px;min-height:44px;font-size:32px}body.mobile .win-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;font-size:14px}body.mobile .win .btn,body.mobile #dialog .btn,body.mobile #dlg-opts button{min-height:42px;padding:9px 14px;font-size:14px}body.mobile #dlg-opts{gap:10px}body.mobile #dlg-opts button{flex:1 1 40%}body.mobile .stat-row{grid-template-columns:70px 40px 1fr 52px;gap:8px;margin:8px 0;font-size:14px}body.mobile .stat-row button{width:52px;height:42px;font-size:24px;line-height:1;touch-action:none}body.mobile .equip{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:22px 8px;margin-bottom:20px}body.mobile .eq{width:auto;height:58px}body.mobile #inv-grid{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}body.mobile .cell{width:auto;height:56px}body.mobile .cell .q{font-size:13px}body.mobile .inv-tools .btn{min-height:40px}#item-sheet{display:none}body.mobile #item-sheet.show{display:block;position:fixed;z-index:12;left:50%;transform:translate(-50%);bottom:max(10px,env(safe-area-inset-bottom));width:min(440px,calc(100vw - 24px));max-height:72dvh;overflow-y:auto;background:#0c0a12f7;border:1px solid var(--edge);border-radius:10px;padding:10px 12px;pointer-events:auto;touch-action:pan-y;font-size:14px;line-height:1.5;box-shadow:0 10px 30px #000000b3}#item-sheet .t{font:700 17px var(--font)}#item-sheet .is-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}#item-sheet .is-acts .btn{flex:1 1 28%;min-height:46px;font-size:15px}#item-sheet .btn.danger{color:#ffc0b5;border-color:#ff8a7a}body.mobile #tip{display:none!important}#joy{display:none}body.mobile #joy{display:block;position:absolute;left:0;bottom:0;width:42vw;height:62vh;pointer-events:auto;touch-action:none}.joy-base{position:absolute;left:92px;top:calc(100% - 96px);width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;background:radial-gradient(circle,#ffdca01a,#00000059);border:2px solid rgba(242,193,78,.45);opacity:.55;transition:opacity .15s}#joy.on .joy-base{opacity:.95}.joy-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe2a0,#c98a2e);box-shadow:0 2px 8px #0009}body.mobile #hotbar{left:auto;right:0;bottom:0;transform:none;width:230px;height:200px;display:block;pointer-events:auto}body.mobile #hotbar .slot{position:absolute;touch-action:none}body.mobile #hotbar .slot kbd,body.mobile #hotbar .slot .nm{display:none}body.mobile #hotbar .slot.press{filter:brightness(1.45);transform:scale(.94)}body.mobile #hotbar [data-slot=basic]{right:18px;bottom:16px;width:86px;height:86px;border-radius:50%}body.mobile #hotbar [data-slot=q]{right:116px;bottom:12px;width:58px;height:58px}body.mobile #hotbar [data-slot=e]{right:106px;bottom:82px;width:58px;height:58px}body.mobile #hotbar [data-slot=r]{right:40px;bottom:112px;width:58px;height:58px}body.mobile #hotbar [data-slot=d]{right:184px;bottom:14px;width:52px;height:52px}body.mobile #hotbar .slot.pot{width:40px;height:40px}body.mobile #hotbar .pot.hp{right:182px;bottom:74px}body.mobile #hotbar .pot.sp{right:172px;bottom:124px}body.mobile #hotbar .slot .lock{font-size:8px}#touch-btns{display:none}body.mobile #touch-btns{display:flex;position:absolute;right:8px;bottom:182px;gap:6px;pointer-events:auto}#touch-btns button{font:700 12px var(--font);color:var(--ink);background:#14111cd1;border:1px solid var(--edge);border-radius:16px;padding:7px 11px;touch-action:none}#touch-btns button:active{border-color:var(--gold);filter:brightness(1.3)}body.mobile #auto-pill{zoom:.7}body.mobile.menu-open #touch-btns{right:74px}@media(max-height:520px){#join{overflow-y:auto;place-items:start center;padding:8px 16px}.join-card .logo{font-size:34px;line-height:1.1}.join-card .sub{margin-bottom:0}.acc-view p{margin:4px 0 2px;font-size:13px;line-height:1.35}.acc-in{margin-top:6px;padding:8px 12px;font-size:15px}.acc-go{margin-top:8px;padding:9px;font-size:16px}.acc-links{margin-top:8px}#sel-list{gap:5px}.sel-char{padding:4px 10px}.sel-char canvas{width:36px;height:36px}}body.mobile #hotbar .slot.dan{right:118px;bottom:150px;width:46px;height:46px}body.mobile #dan-pop{bottom:210px}body.mobile #tut{zoom:.6;left:calc((50vw - 40px) / .6)!important;top:10px!important;width:330px}body.mobile #joy{width:34vw;height:48vh}@media(orientation:portrait){body.mobile #joy{width:52vw;height:26vh}}body.mobile #dialog{top:50%!important;transform:translateY(-50%)!important;max-width:540px!important;max-height:min(86dvh,420px);z-index:62!important}body.mobile.dlg-up #dlg-dim{display:block}body.mobile .win{z-index:45!important}body.mobile .win:not(#dialog):not(#invite):not(#win-pwa){top:max(4px,env(safe-area-inset-top))!important;bottom:max(4px,env(safe-area-inset-bottom))!important;left:max(4px,env(safe-area-inset-left))!important;right:max(4px,env(safe-area-inset-right))!important;max-width:none!important;max-height:none!important;height:auto}body.mobile #item-sheet.show{z-index:120;left:auto;right:max(8px,env(safe-area-inset-right));transform:none;top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));width:min(400px,46vw);max-height:none}#menu .menu-close{display:none}body.mobile.menu-open #menu .menu-close{display:block;grid-column:1 / -1;color:#ffd0c4;border-color:#8a4a3a}body.mobile.menu-open #menu{z-index:46}body.mobile.chat-open #chat #chat-min{width:40px;height:34px;font-size:22px;color:#ffd0c4;right:22px}body.mobile.chat-open #chat #chat-min:after{content:"✕"}body.mobile.chat-open #chat #chat-min{font-size:0}body.mobile.chat-open #chat #chat-min:after{font-size:22px}body.mobile #item-sheet.show:has(.cmp2){width:min(860px,calc(100vw - 16px));left:50%;right:auto;transform:translate(-50%);overflow-y:auto}body.mobile #item-sheet .cmp2>div{min-width:0}body.mobile #item-sheet .cmp2 .icard{font-size:13px;padding:10px}@property --accent{syntax: "<color>"; inherits: true; initial-value: #e8a23a;}#creator{--accent: #e8a23a;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:auto;color:var(--ink);display:grid;gap:14px 22px;padding:14px 28px 16px;grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(300px,400px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head head" "sects stage info" "foot foot foot";background:radial-gradient(ellipse 34% 42% at 50% 56%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 72%),radial-gradient(circle at 50% 30%,#231c29,#0c0b13 72%);transition:--accent .45s ease}#creator button{font-family:var(--font);cursor:pointer}#creator button:focus-visible,#creator input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cr-head{grid-area:head;display:flex;justify-content:center}.cr-title{margin:0;font:34px/1.1 var(--font-title);color:#ffe7a8;letter-spacing:1px;text-shadow:0 2px 0 #5a2c0c,0 0 18px rgba(242,193,78,.35)}.cr-sects{grid-area:sects;display:flex;flex-direction:column;gap:8px;align-self:center}.cr-sect{--sc: #f2c14e;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;text-align:left;padding:9px 12px;border-radius:10px;border:2px solid #3a2e22;background:#12101ac7;color:var(--ink);transition:border-color .2s,background-color .2s,transform .2s}.cr-sect img{width:48px;height:48px;image-rendering:pixelated;filter:grayscale(.55) brightness(.85);transition:filter .2s}.cr-sect-t{display:grid;gap:2px;min-width:0}.cr-sect-t b{font:18px/1.2 var(--font-title);font-weight:400}.cr-sect-t small{font-size:12px;color:var(--dim)}.cr-sect:hover{border-color:color-mix(in srgb,var(--sc) 55%,#3a2e22)}.cr-sect:hover img{filter:none}.cr-sect.on{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 14%,rgba(18,16,26,.9));transform:translate(6px);box-shadow:inset 4px 0 0 var(--sc),0 0 18px color-mix(in srgb,var(--sc) 30%,transparent)}.cr-sect.on img{filter:none}.cr-sect.on .cr-sect-t b{color:var(--sc)}.cr-stage{grid-area:stage;display:grid;justify-items:center;align-content:center;gap:10px;min-height:0}.cr-genders{display:flex;gap:8px}.cr-gender{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 6px;border-radius:999px;border:2px solid #3a2e22;background:#12101acc;color:var(--dim);font-size:15px}.cr-gender canvas{width:36px;height:36px;image-rendering:pixelated;border-radius:50%;background:#fff0d20f}.cr-gender.on{border-color:var(--gold);color:var(--ink);background:#f2c14e24}.cr-shrine{position:relative;height:min(60vh,560px);aspect-ratio:303 / 353;max-width:100%;background:url(/assets/ui/px/char_stage.png) center / 100% 100% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}.cr-aura{position:absolute;left:22%;right:22%;bottom:10%;height:22%;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%);filter:blur(6px)}.cr-shrine:before{content:"";position:absolute;top:14%;right:16%;bottom:24%;left:16%;border-radius:45% 45% 8px 8px;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%)}.cr-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.cr-ctl{display:flex;align-items:center;gap:8px}.cr-ctl button{width:36px;height:36px;border-radius:50%;border:2px solid var(--edge);background:#12101ad9;color:var(--ink);font-size:16px}.cr-ctl button:hover{border-color:var(--gold)}.cr-pose{min-width:92px;text-align:center;font-size:15px;color:var(--ink)}.cr-info{grid-area:info;align-self:center;max-height:100%;overflow:auto;padding:18px 20px;border-radius:12px;background:#100e16db;border:2px solid #3a2e22;box-shadow:inset 0 0 0 1px #ffe6b40a}.cr-i-head{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center}.cr-i-head img{width:56px;height:56px;image-rendering:pixelated}.cr-i-head h2{margin:0;font:30px/1.1 var(--font-title);font-weight:400;color:var(--accent)}.cr-i-head p{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--ink)}.cr-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px;padding:0;list-style:none}.cr-tags li{padding:3px 10px;border-radius:999px;font-size:12.5px;color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.cr-stats{display:grid;gap:6px;margin:0 0 14px}.cr-stats>div{display:grid;grid-template-columns:96px 1fr;align-items:center}.cr-stats dt{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--dim)}.cr-stats dt img{width:18px;height:18px;image-rendering:pixelated}.cr-stats dd{display:flex;gap:4px;margin:0}.cr-stats i{width:100%;max-width:38px;height:9px;border-radius:2px;background:#fff0d214}.cr-stats i.on{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 45%,transparent)}.cr-info h3{margin:14px 0 8px;font:17px var(--font-title);font-weight:400;color:#ffe7a8}.cr-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cr-sk{display:grid;justify-items:center;gap:4px;text-align:center;font-size:12px;color:var(--ink);line-height:1.25}.cr-sk img{width:44px;height:44px;image-rendering:pixelated;border-radius:8px;border:2px solid #3a2e22}.cr-sk.ult img{border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 40%,transparent)}.cr-info p{font-size:13.5px;line-height:1.5;margin:8px 0 0}.cr-info p b{color:var(--accent);font-weight:400}.cr-weap{display:flex;align-items:center;gap:8px;color:var(--dim)}.cr-weap img{width:28px;height:28px;image-rendering:pixelated}.cr-branch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cr-branch>div{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:8px;border-radius:8px;border:1px dashed color-mix(in srgb,var(--accent) 45%,#3a2e22);background:#fff0d208}.cr-branch img{grid-row:span 2;width:36px;height:36px;image-rendering:pixelated}.cr-branch b{font-size:14px;font-weight:400;color:var(--ink)}.cr-branch small{font-size:11.5px;line-height:1.35;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-foot{grid-area:foot;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.cr-name{display:flex;gap:6px;width:min(420px,100%)}.cr-name input{flex:1;min-width:0;padding:12px 16px;font:20px var(--font);text-align:center;border-radius:10px;border:2px solid var(--gold);background:#fffaf0;color:#2a1305}.cr-dice{width:50px;border-radius:10px;border:2px solid var(--edge);background:#f3e9d2;font-size:20px}.cr-back{padding:12px 18px;border-radius:10px;border:2px solid var(--edge);background:transparent;color:var(--dim);font-size:16px}.cr-back:hover{color:var(--ink);border-color:var(--dim)}.cr-go{padding:12px 26px;border:0;border-radius:10px;font:20px var(--font-title);color:#2a1305;background:linear-gradient(#ffd16a,#e08a2c);box-shadow:0 4px #7a3c10,0 0 22px #f2a03c59}.cr-go:hover{filter:brightness(1.08)}.cr-go:active{transform:translateY(2px);box-shadow:0 2px #7a3c10}.cr-err{flex-basis:100%;text-align:center;min-height:1em;color:#ff8a7a;font-size:14px}.cr-err:empty{display:none}@media(prefers-reduced-motion:reduce){#creator,.cr-sect{transition:none}.cr-sect.on{transform:none}}@media(max-width:760px)and (orientation:portrait){#creator{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;align-content:start;grid-template-areas:"head" "stage" "sects" "info" "foot";gap:10px;padding:10px 12px 0}.cr-title{font-size:24px}.cr-stage{position:relative;gap:6px;min-height:auto}#creator>*{min-height:auto}.cr-genders{position:absolute;top:4px;left:0;z-index:1;flex-direction:column;gap:6px}.cr-gender{padding:3px;border-radius:50%}.cr-gender span{display:none}.cr-shrine{height:min(44vh,330px)}.cr-ctl button{width:34px;height:34px}.cr-sects{flex-direction:row;gap:6px;align-self:stretch}.cr-sect{flex:1 1 0;grid-template-columns:1fr;justify-items:center;gap:4px;padding:6px 2px;text-align:center}.cr-sect img{width:36px;height:36px}.cr-sect-t b{font-size:12px;line-height:1.15}.cr-sect-t small{display:none}.cr-sect.on{transform:translateY(-3px);box-shadow:inset 0 -3px 0 var(--sc),0 0 14px color-mix(in srgb,var(--sc) 30%,transparent)}.cr-info{max-height:none;overflow:visible;padding:14px}.cr-i-head h2{font-size:24px}.cr-foot{position:sticky;bottom:0;z-index:2;margin:0 -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0c0b13f5 18%);display:grid;grid-template-columns:auto 1fr;gap:8px;grid-template-areas:"name name" "back go" "err err"}.cr-name{grid-area:name;width:100%}.cr-back{grid-area:back}.cr-go{grid-area:go}.cr-name input{font-size:17px;padding:10px 12px}.cr-back{padding:10px 14px;font-size:15px}.cr-go{font-size:18px;padding:10px 16px}.cr-err{grid-area:err}}@media(max-height:520px){#creator{gap:6px 12px;padding:6px 12px;grid-template-columns:170px minmax(0,1fr) minmax(0,300px)}#creator>*{min-width:0}.cr-sect{width:100%}.cr-sect.on{transform:translate(3px)}.cr-title{font-size:20px}.cr-shrine{height:52vh}.cr-stage{gap:4px}.cr-ctl button{width:28px;height:28px;font-size:13px}.cr-gender canvas{width:26px;height:26px}.cr-sect{padding:5px 8px;grid-template-columns:34px 1fr;gap:8px}.cr-sect img{width:34px;height:34px}.cr-sect-t b{font-size:14px}.cr-sect-t small{display:none}.cr-info{padding:10px 12px}.cr-i-head h2{font-size:22px}.cr-name input{padding:8px 12px;font-size:16px}.cr-go{padding:8px 18px;font-size:16px}.cr-back{padding:8px 12px}}:root{--h2-gold: #d9a441;--h2-gold-hi: #ffe08a;--h2-ebony: #15110c;--h2-ebony-2: #261d12;--h2-hp: #ff5a2e;--h2-hp-2: #b8231a;--h2-sp: #4aa8ff;--h2-sp-2: #1d4fa8;--h2-xp: #ffe14a;--h2-xp-2: #b98a10}#me{position:absolute;top:10px;left:10px;width:330px;height:96px;padding:0;display:block;background:none;border:0;border-image:none;box-shadow:none;pointer-events:auto}#me .me-dia{position:absolute;left:0;top:0;width:100px;height:100px}#me .me-ava{position:absolute;left:13px;top:8px;width:68px;height:68px;padding:0;cursor:pointer;transform:rotate(45deg);border:3px solid var(--h2-gold);border-radius:6px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#5a4024,var(--h2-ebony));box-shadow:0 0 0 2px #000,0 4px 14px #0009,inset 0 0 12px #000000b3}#me .me-ava:hover{border-color:var(--h2-gold-hi)}#me .me-ava i{position:absolute;left:50%;top:50%;width:140%;height:140%;transform:translate(-50%,-50%) rotate(-45deg);background:url(/assets/hero/hero_portrait.png) center / cover no-repeat;image-rendering:pixelated}#me .me-lvd,#me .me-jobd{position:absolute;width:30px;height:30px;transform:rotate(45deg);border:2px solid var(--h2-gold);border-radius:4px;background:linear-gradient(135deg,#3a2a14,var(--h2-ebony));box-shadow:0 0 0 1.5px #000;display:grid;place-items:center}#me .me-lvd{left:32px;top:70px}#me .me-lvd span{transform:rotate(-45deg);font:800 13px/1 var(--font);color:var(--h2-gold-hi);text-shadow:0 1px 0 #000}#me .me-lvd span:before{content:none}#me .me-jobd{left:0;top:52px;width:24px;height:24px;overflow:hidden}#me .me-jobd img{width:22px;height:22px;transform:rotate(-45deg);image-rendering:pixelated}#me .me-jobd:empty{display:none}#me .me-body{position:absolute;left:92px;top:4px;right:0}#me .me-top{display:flex;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden;margin-left:4px;height:20px}#me .me-top .name{font:800 15px var(--font)!important;color:#fff3d6;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.8)}#me #me-job{font-size:11px!important;color:#d8c79c;text-shadow:0 1px 2px #000;overflow:hidden;text-overflow:ellipsis}#me #me-job img{display:none}#me .bar,#me #exp{position:relative;display:block;margin:0 0 3px;border-radius:0;overflow:hidden;transform:skew(-24deg);transform-origin:left bottom;background:#080604c7;border:2px solid #120d07;box-shadow:0 0 0 1px #d9a4418c;left:auto;bottom:auto;width:auto}#me .bar i,#me #exp i{position:absolute;inset:0 auto 0 0;border-radius:0;transition:width .15s linear}#me .bar b,#me #exp b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:10px;transform:skew(24deg);font:700 10.5px/1 var(--font);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;text-align:left}#me #exp{height:9px;margin-left:12px;margin-right:18px}#me #exp i{background:linear-gradient(var(--h2-xp),var(--h2-xp-2))}#me #exp b{font-size:8.5px;display:none}#me .bar.sp{height:12px;margin-left:8px;margin-right:10px}#me .bar.sp i{background:linear-gradient(#8cd0ff,var(--h2-sp) 45%,var(--h2-sp-2))}#me .bar.sp b{font-size:9.5px}#me .bar.hp{height:22px;margin-left:2px;margin-right:0;border-width:2px;box-shadow:0 0 0 1.5px var(--h2-gold),0 3px 8px #0009}#me .bar.hp #hp-fill{background:linear-gradient(#ffb070,var(--h2-hp) 40%,var(--h2-hp-2))}#me .bar.hp #ward-fill{inset:0 auto auto 0;height:34%;background:linear-gradient(#e2fbff,#6fd8ff);opacity:.9;border-radius:0}#me .bar.hp b{font-size:12.5px;padding-left:14px}#me .bar.job{height:4px;margin:0 26px 0 18px;border-width:1px;box-shadow:none}#me .bar.job i{background:linear-gradient(90deg,#8a5cc9,#c79bff)}body:not(.mobile) #me #exp:hover{height:14px}body:not(.mobile) #me #exp:hover b{display:flex}#ava-pick{position:fixed;z-index:96;left:12px;top:112px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 130px);overflow-y:auto;padding:12px;border-radius:12px;border:2px solid var(--h2-gold);background:linear-gradient(#211a12,#120e0a);box-shadow:0 12px 34px #000000b3;pointer-events:auto}#ava-pick h4{margin:0 0 8px;font:800 14px var(--font);color:var(--h2-gold-hi);display:flex;justify-content:space-between;align-items:center}#ava-pick h4 button{background:none;border:0;color:#cbbf9f;font-size:22px;cursor:pointer}#ava-pick .ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}#ava-pick .ap{position:relative;aspect-ratio:1;border-radius:8px;border:2px solid #4a3c24;background:radial-gradient(circle at 50% 35%,#4a3520,#120d08);cursor:pointer;overflow:hidden;padding:0}#ava-pick .ap.on{border-color:var(--h2-gold-hi);box-shadow:0 0 10px #ffd26e99}#ava-pick .ap i{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat;image-rendering:pixelated}#ava-pick .ap small{position:absolute;left:0;right:0;bottom:0;font:600 9.5px var(--font);color:#efe2c2;background:#0009;text-align:center;padding:1px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ava-pick .ap-note{margin-top:8px;font-size:11.5px;color:#a99f8d}#hud #hotbar{position:absolute;left:auto;top:auto;right:6px;bottom:4px;transform:none;display:block;width:300px;height:252px;pointer-events:none;zoom:1}#hud #hotbar .slot{--x: 0px;--y: 0px;--s: 52px;position:absolute;right:calc(var(--x) - var(--s) / 2);bottom:calc(var(--y) - var(--s) / 2);width:var(--s);height:var(--s);transform:rotate(45deg);border-radius:6px;overflow:hidden;pointer-events:auto;cursor:pointer;border:3px solid #8a6a32;border-image:none;background:radial-gradient(circle at 50% 40%,#3b2c18,var(--h2-ebony) 75%);box-shadow:0 0 0 2px #000,inset 0 0 10px #000c,0 4px 10px #0000008c;display:block;padding:0;margin:0;align-self:auto}#hud #hotbar .slot:hover{border-color:var(--h2-gold-hi)}#hud #hotbar .slot.flash{border-color:var(--h2-gold-hi);box-shadow:0 0 0 2px #000,0 0 16px #ffd26ee6}#hud #hotbar .slot.press{filter:brightness(1.4)}#hud #hotbar .slot>.ico,#hud #hotbar .slot>kbd,#hud #hotbar .slot>em,#hud #hotbar .slot>.cnt,#hud #hotbar .slot>.lock,#hud #hotbar .slot>.nm{transform:rotate(-45deg)}#hud #hotbar .slot>.ico{position:absolute;left:50%;top:50%;margin:0;translate:-50% -50%;font-size:24px;line-height:1}#hud #hotbar .slot>.ico.img{width:112%;height:112%;border-radius:0;filter:none}#hud #hotbar .slot.pot>.ico.img{width:74%;height:74%}#hud #hotbar .slot>.nm{display:none}#hud #hotbar .slot>kbd{position:absolute;left:auto;top:auto;right:1px;bottom:1px;margin:0;padding:1px 3px;border-radius:3px;font:800 10px/1.2 var(--font)!important;color:var(--h2-gold-hi);background:#0a0804e6;border:1px solid #8a6a32;transform-origin:center;z-index:3;transform:rotate(-45deg)}#hud #hotbar .slot>em{position:absolute;top:2px;left:2px;right:auto;font-size:9px!important;color:#9fd0ff;text-shadow:0 1px 2px #000}#hud #hotbar .slot>.cnt{position:absolute;left:3px;top:3px;right:auto;bottom:auto;z-index:3;font:800 12px/1 var(--font)!important;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;transform:rotate(-45deg)}#hud #hotbar .slot>em{z-index:3}#hud #hotbar .slot>.cd{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom;background:#040408b8}#hud #hotbar .slot>.lock{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;display:grid;place-items:center;font-size:8.5px!important;line-height:1.15;background:#06060acc;color:#b9ad94;text-align:center}#hud #hotbar .slot.unlocked>.lock{display:none}#hud #hotbar .slot.nosp{border-color:#3d4f7a}#hud #hotbar [data-slot=basic]{--s: 70px;--x: 140px;--y: 80px;border-width:4px;border-color:var(--h2-gold)}#hud #hotbar [data-slot=basic]>kbd{right:4px;bottom:4px}#hud #hotbar [data-slot=q]{--x: 189px;--y: 129px}#hud #hotbar [data-slot=e]{--x: 230px;--y: 170px}#hud #hotbar [data-slot=r]{--x: 148px;--y: 170px}#hud #hotbar [data-slot=d]{--x: 189px;--y: 37px;--s: 46px}#hud #hotbar .slot.pot.hp{--x: 91px;--y: 129px;--s: 44px}#hud #hotbar .slot.pot.sp{--x: 91px;--y: 37px;--s: 44px}#hud #hotbar .slot.pot.soul[data-pot=c_danhon]{--x: 50px;--y: 170px;--s: 42px}#hud #hotbar .slot.pot.soul[data-pot=c_toahon]{--x: 50px;--y: 88px;--s: 42px}#hud #hotbar #slot-possess{--x: 107px;--y: 211px;--s: 46px}#hud #hotbar .slot.dan{--x: 230px;--y: 88px;--s: 46px;border-radius:6px}#hud #hotbar .slot.dan .ring{border-radius:0;top:3px;right:3px;bottom:3px;left:3px;-webkit-mask:none;mask:none;opacity:.55}body:not(.mobile) .slot,body:not(.mobile) .slot.pot{width:var(--s);height:var(--s)}#wheel{bottom:262px;left:auto;right:90px;transform:none}@media(min-width:1200px)and (min-height:760px){body:not(.mobile) #hud #hotbar{zoom:1.22;right:calc(6px / 1.22);bottom:calc(4px / 1.22)}}#menu.h2{position:static;display:block;zoom:1}#menu.h2>button{position:fixed;z-index:7}#menu.h2>button .mi{width:34px;height:34px;image-rendering:pixelated;display:block;margin:0 auto;pointer-events:none}body:not(.mobile) #menu.h2>button.mq{left:var(--x);top:var(--y);right:auto;width:74px;height:74px;padding:4px 1px 3px;gap:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:none!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:10px}body:not(.mobile) #menu.h2>button.mq:hover{background:#ffd68c1f!important;border-color:#e8c98399!important}body:not(.mobile) #menu.h2>button.mq .mi,body.menu-more #menu.h2>button.mp .mi{width:42px;height:42px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.9))}body:not(.mobile) #menu.h2>button.mq .ml{display:block;font:700 13.5px/1.1 var(--font);color:#f3e4bd;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}body:not(.mobile) #menu.h2>button.mq kbd{position:absolute;top:2px;right:4px;left:auto;margin:0;font-size:10px!important;opacity:.75;padding:0 2px}body:not(.mobile) #menu.h2>button.mq .badge{position:absolute;top:-2px;left:4px;right:auto}.menu-strip{position:fixed;z-index:6;height:86px;border-radius:14px;pointer-events:none;background:linear-gradient(#1e1710e6,#0e0b08e6);border:1px solid rgba(201,160,82,.6);box-shadow:0 6px 18px #0000008c,inset 0 1px #ffe6aa24}body.mobile .menu-strip{display:none}#menu.h2>button.mp{display:none}body.menu-more #menu.h2>button.mp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:86px;height:76px;padding:6px 2px 4px;left:var(--x);top:var(--y);right:auto}body.menu-more #menu.h2>button.mp .ml{font:700 12.5px/1.1 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:84px}body.menu-more #menu.h2>button.mp kbd{position:absolute;top:1px;left:3px;margin:0;font-size:9px!important}body.menu-more #menu.h2>button.mp .badge{position:absolute;top:-4px;right:-4px}#menu.h2>button.hidden{display:none!important}#menu-back>b{position:absolute;left:14px;top:8px;font:700 15px var(--font-title, var(--font));letter-spacing:1px;color:var(--gold);text-transform:uppercase}#menu-back{position:fixed;z-index:6;display:none;border-radius:12px;border:2px solid var(--h2-gold);background:linear-gradient(#211a12f5,#120e0af5);box-shadow:0 12px 34px #000000b3;pointer-events:auto}body.menu-more #menu-back{display:block}body.menu-more #btn-more{border-color:var(--gold);filter:brightness(1.3)}body.mobile #me{zoom:.62;top:calc(6px / .62);left:calc(8px / .62)}body.mobile #hud #hotbar{zoom:.78;right:calc(4px / .78);bottom:calc(2px / .78);width:300px;height:252px}body.mobile #hud #hotbar .slot{position:absolute}body.mobile #touch-btns{bottom:206px;right:8px}body.mobile.menu-open #touch-btns{right:8px}body.mobile #ava-pick{top:70px}body.mobile #menu{display:none!important}body.mobile.menu-open #menu.h2{display:block!important;position:fixed;z-index:46;left:50%;top:50%;transform:translate(-50%,-50%);zoom:1;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:12px;border-radius:14px;border:2px solid var(--h2-gold);background:linear-gradient(#211a12f7,#120e0af7);box-shadow:0 12px 34px #000000bf}body.mobile.menu-open #menu.h2{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;align-content:start}body.mobile #menu.h2>button,body.mobile.menu-open #menu.h2>button.mp,body.mobile.menu-open #menu.h2>button.mq{position:relative;inset:auto;top:auto;right:auto;width:auto;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px 4px;font-size:12px}body.mobile #menu.h2>button .mi{display:block;width:36px;height:36px}body.mobile #menu.h2>button .ml{display:block;font-size:11.5px;line-height:1.1;text-align:center}body.mobile #menu.h2>button kbd{display:none}body.mobile #menu.h2>button.menu-close{grid-column:1 / -1;height:40px;flex-direction:row}body.mobile #menu.h2>.hidden{display:none!important}body.mobile #menu-back{display:none!important}#tl-bar{left:114px!important;top:94px!important;gap:8px!important}body.mobile #tl-bar{left:72.48px!important;top:58.08px!important;gap:10px!important}#tl-bar #pk-btn,#tl-bar #srvlv .sl-ic{position:relative;width:28px;height:28px;padding:0;margin:0 3px;transform:rotate(45deg);border-radius:5px;overflow:hidden;border:2px solid var(--h2-gold);background:linear-gradient(135deg,#3a2a14,var(--h2-ebony));box-shadow:0 0 0 1.5px #000,0 2px 6px #0009;display:grid;place-items:center;font-size:0!important;color:transparent;cursor:pointer;filter:none;opacity:1}#tl-bar #pk-btn:before{content:"☮";transform:rotate(-45deg);font:800 15px/1 var(--font);color:#9ff0b4;text-shadow:0 1px 2px #000}#tl-bar #pk-btn.on{border-color:#ff7a3a;background:linear-gradient(135deg,#4a1a0a,#1a0a06)}#tl-bar #pk-btn.on:before{content:"⚔";color:#ffb07a}#tl-bar #pk-btn.na{opacity:.55}#tl-bar #srvlv{gap:8px}#tl-bar #srvlv .sl-ic>*{transform:rotate(-45deg)}#tl-bar #srvlv .sl-ic b{font:800 11px/1 var(--font);color:var(--h2-gold-hi);text-shadow:0 1px 2px #000}#tl-bar #srvlv .sl-ic small{display:none}#tl-bar #srvlv .sl-ic.exp{border-color:#4fb05a}#tl-bar #srvlv .sl-ic.exp b{font-size:8.5px;color:#b9f5a8;letter-spacing:-.3px}#tl-bar #srvlv .sl-ic.exp.zero{border-color:#6a5a3a}#tl-bar #srvlv .sl-ic.exp.zero b{color:#8a8070}body.mobile #tl-bar #pk-btn,body.mobile #tl-bar #srvlv .sl-ic{width:22px;height:22px}body.mobile #tl-bar #pk-btn:before{font-size:12px}body.mobile #tl-bar #srvlv .sl-ic b{font-size:9px}body.mobile #tl-bar #srvlv .sl-ic.exp b{font-size:7px}body.mobile #quest{top:calc(98px / .55)}#quest.noq{display:none!important}#quest.nomain .q-title,#quest.nomain .q-body{display:none}body.mobile #target{top:calc(4px / .6)!important;left:50%!important;transform:translate(-50%)!important}body.mobile #auto-pill{top:auto!important;bottom:calc(8px / .7);left:50%;transform:translate(-50%)}body.mobile #joy{width:210px!important;height:190px!important}body.mobile .joy-base{left:96px;top:auto;bottom:0;margin:0 0 22px -62px}body.mobile #hud #hotbar{right:calc((max(6px,env(safe-area-inset-right)) - 52px) / .78)!important}body.mobile #target{top:calc((14px + env(safe-area-inset-top)) / .6)!important}body.mobile:not(.chat-open) #chat{left:50%!important;transform:translate(-50%)!important;top:auto!important;bottom:calc(env(safe-area-inset-bottom) / .62)!important;width:calc(30vw / .62)!important;border-radius:8px 8px 0 0;border-bottom:0}body.mobile:not(.chat-open) #chat #chat-lines{max-height:calc(6.5em + 6px)!important;font-size:.92em;-webkit-mask-image:linear-gradient(transparent,#000 16%);mask-image:linear-gradient(transparent,#000 16%)}body.mobile #auto-pill{left:calc(max(10px,env(safe-area-inset-left)) / .7)!important;bottom:calc(172px / .7)!important;top:auto!important;transform:none!important}#ctx{z-index:90!important}body.mobile #auto-pill{display:none!important}#tb-auto{display:inline-flex;align-items:center;gap:6px}#tb-auto .dot{display:none;width:8px;height:8px;border-radius:50%;background:#7dff9a;animation:autoblink 1s infinite}#tb-auto.on{border-color:#4fc46a!important;color:#c8ffd4!important;background:#0a1e10e6!important}#tb-auto.on.hunt{border-color:#e0b04a!important;color:#ffe7b0!important;background:#1e160aeb!important}#tb-auto.on .dot{display:inline-block}#tb-auto.hunt .dot{background:var(--gold)}