:root{--navy:#0b1b30;--navy-2:#102b48;--navy-3:#173a5e;--gold:#d4a64a;--gold-hi:#ffd978;--gold-dim:#7a5f2a;--parch:#f3e9d2;--parch-dim:#c9bfa6;--hp:#d94c55;--mp:#3c8fe8;--sp:#42b883;--exp:#a66ddf;--royal-bg:linear-gradient(180deg, #13304f 0%, #0b1b30 100%);--royal-border:2px solid var(--gold);--royal-shadow:0 4px 14px #0009, inset 0 0 0 1px #000a, inset 0 0 0 3px #d4a64a33}html body .royal,html body #menubar,html body #minimap,html body #chatwin,html body #skillbar,html body #potbar{background:var(--royal-bg)!important;border:var(--royal-border)!important;box-shadow:var(--royal-shadow)!important;color:var(--parch)!important;border-radius:8px!important}html body .royal:after,html body #minimap:after,html body #skillbar:after{content:"";pointer-events:none;background:radial-gradient(circle at 5px 5px, var(--gold-hi) 0 2px, var(--gold) 2.5px 3.5px, transparent 4px), radial-gradient(circle at calc(100% - 5px) 5px, var(--gold-hi) 0 2px, var(--gold) 2.5px 3.5px, transparent 4px), radial-gradient(circle at 5px calc(100% - 5px), var(--gold-hi) 0 2px, var(--gold) 2.5px 3.5px, transparent 4px), radial-gradient(circle at calc(100% - 5px) calc(100% - 5px), var(--gold-hi) 0 2px, var(--gold) 2.5px 3.5px, transparent 4px);border-radius:10px;position:absolute;inset:-5px}html body :is(.royal,#menubar,#chatwin,#potbar,#quickbar) button{color:var(--parch);border:1px solid var(--gold-dim);cursor:pointer;background:linear-gradient(#1d4167 0%,#10283f 100%);border-radius:6px;font-family:inherit;transition:border-color .12s,box-shadow .12s,transform 60ms,filter .12s}html body :is(.royal,#menubar,#chatwin,#potbar,#quickbar) button:hover:not(:disabled){border-color:var(--gold-hi);filter:brightness(1.15);box-shadow:0 0 8px #ffd97855}html body :is(.royal,#menubar,#chatwin,#potbar,#quickbar) button:active:not(:disabled){filter:brightness(.9);transform:translateY(1px)scale(.97)}html body :is(.royal,#menubar,#chatwin,#potbar,#quickbar) button:is(.on,[aria-pressed=true]){border-color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #ffd97866;background:linear-gradient(#2c5a87 0%,#173a5e 100%)}html body :is(.royal,#menubar,#chatwin,#potbar,#quickbar) button:disabled{filter:grayscale()brightness(.6);cursor:not-allowed}html body :is(.royal,#menubar,#chatwin,#potbar,#quickbar) button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:1px}#webwin{box-sizing:border-box;z-index:60;flex-direction:column;width:min(96vw,960px);max-width:calc(100vw - 32px);height:min(92vh,640px);padding:10px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#webwin[style*="display: block"]{display:flex!important}#webwin>h4{align-items:center;gap:10px;display:flex}#webwin .web-pts{color:var(--gold-hi);margin-left:auto;margin-right:28px;font-size:12px;font-weight:400}#webwin .web-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:2px 0 6px;display:flex}#webwin .web-tabs button{border-color:var(--pc,var(--gold-dim));color:var(--pc,inherit)}#webwin .web-tabs button.on{background:color-mix(in srgb, var(--pc) 25%, #0b1726);box-shadow:inset 0 0 0 1px var(--pc), 0 0 10px color-mix(in srgb, var(--pc) 50%, transparent)}#webwin .web-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 260px;gap:8px;min-height:0;display:grid}#webwin .web-stage{border:1px solid var(--gold-dim);background:#2b1d12;border-radius:8px;min-width:0;min-height:0;position:relative;overflow:hidden}#webwin .web-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#webwin .web-canvas:active{cursor:grabbing}#webwin .web-info{border:1px solid var(--gold-dim);background:#241810;border-radius:8px;padding:10px;font-size:13px;line-height:1.5;overflow:auto}#webwin .web-empty{color:#9aa8bb;text-align:center;padding:24px 6px}#webwin .web-empty small{color:#7f8ea3}#webwin .web-name{color:var(--pc);flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:flex}#webwin .web-name .tag{border:1px solid var(--pc);color:var(--pc);border-radius:999px;padding:0 7px;font-size:11px}#webwin .web-desc{color:#dfe7f1;margin:6px 0}#webwin .web-eff{margin:0 0 8px;padding-left:18px}#webwin .web-eff .good{color:#7fe3a1}#webwin .web-eff .bad{color:#ff8f8f}#webwin .web-state{color:#ffe9a8;margin:6px 0}#webwin .web-buy{width:100%;padding:8px;font-size:14px}#webwin .web-foot{white-space:normal;overflow-wrap:anywhere;margin-top:6px;font-size:11px}#webwin .web-blurb{color:var(--text,#3b2a1a);margin:0 0 6px;font-size:12px}#webwin .stat-glossary{box-shadow:none!important;background:0 0!important;border:0!important;margin:6px 0!important;padding:0!important}#webwin .stat-glossary>summary{color:var(--gold-hi,#b8860b);cursor:pointer;font-size:12px;text-decoration:underline;list-style:none;display:inline;background:0 0!important;border:0!important;padding:0!important}#webwin .stat-glossary>summary::-webkit-details-marker{display:none}@media (width<=760px){#webwin{border-radius:0;width:100vw;height:100vh;top:0!important;left:0!important;transform:none!important}#webwin .web-body{grid-template-rows:1fr 170px;grid-template-columns:1fr}#webwin .web-info{font-size:12px}}html body #hud.royal{min-height:108px;font-size:12px;width:330px!important;padding:10px 12px 8px 98px!important;line-height:1.3!important;display:block!important;position:fixed!important;top:10px!important;left:10px!important}html body #hud .hud-portrait{border:3px solid var(--gold);width:92px;height:92px;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold-dim), 0 4px 10px #000a;background:radial-gradient(circle at 50% 35%,#2a5a8a,#0b1b30 70%);border-radius:50%;overflow:hidden;margin:0!important;position:absolute!important;top:-2px!important;left:-2px!important}#hud .hud-portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}#hud .hud-lv{white-space:nowrap;text-overflow:ellipsis;max-width:86px;color:var(--gold-hi);border:1px solid var(--gold-dim);background:#0b1b30e6;border-radius:6px;padding:0 5px;font-size:9px;position:absolute;bottom:2px;left:50%;overflow:hidden;transform:translate(-50%)}#hud .hud-head{border-bottom:1px solid #d4a64a55;align-items:baseline;gap:8px;margin-bottom:4px;padding-bottom:2px;display:flex}#hud .hud-lvtxt{color:var(--gold-hi);font-size:13px;font-weight:700}#hud .hud-name{color:var(--parch);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}#hud .rb{align-items:center;gap:4px;margin:2px 0;display:flex}#hud .rb-tag{width:28px;color:var(--gold-hi);text-align:left;flex:none;font-size:10px}html body .rb-track{border:1px solid var(--gold-dim);background:#050c16;border-radius:3px;flex:1;height:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000c}html body .rb-track.thin{flex:none;height:5px;margin-top:2px}html body .rb-fill{width:0;transition:width .35s ease-out;position:absolute;top:0;bottom:0;left:0}#hud .rb-hp .rb-fill{background:linear-gradient(180deg, #ff8f96 0%, var(--hp) 45%, #92262f 100%)}#hud .rb-sp .rb-fill{background:linear-gradient(180deg, #8cc4ff 0%, var(--mp) 45%, #1b5aa6 100%)}#hud .rb-exp .rb-fill{background:linear-gradient(180deg, #d7b3f5 0%, var(--exp) 45%, #6a3a9c 100%)}html body .rb-fill.job{background:linear-gradient(90deg, var(--gold-dim), var(--gold-hi))}#hud .rb-val{color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:center;padding-right:5px;font-size:10.5px;display:flex;position:absolute;inset:0}#hud .rb-exp .rb-val{font-size:9.5px}#hud .rb.low .rb-fill{animation:1s ease-in-out infinite hpLow}@keyframes hpLow{50%{filter:brightness(1.5)}}#hud .hud-job{color:var(--parch-dim);margin-top:3px;font-size:10px}#hud .hud-job .rb-track{width:100%}#hud .hud-foot{color:var(--parch-dim);border-top:1px solid #d4a64a40;flex-wrap:wrap;gap:2px 10px;margin:6px -2px 0 -86px;padding-top:4px;font-size:10.5px;display:flex}#hud .hud-silver{color:var(--gold-hi);font-weight:700}#hud .hud-location:empty{display:none}#hud .b-ok{color:#6be39b}#hud .b-bad{color:#ff8a8a}html body #buffs{position:fixed!important;top:12px!important;left:346px!important}@media (width<=520px){html body #buffs{right:10px;top:204px!important;left:auto!important}html body #qtrack{box-sizing:border-box;max-width:calc(100vw - 110px)}}#qtrack{z-index:5;width:250px;padding:6px 8px 8px;font-size:12px;position:fixed;top:168px;left:10px}#qtrack h5{color:var(--gold-hi);border-bottom:1px solid #d4a64a55;align-items:center;gap:4px;margin:0 0 4px;padding-bottom:3px;font-size:13px;display:flex}#qtrack .qt-title{flex:1}#qtrack h5 button{width:22px;height:20px;padding:0;font-size:11px;line-height:1}#qtrack .qt-row{border-bottom:1px dashed #d4a64a26;padding:4px 2px}#qtrack .qt-row:last-child{border-bottom:0}#qtrack .qt-top{align-items:center;gap:5px;display:flex}#qtrack .qt-star{color:var(--gold-hi)}#qtrack .qt-top b{color:var(--parch);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:400;overflow:hidden}#qtrack .qt-num{color:var(--parch-dim);font-variant-numeric:tabular-nums;font-size:11px}#qtrack .qt-nav{width:22px;height:20px;padding:0;font-size:11px}#qtrack .qt-claim{color:#1f2a12;cursor:pointer;background:linear-gradient(#9fe27a,#5fb43a);border:1px solid #3f7f24;border-radius:4px;height:20px;padding:0 8px;font-size:11px;font-weight:700;animation:1.2s ease-in-out infinite qtClaimPulse}#qtrack .qt-claim:disabled{opacity:.6;cursor:default;animation:none}@keyframes qtClaimPulse{50%{filter:brightness(1.15)}}@media (prefers-reduced-motion:reduce){#qtrack .qt-claim{animation:none}}#qtrack .qt-bar{background:#050c16;border-radius:2px;height:4px;margin:3px 0 0 18px;overflow:hidden}#qtrack .qt-bar i{background:linear-gradient(90deg, var(--gold-dim), var(--gold-hi));height:100%;transition:width .35s;display:block}#qtrack .qt-row.done .qt-star,#qtrack .qt-row.done b{color:#6be39b}html:not(.touch) body #menubar{scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important;gap:4px!important;width:fit-content!important;max-width:none!important;margin-inline:auto!important;padding:5px 7px!important;position:fixed!important;top:8px!important;left:352px!important;right:206px!important;transform:none!important}html body #menubar button{flex:none;gap:1px;position:relative;width:54px!important;height:52px!important;color:var(--parch)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:2px!important;font-size:10px!important;display:flex!important}html body #menubar button .mi{filter:drop-shadow(0 1px 1px #000);font-size:20px;line-height:1}html body #menubar button b{opacity:.85;position:absolute;top:1px;left:3px;color:var(--gold-hi)!important;font-size:8px!important}html body #menubar button span.ml{white-space:nowrap;font-size:10px}@media (width<=1600px){html body #menubar button{width:46px!important;height:48px!important}html body #menubar button .mi{font-size:17px}html body #menubar button span.ml{font-size:9px}html body #menubar{gap:3px!important;padding:4px 5px!important}}html body #minimap{flex-direction:column!important;padding:0 6px 4px!important;display:flex!important;top:10px!important;right:10px!important;overflow:visible!important}html body #minimap .cap{border-bottom:1px solid #d4a64a55;order:-1;margin-bottom:4px;font-weight:700;color:var(--gold-hi)!important;padding:4px 30px 4px 2px!important}html body #minimap canvas{border-radius:4px;display:block;border:1px solid var(--gold-dim)!important}html body #minimap #netstat{color:var(--parch-dim)!important;font-size:10px!important}html body #minimap .mm-zoom button{color:var(--gold-hi)!important;border:1px solid var(--gold-dim)!important;background:linear-gradient(#1d4167,#10283f)!important}html body #chatwin{--chat-bg:transparent}html body #chatwin :is(#chat-tabs button,.chat-tabs button){border-radius:5px 5px 0 0!important}html body #chatwin :is(input,textarea){color:var(--parch)!important;border:1px solid var(--gold-dim)!important;background:#050c16!important;border-radius:5px!important}html body #chatwin :is(input,textarea)::placeholder{color:#8a8270}html body #chatwin #chat-log,html body #chatwin .chat-log{color:var(--parch)!important;background:#050c16b0!important}html body #skillbar .slot,html body #potbar .slot{box-shadow:inset 0 0 0 1px #000,0 1px 3px #000a;border:1px solid var(--gold)!important;color:var(--parch)!important;background:radial-gradient(circle at 50% 35%,#1d4167,#08152a 75%)!important;border-radius:6px!important}html body #skillbar .slot:hover,html body #potbar .slot:hover{box-shadow:inset 0 0 0 1px #000,0 0 8px #ffd97880;border-color:var(--gold-hi)!important}html body #skillbar .slot i{color:var(--gold-hi)!important;background:#0b1b30cc!important}html body :is(#skillbar,#potbar) .grip{color:var(--gold)!important}html body #potbar button{font-size:11px}#quickbar{z-index:6;pointer-events:none;width:330px;height:196px;position:fixed;bottom:12px;right:14px}#quickbar>*{pointer-events:auto}#quickbar .qb{flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative}#quickbar .qb small{font-size:10px;line-height:1.1}#quickbar kbd{color:var(--gold-hi);font:8px/1 inherit;position:absolute;top:2px;left:4px}#quickbar .qb-attack{width:104px;height:104px;position:absolute;bottom:0;right:0;border:4px solid var(--gold)!important;box-shadow:0 0 0 2px #000, 0 0 0 5px var(--gold-dim), 0 6px 16px #000b!important;background:radial-gradient(circle at 50% 35%,#2c5a87 0%,#10283f 60%,#08152a 100%)!important;border-radius:50%!important}#quickbar .qb-attack .qb-ico{color:var(--parch);text-shadow:0 2px 3px #000;font-size:46px;line-height:1}#quickbar .qb-attack small{display:none}#quickbar .qb-attack kbd{top:14px;left:50%;transform:translate(-50%)}#quickbar .qb-side{gap:8px;display:flex;position:absolute;bottom:74px;right:116px}#quickbar .qb-round{width:50px;height:50px;border:2px solid var(--gold)!important;border-radius:50%!important}#quickbar .qb-round .qb-ico{font-size:22px;line-height:1}#quickbar .qb-round small{display:none}#quickbar .qb-auto .qb-ico{letter-spacing:.5px;color:var(--gold-hi);font-size:11px;font-weight:700}#quickbar .qb-auto.on{border-color:#6be39b!important;box-shadow:0 0 12px #6be39b99!important}#quickbar .qb-auto.on .qb-ico{color:#6be39b}#quickbar .qb-row{gap:4px;padding:5px 6px;display:flex;position:absolute;bottom:4px;right:116px}#quickbar .qb-sq{width:52px;height:52px}#quickbar .qb-sq .qb-ico{font-size:20px;line-height:1.15}html:not(.touch) body #skillbar{bottom:70px!important}html:not(.touch) body #potbar{bottom:8px!important;left:50%!important;transform:translate(-50%)!important}html.touch body #skillbar{box-shadow:none!important;background:0 0!important;border:0!important}html.touch body #skillbar:after{display:none}html.touch body #skillbar .slot{border-radius:50%!important}@media (width<=1400px){#quickbar{transform-origin:100% 100%;transform:scale(.85)}}html.touch #quickbar{display:none}@media (pointer:coarse) and (height<=600px){#qtrack{display:none}}@media (prefers-reduced-motion:reduce){html body .rb-fill,#qtrack .qt-bar i{transition:none}#hud .rb.low .rb-fill{animation:none}html body :is(.royal,#menubar,#chatwin,#potbar,#quickbar) button{transition:none}}html body #status.cs{max-height:calc(100dvh - 40px);overflow-y:auto;width:min(660px,100vw - 24px)!important;padding:0 0 10px!important}html body #status.cs>h4{border-radius:6px 6px 0 0;font-size:15px;color:var(--gold-hi)!important;border-bottom:1px solid var(--gold-dim)!important;background:linear-gradient(#1d4167,#10283f)!important;margin:0!important;padding:9px 12px!important}#cs-body{color:var(--parch);grid-template-columns:220px 1fr;gap:12px;padding:10px 12px 0;font-size:12px;display:grid}#cs-body .cs-left{flex-direction:column;align-items:center;gap:6px;display:flex}#cs-body .cs-doll{width:216px;height:254px;position:relative}#cs-body .cs-figure{border:2px solid var(--gold);background:radial-gradient(at 50% 40%,#2a5a8a 0%,#0b1b30 75%);border-radius:52px;justify-content:center;align-items:center;width:104px;height:140px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 12px #000c,0 0 0 3px #0008}#cs-body .cs-figure img{width:112px;height:112px;image-rendering:pixelated;object-fit:contain}#cs-body .cs-slot{cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;border:1px solid var(--gold)!important;background:radial-gradient(circle at 50% 35%,#1d4167,#08152a 75%)!important;border-radius:7px!important;width:50px!important;height:50px!important}#cs-body .cs-slot.empty{cursor:default;border-style:dashed!important;border-color:var(--gold-dim)!important}#cs-body .cs-slot:not(.empty):hover,#cs-body .cs-slot:focus-visible{outline:none;box-shadow:0 0 8px #ffd97880;border-color:var(--gold-hi)!important}#cs-body .cs-slot .lab{color:var(--parch-dim);white-space:nowrap;font-size:9px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}#cs-body .cs-slot.l{left:0}#cs-body .cs-slot.r{right:0}#cs-body .cs-cls{color:var(--gold-hi);margin-top:4px;font-weight:700}#cs-body .cs-equipbtn{padding:4px 10px;font-size:11px}#cs-body .cs-head{border-bottom:1px solid #d4a64a55;align-items:baseline;gap:8px;margin-bottom:4px;padding-bottom:4px;display:flex}#cs-body .cs-head strong{color:var(--parch);font-size:16px}#cs-body .cs-head small{color:var(--gold-hi)}#cs-body .rb{align-items:center;gap:4px;margin:2px 0;display:flex}#cs-body .rb-tag{width:30px;color:var(--gold-hi);font-size:10px}#cs-body .rb-val{color:#fff;text-shadow:0 1px 2px #000;justify-content:flex-end;align-items:center;padding-right:5px;font-size:10.5px;display:flex;position:absolute;inset:0}#cs-body .cs-hp .rb-fill{background:linear-gradient(180deg, #ff8f96, var(--hp) 45%, #92262f)}#cs-body .cs-sp .rb-fill{background:linear-gradient(180deg, #8cc4ff, var(--mp) 45%, #1b5aa6)}#cs-body .cs-exp .rb-fill{background:linear-gradient(180deg, #d7b3f5, var(--exp) 45%, #6a3a9c)}#cs-body .cs-job .rb-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold-hi))}#cs-body .cs-sec{color:var(--gold-hi);border-bottom:1px solid #d4a64a40;justify-content:space-between;align-items:baseline;margin:10px 0 4px;padding-bottom:2px;font-weight:700;display:flex}#cs-body .cs-pts{color:var(--parch-dim);font-weight:400}#cs-body .cs-pts.has b{color:#6be39b;font-size:14px}#cs-body .cs-stats{grid-template-columns:1fr 1fr;gap:4px 10px;display:grid}#cs-body .cs-stat{background:#050c1680;border:1px solid #0000;border-radius:5px;grid-template-columns:1fr auto auto 26px 26px;align-items:center;gap:4px;padding:3px 5px;display:grid}#cs-body .cs-stat.pend{background:#0e2a1f80;border-color:#6be39b66}#cs-body .cs-k{color:var(--parch);font-weight:700}#cs-body .cs-k small{color:var(--parch-dim);font-size:9.5px;font-weight:400;display:block}#cs-body .cs-v{font-variant-numeric:tabular-nums;font-size:14px}#cs-body .cs-add{color:#6be39b;margin-left:2px}#cs-body .cs-bonus{color:#8cc4ff;margin-left:3px;font-size:11px;font-style:normal}#cs-body .cs-cost{color:var(--parch-dim);white-space:nowrap;font-size:9.5px}#cs-body .cs-stat button{width:26px;height:24px;padding:0;font-size:15px;line-height:1}#cs-body .cs-act{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}#cs-body .cs-act button{padding:5px 14px;font-size:12px}#cs-body .cs-ok:not(:disabled){border-color:var(--gold-hi);color:var(--gold-hi)}#cs-body .cs-derived{grid-template-columns:repeat(2,1fr);gap:3px 10px;display:grid}#cs-body .cs-d{cursor:help;background:#050c1680;border-radius:4px;justify-content:space-between;padding:3px 6px;display:flex}#cs-body .cs-d span{color:var(--parch-dim)}#cs-body .cs-d b{color:var(--parch);font-variant-numeric:tabular-nums}#cs-body .cs-title{color:var(--parch-dim);align-items:center;gap:6px;margin-top:8px;display:flex}#cs-body .cs-title select{color:var(--parch);border:1px solid var(--gold-dim);background:#050c16;border-radius:4px;flex:1;padding:3px}@media (width<=620px){#cs-body{grid-template-columns:1fr}}html body #status.cs{z-index:45!important}#cs-body .cs-stat button{font-weight:700;color:var(--parch)!important;opacity:1!important}#cs-body .cs-stat button:disabled{color:#7d8a9c!important;filter:none!important;background:#0b1b30!important;border-color:#3a4a5e!important}#cs-body .cs-equipbtn{white-space:nowrap}#cs-body .cs-act button{min-width:92px;color:var(--parch)!important;opacity:1!important}#cs-body .cs-act button:disabled{color:#7d8a9c!important;filter:none!important}#cs-body .cs-slot{overflow:visible!important}html body #status.cs{overflow-x:hidden!important}html body #status.cs:after{display:none}#worldmap.wm{z-index:70;width:min(1080px,96vw);height:min(700px,94dvh);color:var(--parch);grid-template-rows:auto 1fr auto;font-size:12px;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);padding:0!important}#worldmap.wm:after{display:none}.wm .wm-head{border-bottom:1px solid var(--gold-dim);background:linear-gradient(#1d4167,#10283f);align-items:center;gap:10px;padding:8px 12px;display:flex}.wm .wm-emblem{border:2px solid var(--gold);background:radial-gradient(circle,#2a5a8a,#0b1b30);border-radius:50%;place-items:center;width:46px;height:46px;font-size:30px;display:grid}.wm .wm-title{flex:1;min-width:0}.wm .wm-title h3{color:var(--gold-hi);margin:0;font-size:20px}.wm .wm-title small{color:var(--parch-dim)}.wm .wm-search{width:min(320px,30vw);color:var(--parch);border:1px solid var(--gold-dim);font:inherit;background:#050c16;border-radius:6px;padding:7px 10px}.wm .wm-filter{color:var(--parch);border:1px solid var(--gold-dim);font:inherit;background:#050c16;border-radius:6px;padding:6px}.wm .wm-head .close{border-radius:50%;width:34px;height:34px;font-size:16px}.wm .wm-main{grid-template-columns:240px 1fr 300px;min-height:0;display:grid}.wm .wm-list,.wm .wm-detail{background:#0b1b3099;padding:8px;overflow-y:auto}.wm .wm-list{border-right:1px solid #d4a64a40}.wm .wm-detail{border-left:1px solid #d4a64a40;flex-direction:column;gap:6px;display:flex}.wm .wm-tabs,.wm .wm-dtabs{gap:4px;margin-bottom:6px;display:flex}.wm .wm-tabs button,.wm .wm-dtabs button{flex:1;padding:5px 2px;font-size:11.5px}.wm .wm-item{text-align:left;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:6px 8px;display:flex}.wm .wm-item.locked{opacity:.6}.wm .wm-ico{border:1px solid var(--gold-dim);background:radial-gradient(circle,#1d4167,#08152a);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.wm .wm-it{flex:1;min-width:0}.wm .wm-it b{color:var(--parch);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.wm .wm-it small{color:var(--parch-dim)}.wm .wm-tags{white-space:nowrap;font-size:12px}.wm .wm-view{cursor:grab;touch-action:none;background:#050c16;position:relative;overflow:hidden}.wm .wm-view.dragging{cursor:grabbing}.wm .wm-canvas{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.wm .wm-canvas img{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;border:1px solid var(--gold-dim);width:100%;height:100%}.wm .wm-pin{white-space:nowrap;cursor:pointer;align-items:center;gap:5px;padding:3px 9px 3px 3px;display:flex;position:absolute;transform:translate(-50%,-50%);border:1px solid var(--gold)!important;background:#0b1b30e0!important;border-radius:20px!important}.wm .wm-pin .wm-pin-ico{background:radial-gradient(circle,#2a5a8a,#08152a);border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.wm .wm-pin-lab b{color:var(--parch);text-align:left;font-size:12px;display:block}.wm .wm-pin-lab small{color:var(--parch-dim);text-align:left;font-size:10px;display:block}.wm .wm-pin.on{z-index:2;border-color:var(--gold-hi)!important;box-shadow:0 0 0 2px #ffd97866,0 0 14px #ffd97888!important}#worldmap.wm .wm-pin{transform:translate(-50%,-50%)!important}#worldmap.wm .wm-pin:active{transform:translate(-50%,-50%)scale(.96)!important}.wm .wm-pin.dim{opacity:.35}.wm .wm-pin.locked .wm-pin-ico{filter:grayscale(.8)}.wm .pin-me{vertical-align:middle;background:#4cd137;border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 2px #fff,0 0 8px #4cd137}.wm .wm-pin .pin-me{animation:1.6s ease-in-out infinite wmPulse;position:absolute;top:-6px;left:-2px}.wm .wm-pin .pin-q{font-size:13px;font-style:normal;position:absolute;top:-10px;right:-6px}@keyframes wmPulse{50%{box-shadow:0 0 0 5px #4cd13755,0 0 12px #4cd137}}.wm .wm-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;right:10px}.wm .wm-zoom button{width:32px;height:32px;font-size:18px}.wm .wm-dh{border-bottom:1px solid #d4a64a40;align-items:center;gap:8px;padding-bottom:6px;display:flex}.wm .wm-dh b{color:var(--gold-hi);font-size:15px}.wm .wm-dh small{color:var(--parch-dim);display:block}.wm .wm-thumb{aspect-ratio:280/150;border:1px solid var(--gold-dim);width:100%;height:auto;image-rendering:pixelated;background:#050c16;border-radius:6px}.wm .wm-dbody{flex:1;min-height:0;overflow-y:auto}.wm .wm-row{border-bottom:1px dashed #d4a64a26;justify-content:space-between;gap:8px;padding:4px 2px;display:flex}.wm .wm-row span{color:var(--parch-dim)}.wm .wm-row b{text-align:right;font-weight:400}.wm .wm-li{border-bottom:1px dashed #d4a64a26;padding:5px 2px}.wm .wm-li b{font-weight:400;display:block}.wm .wm-li small{color:var(--parch-dim)}.wm .wm-empty{color:var(--parch-dim);text-align:center;margin:14px 0}.wm .wm-go{padding:9px;font-size:14px;font-weight:700;border-color:var(--gold)!important}.wm .wm-go:not(:disabled){color:#fff!important;background:linear-gradient(#2c6bb0,#173a5e)!important}.wm .wm-foot{border-top:1px solid var(--gold-dim);color:var(--parch-dim);background:#0b1b30;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:6px 12px;font-size:11px;display:flex}.wm .wm-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wm .wm-legend b{color:var(--gold-hi)}@media (width<=1100px){.wm .wm-main{grid-template-columns:190px 1fr 250px}}@media (width<=820px),(height<=520px){#worldmap.wm{width:auto;height:auto;inset:0;transform:none}.wm .wm-main{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.wm .wm-list{max-height:30vh}.wm .wm-detail{max-height:34vh}.wm .wm-foot{display:none}}@media (prefers-reduced-motion:reduce){.wm .wm-pin .pin-me{animation:none}}.wm .wm-detail{overflow-x:hidden}.wm .wm-row span{white-space:nowrap}.wm .wm-row b{overflow-wrap:anywhere;min-width:0}.wm .wm-canvas img{object-fit:cover}@media (height<=520px) and (orientation:landscape){#worldmap.wm{grid-template-rows:auto 1fr;overflow:hidden}.wm .wm-main{grid-template-rows:1fr;grid-template-columns:1fr minmax(210px,34vw);overflow:hidden}.wm .wm-list{display:none}.wm .wm-view{min-height:0}.wm .wm-detail{max-height:none;overflow-y:auto}.wm .wm-head{padding:4px 8px}.wm .wm-emblem{width:30px;height:30px;font-size:18px}.wm .wm-title small{display:none}}.wm .wm-canvas.compact .wm-pin:not(.on):not(:hover) .wm-pin-lab{display:none}.wm .wm-canvas.compact .wm-pin:not(.on){padding:3px}html body #bag.bagwin{max-height:calc(100dvh - 90px);overflow:hidden auto;width:min(432px,100vw - 24px)!important;padding:0 10px 10px!important}html body #bag.bagwin:after,html body #npc.stwin:after{display:none}html body :is(#bag.bagwin,#npc.stwin)>h4{text-shadow:0 1px 2px #000;border-radius:6px 6px 0 0;align-items:center;gap:8px;font-size:15px;display:flex;color:var(--gold-hi)!important;border-bottom:1px solid var(--gold-dim)!important;background:linear-gradient(#1d4167,#10283f)!important;margin:0 -10px 8px!important;padding:8px 12px!important}#bag.bagwin .bw-ico{border:1px solid var(--gold);background:radial-gradient(circle,#2a5a8a,#08152a);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:19px;display:grid}#bag.bagwin .bw-title{flex:1;min-width:0;line-height:1.15}#bag.bagwin .bw-title small{color:var(--parch-dim);font-size:10px;font-weight:400;display:block}#bag.bagwin .bw-cap{color:var(--parch);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:10px;font-weight:400;display:flex}html body .bw-bar{border:1px solid var(--gold-dim);background:#050c16;border-radius:3px;width:110px;height:6px;display:block;overflow:hidden}html body .bw-bar b{background:linear-gradient(90deg, var(--gold-dim), var(--gold-hi));height:100%;transition:width .3s;display:block}html body #bag.bagwin #bag-tabs{gap:3px;margin:0 0 6px;display:flex}html body #bag.bagwin #bag-tabs button,html body #npc.stwin .st-tabs button{border-radius:5px 5px 0 0;flex:1;min-height:26px;padding:4px 0;font-size:11px}html body :is(#bag.bagwin,#npc.stwin) .bw-tools{gap:4px;margin-bottom:6px;display:flex}html body :is(#bag.bagwin,#npc.stwin) .bw-tools input,html body :is(#bag.bagwin,#npc.stwin) .bw-tools select{min-width:0;font:inherit;color:var(--parch);border:1px solid var(--gold-dim);background:#050c16;border-radius:4px;flex:1;padding:4px 6px;font-size:12px}html body :is(#bag.bagwin,#npc.stwin) .bw-tools select{flex:0 120px}html body :is(#bag.bagwin,#npc.stwin) .bw-tools :is(input,select):focus-visible{outline:2px solid var(--gold-hi);outline-offset:0}html body #bag.bagwin #bag-sort{flex:none;padding:3px 8px;font-size:11px}html body :is(#bag.bagwin,#npc.stwin) .grid{border:1px solid var(--gold-dim);background:#050c16cc;border-radius:6px;gap:4px;max-width:none;max-height:300px;padding:6px;grid-template-columns:repeat(8,minmax(0,1fr))!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot{aspect-ratio:1;min-height:0;width:auto!important;height:auto!important;color:var(--parch)!important;background:radial-gradient(circle at 50% 35%,#1d4167,#08152a 78%)!important;border:1px solid #7a5f2a99!important;border-radius:5px!important;box-shadow:inset 0 0 0 1px #000a!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot:not(:empty):hover{border-color:var(--gold)!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot.sel{border-color:var(--gold-hi)!important;box-shadow:0 0 0 1px var(--gold-hi), 0 0 10px #ffd978aa, inset 0 0 8px #ffd97844!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot .qty{color:#fff!important;text-shadow:0 0 2px #000,0 1px 2px #000!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot:focus-visible{outline:2px solid var(--gold-hi);outline-offset:1px}html body #bag.bagwin #bag-count{text-align:right;margin-top:4px;font-size:10px;color:var(--parch-dim)!important}#bag.bagwin .bw-foot{border:1px solid var(--gold-dim);background:#0b1b30;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:5px 8px;font-size:13px;display:flex}#bag.bagwin #bag-silver{color:var(--gold-hi);font-weight:700}#bag.bagwin #bag-silver i{font-style:normal}#bag.bagwin .bw-lockmode{color:var(--parch);cursor:pointer;align-items:center;gap:4px;font-size:11px;display:flex}html body #bag.bagwin.lockmode .grid{border-color:#e2a33a;box-shadow:inset 0 0 12px #e2a33a44}html body :is(#bag.bagwin,#npc.stwin) .bw-acts{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:6px;display:grid}html body #npc.stwin .bw-acts{grid-template-columns:1fr 1fr}html body :is(#bag.bagwin,#npc.stwin) .bw-acts button{min-height:32px;padding:6px 2px;font-size:12px}html body :is(#bag.bagwin,#npc.stwin) .bw-acts button.danger:not(:disabled){background:linear-gradient(#7a2a2a,#4a1414)!important;border-color:#c0605a!important}html body :is(#bag.bagwin,#npc.stwin) .hint{margin-top:6px;font-size:10px;color:var(--parch-dim)!important}html body #npc.stwin{max-height:calc(100dvh - 80px);overflow-x:hidden;width:min(440px,100vw - 24px)!important;padding:0 10px 10px!important}html body #npc.stwin>h4 #npc-ico{border:1px solid var(--gold);background:radial-gradient(circle,#2a5a8a,#08152a);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;font-style:normal;display:grid}html body #npc.stwin #npc-name{flex:1}html body #npc.stwin #npc-hint{font-size:11px;color:var(--parch)!important}#npc.stwin .st-cap{justify-content:flex-end;margin:-4px 0 6px;display:flex}#npc.stwin .st-cap .bw-bar{width:100%}#npc.stwin .st-tabs{gap:3px;margin-bottom:6px;display:flex}#npc.stwin .st-tabs button{flex:0 0 110px}html body #npc.stwin .grid .slot.empty{opacity:.55}#npc.stwin .st-pager{justify-content:center;gap:4px;margin-top:6px;display:flex}#npc.stwin .st-pager:empty{display:none}html body #npc.stwin .st-pager button{min-width:30px;padding:3px 6px}#npc.stwin .st-npc{align-items:flex-end;gap:8px;margin-top:8px;display:flex}#npc.stwin .st-face{width:60px;height:80px;image-rendering:pixelated;border-bottom:1px solid var(--gold-dim);background:url(/assets/npc/fullbody-atlas.png) 0%/400% 300% no-repeat;flex:none}#npc.stwin .st-say{color:#2b1d0c;border:1px solid var(--gold);background:linear-gradient(#f4e6c4,#e2cc98);border-radius:8px;flex:1;margin:0 0 10px;padding:8px 10px;font-size:12px;position:relative}#npc.stwin .st-say:before{content:"";border:7px solid #0000;border-left:0;border-right-color:var(--gold);position:absolute;bottom:10px;left:-7px}@media (width<=640px){html body :is(#bag.bagwin,#npc.stwin) .bw-acts{grid-template-columns:repeat(3,1fr)}html body #npc.stwin .bw-acts{grid-template-columns:1fr 1fr}#bag.bagwin .bw-hint,html body #bag.bagwin .hint{display:none}}@media (prefers-reduced-motion:reduce){html body .bw-bar b{transition:none}}html body #bag.bagwin>h4 .bw-title{color:var(--gold-hi);font-size:16px;font-weight:700}html body #bag.bagwin>h4 .bw-cap,html body #bag.bagwin>h4 .bw-cap span{color:var(--parch);font-size:11px;font-weight:400}html body #bag.bagwin>h4 .bw-ico{font-size:19px}html body #npc.stwin>h4 #npc-name{color:var(--gold-hi);font-size:16px}html body :is(#bag.bagwin #bag-tabs,#npc.stwin .st-tabs) button{color:var(--parch)!important}html body :is(#bag.bagwin #bag-tabs,#npc.stwin .st-tabs) button.on{color:var(--gold-hi)!important}#npc.stwin .st-pager{align-items:center}#npc.stwin .st-pager span{text-align:center;min-width:80px;color:var(--parch);font-size:12px}html body #npc.stwin .st-tabs button{flex:0 0 120px}html body #bag.bagwin,html body #npc.stwin{z-index:46!important}html body #skills.sk{display:none;overflow:hidden;width:min(480px,100vw - 24px)!important;max-height:calc(100dvh - 60px)!important;padding:0 8px 8px!important}html body #skills.sk:after{display:none}html body #skills.sk>h4{text-shadow:0 1px 2px #000;border-radius:6px 6px 0 0;align-items:center;gap:8px;font-size:15px;display:flex;color:var(--gold-hi)!important;border-bottom:1px solid var(--gold-dim)!important;background:linear-gradient(#1d4167,#10283f)!important;margin:0 -8px 6px!important;padding:7px 10px!important}html body #skills.sk>h4 .sk-hico{border:1px solid var(--gold);width:28px;height:28px;color:inherit;background:radial-gradient(circle,#2a5a8a,#08152a);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}html body #skills.sk>h4 .sk-title{color:var(--gold-hi);font-size:15px;font-weight:700}html body #skills.sk>h4 .sk-info{text-align:right;color:var(--parch);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:400;overflow:hidden}#sk-body{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:116px 150px minmax(0,1fr);gap:6px;height:min(440px,100dvh - 130px);display:grid}#sk-body .sk-classes{flex-direction:column;grid-row:1/3;gap:3px;padding-right:2px;display:flex;overflow-y:auto}#sk-body .sk-tabs{grid-column:2/4;gap:3px;display:flex}#sk-body .sk-list{border:1px solid var(--gold-dim);background:#050c16cc;border-radius:6px;flex-direction:column;gap:3px;padding:4px;display:flex;overflow-y:auto}#sk-body .sk-detail{border:1px solid var(--gold-dim);color:var(--parch);background:#050c16cc;border-radius:6px;padding:6px 8px;font-size:11px;overflow-y:auto}#sk-body.wide .sk-list{grid-column:2/4}#sk-body.wide .sk-detail{display:none}#sk-body .sk-foot{border:1px solid var(--gold-dim);background:#0b1b30;border-radius:6px;grid-column:1/4;align-items:center;gap:6px;padding:5px 8px;display:flex}#sk-body .sk-pts{color:var(--parch);flex:1;font-size:13px}#sk-body .sk-pts b{color:var(--gold-hi);margin-left:4px;font-size:15px}html body #skills.sk .sk-foot button{min-width:74px;min-height:30px;padding:4px 10px;font-size:12px}html body #skills.sk .sk-foot .sk-learn:not(:disabled){border-color:var(--gold)!important;color:#fff!important;background:linear-gradient(#2c6bb0,#173a5e)!important}html body #skills.sk .sk-cls{text-align:left;align-items:center;gap:5px;width:100%;display:flex;border-radius:5px!important;min-height:0!important;padding:3px 4px!important}html body #skills.sk .sk-cls img{border:1px solid var(--gold-dim);object-fit:cover;width:26px;height:26px;image-rendering:pixelated;background:#08152a;border-radius:50%;flex:none}html body #skills.sk .sk-cls span{min-width:0;line-height:1.15}html body #skills.sk .sk-cls b{color:var(--parch);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}html body #skills.sk .sk-cls small{color:var(--parch-dim);max-width:none;font-size:9px;line-height:1.2;display:block}html body #skills.sk .sk-cls.cur b{color:var(--gold-hi)}html body #skills.sk .sk-cls.on{border-color:var(--gold-hi)!important;box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 8px #ffd97855!important;background:linear-gradient(#2c5a87,#173a5e)!important}html body #skills.sk .sk-tabs button{white-space:nowrap;flex:1;font-size:11px;min-height:26px!important;color:var(--parch)!important;border-radius:5px 5px 0 0!important;padding:4px 2px!important}html body #skills.sk .sk-tabs button.on{color:var(--gold-hi)!important}#sk-body .sk-it{cursor:pointer;background:linear-gradient(#13304f,#0b1b30);border:1px solid #7a5f2a66;border-radius:5px;align-items:center;gap:6px;padding:3px 4px;display:flex}#sk-body .sk-it:hover{border-color:var(--gold)}#sk-body .sk-it:focus-visible{outline:2px solid var(--gold-hi);outline-offset:1px}#sk-body .sk-it.sel{border-color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 8px #ffd97866}#sk-body .sk-it.unlearned img{filter:grayscale()brightness(.6)}#sk-body .sk-it.unlearned b{color:var(--parch-dim)}#sk-body .sk-it img{border:1px solid var(--gold-dim);width:30px;height:30px;image-rendering:pixelated;background:#08152a;border-radius:4px;flex:none}#sk-body .sk-it span{min-width:0;line-height:1.15}#sk-body .sk-it b{color:var(--parch);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}html body #skills.sk .sk-it small{color:var(--gold);max-width:none;font-size:10px;line-height:1.2;display:block}#sk-body .sk-dh{border-bottom:1px solid #d4a64a40;align-items:center;gap:6px;padding-bottom:5px;display:flex}#sk-body .sk-dh img{border:1px solid var(--gold);width:40px;height:40px;image-rendering:pixelated;background:#08152a;border-radius:5px}#sk-body .sk-dh b{color:var(--gold-hi);font-size:13px;display:block}html body #skills.sk .sk-dh small{color:var(--parch);font-size:11px}html body #skills.sk .sk-detail p{margin:5px 0;line-height:1.45}#sk-body .sk-flav{color:var(--parch-dim)}#sk-body .sk-tbl{border-collapse:collapse;width:100%}#sk-body .sk-tbl th,#sk-body .sk-tbl td{vertical-align:top;border-bottom:1px dashed #d4a64a26;padding:2px 0;font-size:11px}#sk-body .sk-tbl th{text-align:left;width:54px;color:var(--parch-dim);font-weight:400}#sk-body .sk-tbl td{color:var(--parch)}#sk-body .sk-eff{color:#ffd978}#sk-body .sk-next{color:#7bed9f}html body #skills.sk .sk-list :is(.passive-card,.class-card){color:var(--parch)!important;background:linear-gradient(#13304f,#0b1b30)!important;border:1px solid #7a5f2a99!important;border-radius:6px!important;margin:0!important;padding:6px!important}html body #skills.sk .sk-list :is(.passive-card,.class-card).current{border-color:var(--gold-hi)!important}html body #skills.sk .sk-list :is(.passive-card,.class-card) :is(b,span){color:var(--parch)!important}html body #skills.sk .sk-list :is(.passive-card,.class-card) small,html body #skills.sk .sk-list .hint{max-width:none;color:var(--parch-dim)!important}html body #skills.sk .sk-list h4{border-radius:5px;font-size:13px;color:var(--gold-hi)!important;border:1px solid var(--gold-dim)!important;background:#0b1b30!important;margin:0 0 4px!important;padding:4px 6px!important}html body #skills.sk .sk-list h4 span{font-size:11px;color:var(--parch-dim)!important}@media (width<=520px){#sk-body{grid-template-rows:auto minmax(0,1fr) minmax(0,.8fr) auto;grid-template-columns:96px minmax(0,1fr);height:calc(100dvh - 120px)}#sk-body .sk-classes{grid-row:1/4}#sk-body .sk-tabs{grid-column:2;overflow-x:auto}#sk-body .sk-list,#sk-body .sk-detail{grid-column:2}#sk-body.wide .sk-list{grid-area:2/2/4}#sk-body .sk-foot{grid-column:1/3}}html body #skills.sk{height:auto!important}html body #skills.sk .sk-list .tag{background:0 0!important}html body #skills.sk>h4{padding-right:44px!important}html body #status.cs{width:min(480px,100vw - 24px)!important;padding:0 0 8px!important}html body #status.cs>h4{padding-right:44px!important}#cs-body{grid-template-columns:58px minmax(0,1fr);gap:8px;padding:8px 8px 0}#cs-body .cs-tabs{flex-direction:column;gap:3px;display:flex}html body #status.cs .cs-tabs button{flex-direction:column;align-items:center;gap:1px;min-height:44px;display:flex;width:100%!important;height:auto!important;color:var(--parch)!important;border-radius:5px!important;padding:4px 2px!important;font-size:10.5px!important;font-weight:400!important}html body #status.cs .cs-tabs button i{font-size:15px;font-style:normal}html body #status.cs .cs-tabs button.on{color:var(--gold-hi)!important}#cs-body .cs-pane{min-width:0}#cs-body .cs-top{grid-template-columns:172px minmax(0,1fr);gap:8px;display:grid}#cs-body:not([data-tab=info]) .cs-left{display:none}#cs-body:not([data-tab=info]) .cs-top{grid-template-columns:1fr}#cs-body:not([data-tab=info]) .cs-only-info,#cs-body:not([data-tab=stats]) .cs-only-stats,#cs-body:not([data-tab=title]) .cs-only-title{display:none}#cs-body .cs-slot{width:42px!important;height:42px!important}#cs-body .cs-slot img.icon{width:32px!important;height:32px!important}#cs-body .cs-slot.l.n0{top:0}#cs-body .cs-slot.l.n1{top:54px}#cs-body .cs-slot.l.n2{top:108px}#cs-body .cs-slot.l.n3{top:162px}#cs-body .cs-slot.r.n0{top:27px}#cs-body .cs-slot.r.n1{top:81px}#cs-body .cs-slot.r.n2{top:135px}#cs-body .cs-slot .lab{font-size:8.5px;bottom:-12px}#cs-body .cs-figure{border-radius:40px;width:78px;height:112px}#cs-body .cs-figure img{width:88px;height:88px}#cs-body .cs-head{flex-wrap:wrap;gap:2px 8px}#cs-body .cs-head strong{width:100%;font-size:15px}#cs-body .cs-head small{font-size:11px}#cs-body .cs-head small+small{color:var(--parch-dim)}#cs-body .cs-right .cs-equipbtn{width:100%;margin-top:6px}#cs-body .cs-sec{margin:8px 0 4px}#cs-body .cs-stats{gap:3px 6px}#cs-body .cs-stat{grid-template-columns:minmax(0,1fr) auto auto 22px 22px;gap:3px;padding:2px 4px}#cs-body .cs-k small{font-size:8.5px}#cs-body .cs-v{font-size:13px}#cs-body .cs-stat button{width:22px;height:22px;font-size:14px}#cs-body .cs-derived{grid-template-columns:1fr;gap:3px}#cs-body .cs-d span small{color:var(--parch-dim);font-size:9.5px;display:block}#cs-body .cs-d{align-items:center;padding:4px 8px}#cs-body .cs-d b{font-size:13px}#cs-body .cs-titles{gap:3px;margin-top:6px;display:grid}#cs-body .cs-empty{color:var(--parch-dim);margin:8px 0}@media (width<=520px){#cs-body .cs-top{grid-template-columns:1fr}#cs-body .cs-doll{margin:0 auto}#cs-body .cs-stats{grid-template-columns:1fr}}@media (width<=620px){#cs-body{grid-template-columns:52px minmax(0,1fr)}}html body :is(#status.cs,#bag.bagwin,#npc.stwin,#skills.sk){box-sizing:border-box;width:min(480px,100vw - 24px)!important;height:min(520px,100dvh - 60px)!important;max-height:none!important;overflow:hidden!important}html body :is(#bag.bagwin,#npc.stwin){flex-direction:column;display:none;padding:0 8px 8px!important}html body :is(#bag.bagwin,#npc.stwin)[style*="display: block"]{display:flex!important}html body :is(#bag.bagwin,#npc.stwin)>h4{margin:0 -8px 6px!important;padding-right:44px!important}#npc.stwin #npc-body{flex-direction:column;flex:1;min-height:0;display:flex}html body :is(#bag.bagwin,#npc.stwin) .grid{flex:1;align-content:start;gap:5px;min-height:0;padding:6px;overflow-y:auto;max-height:none!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot img.icon{width:80%!important;height:80%!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot .qty{bottom:1px;right:3px;font-size:11px!important}html body #npc.stwin>.hint,html body #npc.stwin #npc-hint{display:none}html body #bag.bagwin #bag-tabs{margin-bottom:5px}html body #bag.bagwin #bag-tabs button{min-height:28px;font-size:12px}#npc.stwin .st-tabs{margin-bottom:5px}html body #npc.stwin .st-tabs button{flex:0 0 110px;min-height:28px;font-size:12px}html body #bag.bagwin .bw-foot{gap:6px;margin-top:6px;padding:4px 6px;font-size:13px}#bag.bagwin #bag-weight,#bag.bagwin #bag-silver{border:1px solid var(--gold-dim);color:var(--parch);white-space:nowrap;background:#050c16;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;display:flex}#bag.bagwin #bag-weight{flex:1}#bag.bagwin #bag-silver{color:var(--gold-hi);flex:1;font-weight:700}#bag.bagwin #bag-weight i,#bag.bagwin #bag-silver i{font-style:normal}html body #bag.bagwin .bw-foot button{flex:none;width:34px;height:30px;font-size:15px;min-height:0!important;padding:0!important}html body #bag.bagwin #bag-lock[aria-pressed=true]{border-color:#e2a33a!important;box-shadow:inset 0 0 0 1px #e2a33a,0 0 8px #e2a33a88!important}html body #bag.bagwin #bag-drop:not(:disabled){background:linear-gradient(#8a2f2f,#4a1414)!important;border-color:#c0605a!important}#bag.bagwin .bw-cap{font-size:12px!important}#npc.stwin .st-foot{border:1px solid var(--gold-dim);background:#0b1b30;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:4px 6px;display:flex}#npc.stwin .st-count{color:var(--parch);white-space:nowrap;flex:1;font-size:12px}html body #npc.stwin .st-foot button{min-width:84px;min-height:30px;font-size:12px}html body #npc.stwin .st-foot button:not(:disabled){border-color:var(--gold)!important;color:#fff!important;background:linear-gradient(#2c6bb0,#173a5e)!important}#npc.stwin .st-pager{margin-top:4px}#sk-body{height:calc(100% - 52px)}html body #skills.sk{display:none}html body #skills.sk[style*="display: block"]{display:block!important}#sk-body .sk-dh img{width:48px;height:48px}html body #status.cs{padding:0 0 8px!important}#cs-body{box-sizing:border-box;height:calc(100% - 46px);padding-bottom:0}#cs-body .cs-pane{overflow-y:auto}#cs-body .cs-top{grid-template-columns:196px minmax(0,1fr)}#cs-body .cs-doll{width:196px;height:214px}#cs-body .cs-figure{background:radial-gradient(at 50% 70%,#2a5a8a 0%,#0b1b30 75%);border-radius:10px;width:98px;height:168px;top:46%}#cs-body .cs-figure canvas{width:96px;height:128px;image-rendering:pixelated;margin-top:30px}#cs-body .cs-statbox{grid-template-columns:minmax(0,1fr) 118px;gap:8px;margin-top:8px;display:grid}#cs-body .cs-statbox .cs-stats{grid-template-columns:1fr;gap:2px}#cs-body .cs-statbox .cs-stat{grid-template-columns:38px 1fr 34px 30px 22px 22px;padding:1px 4px}#cs-body .cs-statbox .cs-k{font-size:12px}#cs-body .cs-statbox .cs-v{text-align:right}#cs-body .cs-statbox .cs-bonus{color:#6be39b;text-align:right;font-size:11px}#cs-body .cs-statbox .cs-cost{text-align:right;color:var(--parch-dim);font-size:11px}#cs-body .cs-side{flex-direction:column;gap:6px;display:flex}#cs-body .cs-side .cs-pts{border:1px solid var(--gold-dim);color:var(--parch);background:#050c1680;border-radius:6px;flex-direction:column;align-items:center;padding:6px;display:flex}#cs-body .cs-side .cs-pts span{color:var(--parch-dim);font-size:11px}#cs-body .cs-side .cs-pts b{color:var(--parch);font-size:20px}#cs-body .cs-side .cs-pts.has b{color:#6be39b}#cs-body .cs-side .cs-pts small{color:#6be39b;font-size:10px}html body #status.cs .cs-side button{width:100%!important;height:28px!important;font-size:12px!important}html body #status.cs .cs-side .cs-ok:not(:disabled){border-color:var(--gold)!important;color:#fff!important;background:linear-gradient(#2c6bb0,#173a5e)!important}@media (width<=520px){#cs-body .cs-top,#cs-body .cs-statbox{grid-template-columns:1fr}}html body :is(#bag.bagwin,#npc.stwin) .grid{grid-auto-rows:48px;justify-content:space-between;grid-template-columns:repeat(8,48px)!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot{aspect-ratio:auto;width:48px!important;height:48px!important}@media (width<=520px){html body :is(#bag.bagwin,#npc.stwin) .grid{grid-auto-rows:44px;grid-template-columns:repeat(6,44px)!important}html body :is(#bag.bagwin,#npc.stwin) .grid .slot{width:44px!important;height:44px!important}}html body #status.cs .cs-side button:disabled{color:#7d8a9c!important;filter:none!important;background:#0b1b30!important;border-color:#3a4a5e!important}html:root{--ui-paper:#0b1b30;--ui-ink:#f3e9d2;--ui-muted:#c9bfa6;--ui-line:#7a5f2a;--ui-blue:#8cc4ff;--ui-gold:#d4a64a}html body :is(.panel,#shop,#npc,#market,#mail,#trade,#bot,#settings,#party,#iteminfo,#cardbook,#quests,#equipwin,#skills,#status){scrollbar-color:var(--gold-dim) #050c16;background:var(--royal-bg)!important;border:var(--royal-border)!important;box-shadow:var(--royal-shadow)!important;color:var(--parch)!important;border-radius:8px!important}html body #keys.panel{color:var(--parch-dim)!important;background:#0b1b30e6!important;border-width:1px!important}html body :is(.panel,#shop,#npc,#market,#mail,#trade,#bot,#settings,#party,#iteminfo,#cardbook,#quests,#equipwin)>h4,html body #shop.panel.merchant>.merchant-top,html body #market.merchant>.merchant-top{color:var(--gold-hi)!important;border:0!important;border-bottom:1px solid var(--gold-dim)!important;text-shadow:0 1px 2px #000!important;background:linear-gradient(#1d4167,#10283f)!important}html body .panel>h4 :is(span,small),html body :is(#shop,#npc,#market,#mail,#trade,#bot)>h4:first-child :is(span,small){color:var(--parch-dim)!important}html body .merchant-top :is(h3,small){color:var(--gold-hi)!important;-webkit-text-fill-color:currentColor!important}html body .merchant-top small,html body .merchant-wallet small{color:var(--parch-dim)!important}html body .merchant-wallet b{color:var(--gold-hi)!important;-webkit-text-fill-color:var(--gold-hi)!important}html body .panel button,html body :is(#shop,#npc,#market,#mail,#trade,#bot,#settings,#party,#iteminfo,#cardbook,#quests) button,html body :is(.askbox,#ctxmenu) button{opacity:1;color:var(--parch)!important;border:1px solid var(--gold-dim)!important;box-shadow:none!important;text-shadow:none!important;background:linear-gradient(#1d4167 0%,#10283f 100%)!important}html body .panel button:hover:not(:disabled),html body :is(.askbox,#ctxmenu) button:hover:not(:disabled){filter:brightness(1.15);border-color:var(--gold-hi)!important}html body .panel button:disabled{filter:grayscale()brightness(.6)!important;opacity:1!important;color:#9aa4b2!important}html body .panel button:is(.on,[aria-pressed=true],[aria-selected=true]){border-color:var(--gold-hi)!important;color:var(--gold-hi)!important;background:linear-gradient(#2c5a87,#173a5e)!important}html body .panel button.danger,html body #iteminfo-btns button.danger{color:#ffd6d2!important;background:linear-gradient(#7a2a2a,#4a1414)!important;border-color:#c0605a!important}html body .panel h4 button.close,html body .merchant-top .close{color:var(--parch)!important;border:1px solid var(--gold-dim)!important;background:#0b1b30!important}html body .panel :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea),html body #chat input,html body #login input{border-radius:4px;color:var(--parch)!important;border:1px solid var(--gold-dim)!important;background:#050c16!important}html body .panel :is(input,textarea)::placeholder,html body #chat input::placeholder{color:#8b8573!important}html body .panel :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--gold)}html body .panel :is(small,.hint),html body #skills small,html body .class-card .t span{color:var(--parch-dim)!important}html body .panel :is(td,th){color:var(--parch);border-color:#d4a64a33!important}html body .panel td.v{color:var(--gold-hi)!important}html body .panel .row,html body :is(#shop,#npc,#market,#mail,#trade,#bot) .row{color:var(--parch)!important;background:#050c1680!important;border:1px solid #7a5f2a66!important}html body .panel .row .p{color:var(--gold-hi)!important}html body .panel .tabs button,html body :is(#shop,#npc,#market,#mail,#trade,#bot) .tabs button{color:var(--parch)!important;border-color:var(--gold-dim)!important;background:linear-gradient(#1d4167,#10283f)!important}html body :is(#shop,#npc,#market,#mail,#trade,#bot) .tabs button.on{color:var(--gold-hi)!important;border-color:var(--gold-hi)!important;background:linear-gradient(#2c5a87,#173a5e)!important}html body .slot{color:var(--parch)!important;background:radial-gradient(circle at 50% 35%,#1d4167,#08152a 78%)!important;border:1px solid #7a5f2a99!important;box-shadow:inset 0 0 0 1px #000a!important}html body .slot:hover{border-color:var(--gold)!important}html body .slot .qty{color:#fff!important;text-shadow:0 0 2px #000,0 1px 2px #000!important}html body :is(.class-card,.passive-card){color:var(--parch)!important;background:linear-gradient(#13304f,#0b1b30)!important;border:1px solid #7a5f2a99!important}html body :is(.class-card,.passive-card) :is(b,.t b,.t>span){color:var(--parch)!important}html body .class-card.current{border-color:var(--gold-hi)!important}html body .tag{background:0 0!important}html body #iteminfo .ii-head small,html body #iteminfo td:first-child{color:var(--parch-dim)!important}html body #iteminfo .ii-head b,html body #iteminfo .ii-head strong{color:var(--gold-hi)!important}html body .merchant :is(.merchant-body,.merchant-products,.merchant-cart,.merchant-footer,.merchant-cart-list,#shop-list,#shop-cart){color:var(--parch)!important;background:0 0!important;border-color:#7a5f2a66!important}html body .merchant .merchant-footer,html body #shop.panel.merchant .merchant-footer{border-top:1px solid var(--gold-dim)!important;background:#0b1b30!important}html body .merchant .row{border-bottom:1px solid #d4a64a26!important}html body .merchant :is(h3,h4,b){color:var(--parch)}html body #shop.panel.merchant .merchant-cart>h4{color:var(--gold-hi)!important;background:0 0!important;border:0!important}html body .merchant :is(.merchant-hint,.merchant-message,.merchant-empty){color:var(--parch-dim)!important;background:0 0!important}html body #shop #refine-head,html body .smith :is(.smith-pick,.smith-detail,.smith-items,.smith-note){color:var(--parch)!important;background:#050c1680!important;border-color:#7a5f2a66!important}html body #trade #trade-body>.cols>div,html body #trade .cols>div{background:#050c1699!important;border-color:#7a5f2a99!important}html body #trade .cols .row{background:linear-gradient(#13304f,#0b1b30)!important}html body #trade .cols>div>b,html body #trade .cols .row .n{color:var(--parch)!important}html body #trade .cols .row:last-child .p{color:var(--gold-hi)!important}html body #trade #trade-body>div:last-child:not(.cols),html body #trade>.hint{border-color:var(--gold-dim)!important;color:var(--parch-dim)!important;background:#0b1b30!important}html body :is(.askbox,#ctxmenu){background:var(--royal-bg)!important;border:2px solid var(--gold)!important;color:var(--parch)!important;box-shadow:var(--royal-shadow)!important}html body .askbox .yes{border-color:var(--gold)!important;color:#fff!important;background:linear-gradient(#2c6bb0,#173a5e)!important}html body #ctxmenu b{color:var(--gold-hi)!important}html body :is(.askbox,#ctxmenu) small{color:var(--parch-dim)!important}html body #notice{color:var(--gold-hi)!important;border:1px solid var(--gold)!important;background:#0b1b30f0!important}html body #login .box{background:var(--royal-bg)!important;color:var(--parch)!important;border:2px solid var(--gold)!important;box-shadow:var(--royal-shadow)!important}html body #login p{color:var(--parch-dim)!important}html body #login button{color:#fff!important;border:1px solid var(--gold)!important;background:linear-gradient(#2c6bb0,#173a5e)!important}html body .panel [style*="color:#9aa"],html body #equip-detail span[style*="color:#9aa"]{color:#a9b4c2!important}html body #equip .avatar{border-color:var(--gold)!important;background:radial-gradient(at 50% 40%,#2a5a8a,#0b1b30 75%)!important}html body #equip .avatar :is(span,small){color:var(--parch)!important}html body #equip-detail{border-color:var(--gold-dim)!important}html body #shop.panel.merchant>.merchant-top :is(h3,small),html body #market.panel.merchant>.merchant-top :is(h3,small){-webkit-text-fill-color:currentColor!important}html body #shop.panel.merchant>.merchant-top h3,html body #market.panel.merchant>.merchant-top h3{color:var(--gold-hi)!important}html body #shop.panel.merchant>.merchant-top small,html body #market.panel.merchant>.merchant-top small{color:var(--parch-dim)!important}html body .smith-detail{border-left-color:var(--gold-dim)!important;color:var(--parch)!important}html body .smith-item{color:var(--parch)!important;background:linear-gradient(#13304f,#0b1b30)!important;border-color:#7a5f2a99!important}html body .smith-item.on{border-color:var(--gold-hi)!important;background:linear-gradient(#2c5a87,#173a5e)!important}html body .smith-item em,html body .smith-head em{color:var(--gold-hi)!important}html body .smith-head .badge{border:1px solid var(--gold-dim);color:var(--parch-dim)!important;background:#050c16!important}html body .smith-big{border:1px solid var(--gold-dim);color:var(--gold-hi)!important;background:#050c16cc!important}html body .smith-big span,html body .smith-empty{color:var(--parch-dim)!important}html body .smith-check{border:1px solid #7a5f2a66;color:var(--parch)!important;background:#050c1699!important}html body .smith-note{border:1px solid #7a5f2a;color:#ffe2a0!important;background:#3a2e12cc!important}html body .smith-note.danger{border-color:#c0605a;color:#ffd6d2!important;background:#4a1414cc!important}html body .smith-mat{border-bottom-color:#d4a64a26!important}html body #market .mk-side{border-color:var(--gold-dim)!important;color:var(--parch)!important;background:#050c1699!important}html body #market .mk-side h4{color:var(--gold-hi)!important;background:0 0!important;border:0!important;border-bottom:1px solid #d4a64a40!important}html body #quests .q-bar{background:#050c16!important}html body .panel div h4{border-radius:5px;color:var(--gold-hi)!important;border:1px solid var(--gold-dim)!important;text-shadow:none!important;background:#050c16cc!important}html body .panel div h4 span{color:var(--parch-dim)!important}html body #login input[type=checkbox]{accent-color:var(--gold)}html body #iteminfo{z-index:60!important}@media (height<=600px){html body :is(#status.cs,#bag.bagwin,#npc.stwin,#skills.sk){zoom:var(--fitwin,1)!important;width:480px!important;height:520px!important}html body #skills.sk #sk-body{height:440px}html body #status.cs[style*="display: block"]{flex-direction:column;display:flex!important}html body #status.cs>h4{flex:none}#cs-body{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}#cs-body .cs-tabs,#cs-body .cs-pane{overscroll-behavior:contain;min-height:0;overflow-y:auto}html body :is(#bag.bagwin,#npc.stwin) .grid{flex:1;min-height:0;max-height:none;overflow-y:auto}}@media (pointer:coarse) and (height<=420px){html.touch body #minimap:not([style*="display: none"]){zoom:.55;display:flex!important}}html body #target-bar{top:var(--tb-top,66px)!important}html body #pick-toasts{top:calc(var(--tb-top,66px) + 64px)!important}html.touch body #joy{touch-action:none;width:150px!important;height:150px!important;left:calc(26px + env(safe-area-inset-left))!important;bottom:calc(26px + env(safe-area-inset-bottom))!important;zoom:1!important}html.touch body #joy i{width:60px!important;height:60px!important;top:45px!important;left:45px!important}html.touch.chat-open body #chatwin{left:calc(196px + env(safe-area-inset-left))!important;width:min(380px,100vw - 560px)!important;max-height:48vh!important;top:auto!important;bottom:8px!important;right:auto!important;transform:none!important}html.touch .panel>h4,html.touch .grip,html.touch #chat-tabs,html.touch #chatwin .grip{touch-action:none}.ui-edit-handle{border-radius:inherit;z-index:999;cursor:move;touch-action:none;background:#ffd93b1f;border:2px dashed #ffd93b;display:none;position:absolute;inset:-2px}html.ui-edit .ui-edit-handle{display:block}html.ui-edit body :is(#joy,#touchpad,#hud,#minimap,#menubar,#skillbar,#potbar,#party,#chatwin){outline:1px solid #ffd93b55}html.touch body #menubar{scrollbar-width:thin;max-width:calc(100vw - 236px);overflow:auto hidden;flex-wrap:nowrap!important}@media (pointer:coarse) and (height<=420px){html.touch body #menubar{max-width:calc(100vw - 160px)}}html.touch body #menubar{z-index:60!important;right:190px!important}@media (pointer:coarse) and (height<=420px){html.touch body #menubar{right:118px!important}}