:root{--mb-pitch:max(10.8rem, 48px);--gold:#d6b162;--gold-hi:#f6dd96;--gold-lo:#8a6a2c;--navy:#0b172dcc;--navy-hi:#162c4edb;--cyan:#45d3ff;--text:#f4f7fb;--shadow:0 .15rem .3rem #000000d9, 0 0 .2rem #000000e6}html{font-size:min(.925926vh,.520833vw)}html,body{background:#0b1424;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;font-family:Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif}#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}#world-ui,#hud{pointer-events:none;position:fixed;inset:0;overflow:hidden}#hud{left:var(--safe-l,0px);right:var(--safe-r,0px);top:var(--safe-t,0px);bottom:var(--safe-b,0px)}#hud .hit{pointer-events:auto}#boot{z-index:10;background:radial-gradient(at 50% 40%,#1d3a5c 0%,#0b1424 70%);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .6s;display:flex;position:fixed;inset:0}#boot.done{opacity:0;pointer-events:none}.boot-title{letter-spacing:.4rem;color:var(--gold-hi);text-shadow:0 0 2rem #f6dd9659,0 .4rem .8rem #000c;font-size:9rem;font-weight:800}.boot-bar{border:.2rem solid var(--gold-lo);background:#00000080;border-radius:1rem;width:60rem;height:1.2rem;overflow:hidden}.boot-bar i{background:linear-gradient(90deg, #2e8fff, var(--cyan));width:0;height:100%;transition:width .3s;display:block}.boot-text{color:#b9c8dc;font-size:2.4rem}#rotate-hint{z-index:20;color:var(--gold-hi);text-align:center;background:#0b1424;justify-content:center;align-items:center;font-size:5vw;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){#rotate-hint{display:flex}}.panel{background:linear-gradient(180deg, var(--navy-hi), var(--navy));border:.15rem solid #d6b162bf;border-radius:1rem;box-shadow:inset 0 0 1.2rem #4696ff1f,0 .3rem 1rem #00000073}.abs{position:absolute}.txt{text-shadow:var(--shadow)}.ring{border:.32rem solid var(--gold);background:radial-gradient(circle at 50% 35%,#1d3c66,#0a1830 70%);border-radius:50%;overflow:hidden;box-shadow:0 0 0 .12rem #0009,inset 0 0 0 .12rem #0009,0 .3rem .8rem #0009}.pframe-back{background:linear-gradient(90deg,#08122400,#0812249e 25%,#0812248c);border-radius:0 5.3rem 5.3rem 0;width:40rem;height:10.6rem;top:1.4rem;left:7rem}.portrait{width:12rem;height:12rem}.portrait img{object-fit:cover;width:100%;height:100%}.portrait-wrap:before,.portrait-wrap:after{content:"";border:.15rem solid var(--gold);z-index:2;background:linear-gradient(135deg,#bff3ff,#2aa6e0);width:1.6rem;height:1.6rem;position:absolute;transform:rotate(45deg)}.portrait-wrap:before{top:-.5rem;left:5.2rem}.portrait-wrap:after{top:5.2rem;left:-.5rem}.lvl{border:.25rem solid var(--gold);z-index:3;background:radial-gradient(circle at 50% 35%,#2a3e5c,#0b1626);border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.9rem;font-weight:700;display:flex;bottom:-1.2rem;left:50%;transform:translate(-50%)}.pname{font-size:2.6rem;font-weight:600}.bar{background:#0009;border:.12rem solid #000000b3;border-radius:1.2rem;height:2.4rem;position:absolute;overflow:hidden}.bar i{border-radius:1.2rem;transition:width .18s linear;position:absolute;top:0;bottom:0;left:0}.bar b{background:#ffffff8c;border-radius:1.2rem;transition:width .8s ease-in .25s;position:absolute;top:0;bottom:0;left:0}.bar span{text-shadow:var(--shadow);font-size:1.75rem;font-weight:600;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}.bar.hp i{background:linear-gradient(#ff7a6e,#e0283a 55%,#a5121f)}.bar.mp i{background:linear-gradient(#7cc4ff,#2f7cf0 55%,#1b4fb8)}.buffs{gap:.6rem;display:flex}.buff{border:.18rem solid var(--gold);background:#0a1830;border-radius:.5rem;width:3.4rem;height:3.4rem;position:relative;overflow:hidden}.buff img{width:100%;height:100%}.buff em{text-shadow:var(--shadow);font-size:1.3rem;font-style:normal;font-weight:700;position:absolute;bottom:-.2rem;right:.1rem}.tframe{transition:opacity .2s,visibility .2s}.tframe.off{opacity:0;visibility:hidden}.tportrait{border-color:#b7462f;width:11rem;height:11rem}.tportrait img{object-fit:cover;width:100%;height:100%}.tname{font-size:2.5rem;font-weight:600}.tback{background:#08122480;border-radius:0 3.8rem 3.8rem 0;width:33rem;height:7.6rem;top:.6rem;left:6rem}.ttrade{box-sizing:border-box;cursor:pointer;color:#fff3d2;font-family:Georgia,Times New Roman,serif;font-size:max(2rem, var(--pn-minfs,0px));background:linear-gradient(#5c4616,#281c08);border:.2rem solid #f6dd96d9;border-radius:1.8rem;justify-content:center;align-items:center;gap:.8rem;font-weight:700;display:none;box-shadow:0 .3rem .8rem #00000080}.ttrade.on{display:flex}.ttrade svg{fill:none;stroke:#f6dd96;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:2.4rem;height:2.4rem}html.pn-phone .ttrade{min-height:var(--pn-tap,0px)}.quest{box-sizing:border-box;width:46rem;padding:1.4rem 1.8rem 1.8rem;top:19rem;left:1.4rem}.quest-head{color:var(--gold-hi);align-items:center;gap:1.2rem;font-size:2.5rem;font-weight:600;display:flex}.quest-head .bang{color:#3b2400;background:radial-gradient(circle at 40% 35%,#ffe08a,#d39a1c);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2rem;font-weight:900;display:flex}.quest-head .chev{border-top:.3rem solid #e8edf5;border-left:.3rem solid #e8edf5;width:1.6rem;height:1.6rem;margin-left:auto;transform:rotate(45deg)translate(.3rem,.3rem)}.quest-obj{color:#e9eef6;margin:1.6rem 0;font-size:2.05rem}.quest-obj.done{color:#8ff08f}.btn-go{border:.28rem solid var(--cyan);color:#fff;background:linear-gradient(#17345a,#0b1a33);border-radius:2.6rem;align-items:center;gap:1.6rem;height:5.2rem;padding:0 2.6rem;font-size:2.6rem;font-weight:600;display:inline-flex;box-shadow:0 0 1.2rem #45d3ff59,inset 0 0 .8rem #45d3ff40}.btn-go svg{width:3rem;height:3rem}.btn-go.on{background:linear-gradient(#1c6a8a,#0d3a55)}.menu-btn{width:9rem;right:calc(32.4rem + var(--mi,0) * var(--mb-pitch));cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;display:flex}.menu-btn .ring{box-sizing:border-box;justify-content:center;align-items:center;width:max(8rem,44px);height:max(8rem,44px);transition:transform 90ms,filter 90ms;display:flex}.menu-btn:active .ring{filter:brightness(1.25);transform:scale(.92)}.menu-btn svg{width:4.6rem;height:4.6rem}.menu-btn label{background:#0812248c;border-radius:1rem;padding:0 .8rem;font-size:1.8rem}.currency{border-radius:2.2rem;align-items:center;gap:3rem;height:4.4rem;padding:0 2rem;font-size:2.2rem;font-weight:600;display:flex;top:.8rem;right:1.8rem}.coin{vertical-align:-.4rem;border-radius:50%;width:2.4rem;height:2.4rem;margin-right:1rem;display:inline-block}.coin.g{background:radial-gradient(circle at 35% 30%,#fff1a8,#e3a417 60%,#9a6705)}.coin.s{background:radial-gradient(circle at 35% 30%,#e6f6ff,#3fa0ff 60%,#1546a8);border-radius:.4rem;transform:rotate(45deg)scale(.85)}.coin.c{background:radial-gradient(circle at 35% 30%,#ffc89a,#d0621e 60%,#7c3008)}.minimap{width:24rem;height:24rem;top:6.2rem;right:2.2rem}.minimap .mm-ring,.minimap .cmp,.minimap .mm-btn{pointer-events:none}.minimap .mm-ring{border:.45rem solid var(--gold);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 .2rem #2a1d08,inset 0 0 0 .2rem #2a1d08,0 .4rem 1rem #0009}.minimap canvas{border-radius:50%;width:calc(100% - .9rem);height:calc(100% - .9rem);position:absolute;inset:.45rem}.minimap .cmp{text-shadow:var(--shadow);font-size:1.6rem;font-weight:700;position:absolute}.mm-btn{border:.2rem solid var(--gold);background:#0d1a30;border-radius:50%;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;font-size:2.2rem;font-weight:700;display:flex;position:absolute}.zone{box-sizing:border-box;text-align:center;border-radius:.8rem;min-width:19.6rem;padding:.6rem .8rem;top:31.2rem;right:4.6rem}.zone .zn{white-space:nowrap;font-size:2.2rem}.zone .zc{opacity:.9;font-size:1.6rem}.channel{text-align:center;width:19.6rem;font-size:2rem;top:38rem;right:4.6rem}.stick{background:radial-gradient(circle,#14284640,#0a142873);border:.35rem solid #d6b162b3;border-radius:50%;width:23rem;height:23rem;bottom:23.3rem;left:8.9rem;box-shadow:inset 0 0 2rem #00000059}.stick .arrow{border-top:.3rem solid #ffffff73;border-left:.3rem solid #ffffff73;width:1.4rem;height:1.4rem;position:absolute}.stick .knob{background:radial-gradient(circle at 40% 30%,#6fb2e6,#1b4c80 60%,#0c2442);border:.25rem solid #d6b162cc;border-radius:50%;width:9.6rem;height:9.6rem;margin:-4.8rem 0 0 -4.8rem;position:absolute;top:50%;left:50%;box-shadow:0 .4rem 1rem #00000080}.chat{box-sizing:border-box;width:60.6rem;height:17.2rem;padding:1rem 1.6rem;bottom:4.6rem;left:1.2rem}.chat .ico{background:#e9eef6;border-radius:.6rem;width:3rem;height:2.4rem;margin-bottom:.8rem;position:relative}.chat .ico:after{content:"•••";color:#12223a;text-align:center;letter-spacing:.1rem;font-size:1.4rem;line-height:2.2rem;position:absolute;inset:0}.chat .line{white-space:nowrap;text-overflow:ellipsis;font-size:2.3rem;line-height:3rem;overflow:hidden}.chat .line.sys,.chat .line.hit{color:#ffc95a}.chat .line.hurt{color:#f4f7fb}.chat .line.good{color:#8ff08f}.sbtn{border-radius:50%;position:absolute}.sbtn .ring{position:absolute;inset:0}.sbtn img{object-fit:cover;border-radius:50%;width:calc(100% - 1rem);height:calc(100% - 1rem);position:absolute;inset:.5rem}.sbtn .cd{background:conic-gradient(#000000b3 calc(var(--p,0) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:.4rem}.sbtn .num{text-shadow:var(--shadow);justify-content:center;align-items:center;font-size:3.6rem;font-weight:700;display:flex;position:absolute;inset:0}.sbtn .cnt{text-shadow:var(--shadow);font-size:2.2rem;font-weight:700;position:absolute;bottom:1rem;right:1.4rem}.sbtn.nomp img{filter:grayscale(.85)brightness(.6)}.sbtn.press{transform:scale(.92)}.sbtn{transition:transform 80ms}.attack .ring{border:.45rem solid var(--cyan);background:radial-gradient(circle at 50% 35%,#24507e,#0b1a33 70%);box-shadow:0 0 1.6rem #45d3ff8c,inset 0 0 1.2rem #45d3ff4d}.attack svg,.jump svg{width:64%;height:64%;position:absolute;inset:18%}.jump .ring{border-color:var(--gold)}.xp{background:linear-gradient(#0c182c,#050b16);border-top:.15rem solid #d6b16280;height:2.4rem;bottom:0;left:0;right:0}.xp .fill{background:#ffffff14;border-radius:.5rem;height:1rem;position:absolute;top:.7rem;left:6rem;right:6rem;overflow:hidden}.xp .fill i{background:linear-gradient(90deg,#1c6fe0,#6cc8ff);transition:width .4s;position:absolute;top:0;bottom:0;left:0}.xp .lab{color:var(--gold);font-size:1.6rem;font-weight:700;position:absolute;top:.2rem;left:1.2rem}.xp .pct{font-size:1.6rem;font-weight:600;position:absolute;top:.2rem;right:1.2rem}.toast{color:var(--gold-hi);text-shadow:0 0 1.4rem #f6dd9699, var(--shadow);white-space:nowrap;font-size:4rem;font-weight:800;animation:2.4s ease-out forwards toast;top:22%;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,1rem)scale(.9)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-1rem)}}.np{white-space:nowrap;will-change:transform;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.np-mob{flex-direction:column;align-items:center;gap:.4rem;display:flex}.np-mob .n{color:#ff5a4f;-webkit-text-stroke:.08rem #280000cc;text-shadow:var(--shadow);font-size:2.2rem;font-weight:700}.np-mob .b{background:#000000a6;border:.1rem solid #000c;border-radius:.4rem;width:13rem;height:.8rem;overflow:hidden}.np-mob .b i{background:linear-gradient(#ff6a5a,#c51d2b);height:100%;display:block}.np-hero{flex-direction:column;align-items:center;display:flex}.np-hero .plate{background:linear-gradient(#24788cf2,#0c3a4ef2);border:.18rem solid #7fe7ff;border-radius:.8rem;align-items:center;height:6rem;padding:0 3.4rem 0 7.4rem;display:flex;position:relative;box-shadow:0 0 1.4rem #45d3ff8c}.np-hero .plate b{color:#fff;text-shadow:0 0 .8rem #78e6ffcc, var(--shadow);font-size:4.2rem;font-weight:800}.np-hero .gem{background:radial-gradient(circle,#e8fbff 0%,#5fd6ff 35%,#1a64a8 75%);border:.25rem solid #bdefff;border-radius:.8rem;width:5.4rem;height:5.4rem;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 1.4rem #78dcffe6}.np-hero .wing{width:9rem;height:11rem;position:absolute;top:-2.6rem}.np-hero .wing.l{left:-6.6rem}.np-hero .wing.r{right:-6.6rem;transform:scaleX(-1)}.np-hero .title{letter-spacing:.1rem;background:linear-gradient(#0f2b45,#071629);border:.18rem solid #7fe7ff;border-radius:.6rem;margin-top:.6rem;padding:.3rem 2rem;font-size:1.9rem;font-weight:700}.dmg{color:#fff;white-space:nowrap;will-change:transform, opacity;text-shadow:0 .2rem #3a2a10,0 0 .6rem #000000e6;-webkit-text-stroke:.12rem #281905e6;font-size:4.6rem;font-weight:900;position:absolute;top:0;left:0}.dmg.crit{color:#ffd84a;text-shadow:0 .3rem #6a3a00,0 0 1.4rem #ffbe28cc;font-size:7rem}.dmg.crit:after{content:"CRIT";text-align:center;color:#ffb02e;margin-top:-1.2rem;font-size:3rem;font-style:italic;display:block}.dmg.taken{color:#ff4b4b;-webkit-text-stroke:.1rem #300;font-size:3.8rem}.dmg.heal{color:#7dff8a;-webkit-text-stroke:.1rem #031;font-size:3.8rem}.np-ent{flex-direction:column;align-items:center;gap:.3rem;display:flex}.np-ent .n{text-shadow:var(--shadow);-webkit-text-stroke:.06rem #000000b3;font-size:2.1rem;font-weight:700}.np-ent .s{color:#e8d39a;text-shadow:var(--shadow);margin-top:-.4rem;font-size:1.6rem}.np-ent .b{background:#000000a6;border:.1rem solid #000c;border-radius:.4rem;width:12rem;height:.8rem;overflow:hidden}.np-ent .b i{width:100%;height:100%;transition:width .15s;display:block}.np-mob .n{color:#ff5a4f}.np-mob .b i{background:linear-gradient(#ff6a5a,#c51d2b)}.np-mob.sel .n{color:#ffb0a8}.np-boss .n{color:#ff8a3a;font-size:2.6rem}.np-boss .b{width:22rem;height:1.2rem}.np-boss .b i{background:linear-gradient(#ff9a4a,#c2410c)}.np-ally .n{color:#7fd3ff}.np-ally .b i{background:linear-gradient(#6dff8a,#1f9a3d)}.np-npc .n{color:#ffe9a8;font-size:2.2rem}.np-loot .n{color:#fff;font-size:1.7rem}.np-ent .mk{text-shadow:0 0 1rem #0009,0 .3rem #6a4300;height:0;font-size:5rem;font-weight:900;line-height:1;overflow:visible;transform:translateY(-4.6rem)}.np-ent .mk.offer,.np-ent .mk.turnin{color:#ffd23a;animation:1.2s ease-in-out infinite mk-bob}.np-ent .mk.busy{color:#b8b8b8}@keyframes mk-bob{0%,to{transform:translateY(-4.6rem)}50%{transform:translateY(-5.4rem)}}.dmg.exp{color:#a6e3ff;-webkit-text-stroke:.08rem #013;font-size:3rem}.dmg.gold{color:#ffd84a;font-size:3rem}.sbtn.locked img{filter:grayscale()brightness(.35)}.sbtn.locked:after{content:attr(data-lock);color:#ffd98a;text-shadow:var(--shadow);justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;display:flex;position:absolute;inset:0}.auto .ring{border-color:var(--gold)}.auto-label{color:#e8edf5;letter-spacing:.1rem;text-shadow:var(--shadow);justify-content:center;align-items:center;font-size:2.1rem;font-weight:800;display:flex;position:absolute;inset:0}.auto.on .ring{border-color:var(--cyan);background:radial-gradient(circle,#1f6a9a,#0b1a33 70%);box-shadow:0 0 1.6rem #45d3ffcc}.auto.on .auto-label{color:#7fe7ff;animation:1s ease-in-out infinite auto-pulse}@keyframes auto-pulse{50%{opacity:.55}}.chat .line.chatline{color:#e6f3ff}.chat-compose{z-index:40;flex-direction:column;gap:.8rem;display:flex;position:absolute;bottom:1.6rem;left:1.4rem;right:1.4rem}.cc-lines{color:#dfe8f5;background:#060e1ed1;border:.15rem solid #d6b16259;border-radius:1.2rem;align-self:flex-start;width:90rem;max-height:36rem;padding:1.2rem 1.6rem;font-size:2.2rem;line-height:1.45;overflow-y:auto}.cc-lines:empty{display:none}.cc-l.sys{color:#f6dd96}.cc-l.party{color:#7fe3ff}.cc-l.chatline{color:#e8eef8}.cc-bar{border:.2rem solid var(--gold);background:linear-gradient(#12223ef5,#081020f5);border-radius:4rem;align-items:center;gap:1rem;height:8rem;padding:0 1.2rem;display:flex;box-shadow:0 .6rem 2rem #00000080}.cc-chan{color:#fff;border:.15rem solid var(--cyan);background:#23406b;border-radius:2.8rem;place-items:center;min-width:12rem;height:5.6rem;font-size:2.3rem;font-weight:700;display:grid}.cc-chan.party{background:#13506a;border-color:#7fe3ff}.cc-bar input{color:#fff;background:0 0;border:0;outline:0;flex:1;height:5.6rem;font-size:2.6rem}.cc-send{color:#2a1a00;background:linear-gradient(#ffe39a,#d6a43c);border-radius:2.8rem;place-items:center;height:5.6rem;padding:0 3rem;font-size:2.4rem;font-weight:800;display:grid}.cc-x{color:#b9c8dc;place-items:center;width:5.6rem;height:5.6rem;font-size:2.6rem;display:grid}.pname{font-size:max(2.6rem,13px)}.tname{font-size:max(2.5rem,12px)}.bar span{font-size:max(1.75rem,9.5px)}.bar.hp{min-height:11px}.lvl{min-width:18px;min-height:18px;font-size:max(1.9rem,11px)}.quest-head{font-size:max(2.5rem,12px)}.quest-obj{margin:max(1.2rem,4px) 0;font-size:max(2.05rem,11px);line-height:1.25}.btn-go{box-sizing:border-box;cursor:pointer;min-height:44px;font-size:max(2.6rem,13px);transition:transform 90ms,filter 90ms;position:relative}.btn-go:after{content:"";position:absolute;inset:-.6rem -1rem}.btn-go:active{filter:brightness(1.2);transform:scale(.95)}.btn-go.on{animation:1.4s ease-in-out infinite go-pulse}@keyframes go-pulse{50%{box-shadow:0 0 2.4rem #45d3ffbf,inset 0 0 1.2rem #45d3ff66}}.quest-head{cursor:pointer;position:relative}.quest-head:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.chat .line{font-size:max(2.3rem,11px);line-height:1.3}.zone .zn{font-size:max(2.2rem,11px)}.zone .zc,.minimap .cmp{font-size:max(1.6rem,9.5px)}.channel,.currency{font-size:max(2rem,11px)}.xp{height:max(2.4rem,12px)}.xp .lab,.xp .pct{font-size:max(1.6rem,9.5px);top:50%;transform:translateY(-50%)}.xp .fill{height:max(1rem,4px);top:50%;transform:translateY(-50%)}.sbtn.locked:after{font-size:max(2.2rem,11px)}.auto-label{font-size:max(2.1rem,10px)}.sbtn .cnt{font-size:max(2.2rem,11px)}.sbtn.jump,.sbtn.auto,.sbtn.potion,.sbtn.skill{min-width:44px;min-height:44px}.sbtn{cursor:pointer}.sbtn:active:not(.attack){transform:scale(.92)}.sbtn.attack.press .ring{box-shadow:0 0 2.6rem #45d3fff2,inset 0 0 1.8rem #45d3ff8c}.sbtn .cd{background:conic-gradient(from 0turn, #040810c7 0 calc(var(--p,0) * 1turn), #a0e6ffd9 calc(var(--p,0) * 1turn) calc(var(--p,0) * 1turn + .006turn), transparent 0)}.sbtn .cd[style*="--p: 0;"],.sbtn .cd:not([style]){background:0 0}.sbtn .num{-webkit-text-stroke:.1rem #000c;font-size:max(3.6rem,15px)}.sbtn.nomp .ring{box-shadow:inset 0 0 1.4rem #285aff8c}.menu-btn label{white-space:nowrap;font-size:max(1.8rem,10px)}.menu-btn{min-width:44px}@media (max-height:600px){.menu-btn label{display:none}}.minimap .mm-ring{box-shadow:0 0 0 .2rem #2a1d08,inset 0 0 0 .2rem #2a1d08,inset 0 0 1.6rem #0000008c,0 .4rem 1.4rem #000000b3}.minimap canvas{cursor:pointer}.quest-head{border-bottom:.12rem solid #d6b16259;padding-bottom:.6rem}.dmg{font-size:max(4.6rem,17px)}.dmg.crit{font-size:max(7rem,24px)}.dmg.crit:after{font-size:max(3rem,11px)}.dmg.taken,.dmg.heal{font-size:max(3.8rem,15px)}.dmg.exp,.dmg.gold{font-size:max(3rem,12px)}.np-ent .n{font-size:max(2.1rem,10px)}.np-ent .s{font-size:max(1.6rem,9px)}.np-mob .n{font-size:max(2.2rem,10px)}.hud-vignette{inset:calc(-1 * var(--safe-t,0px)) calc(-1 * var(--safe-r,0px)) calc(-1 * var(--safe-b,0px)) calc(-1 * var(--safe-l,0px));pointer-events:none;opacity:0;z-index:0;background:radial-gradient(closest-side,#0000 62%,#be001052 84%,#820000b8 100%);transition:opacity .4s;position:absolute}#hud.hud-lowhp .hud-vignette{opacity:1;animation:1.1s ease-in-out infinite lowhp}@keyframes lowhp{50%{opacity:.45}}#hud.hud-lowhp .bar.hp i{animation:1.1s ease-in-out infinite lowhp-bar}@keyframes lowhp-bar{50%{filter:brightness(1.5)}}.combat-chip{pointer-events:none;z-index:4;opacity:0;border:.2rem solid var(--gold);background:radial-gradient(circle at 50% 35%,#7a1a1a,#2a0606 70%);border-radius:50%;justify-content:center;align-items:center;width:max(3.6rem,16px);height:max(3.6rem,16px);transition:opacity .25s,transform .25s;display:flex;position:absolute;top:10.6rem;left:10.4rem;transform:scale(.6);box-shadow:0 0 1rem #ff4628b3}.combat-chip svg{width:70%;height:70%}#hud.hud-combat .combat-chip{opacity:1;transform:none}#hud.hud-combat .pframe-back{background:linear-gradient(90deg,#24080800,#300a0ca8 25%,#1e080a8c)}#hud.hud-combat .portrait.ring{box-shadow:0 0 0 .12rem #0009,0 0 1.6rem #ff5032a6}#hud .hit{-webkit-tap-highlight-color:transparent}@media (max-height:600px){.channel{top:40.4rem}.zone{padding:.3rem .8rem}.minimap .mm-btn{display:none}}.cc-bar{box-sizing:border-box;min-height:52px}.cc-chan,.cc-send,.cc-x{box-sizing:border-box;cursor:pointer;min-width:44px;min-height:44px;font-size:max(2.3rem,13px)}.cc-chan:active,.cc-send:active,.cc-x:active{filter:brightness(1.25);transform:scale(.96)}.cc-bar input{-webkit-user-select:text;user-select:text;min-height:44px;font-size:max(2.6rem,16px)}.cc-lines{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-size:max(2.2rem,12px)}.np-hero>*{zoom:.62}.np-hero .wing{display:none}.np-hero .plate{background:linear-gradient(#0a1e30d1,#040e1ad1);border:.16rem solid #7fe7ffb3;border-radius:2.6rem;height:5.2rem;padding:0 2.6rem 0 6.4rem;box-shadow:0 .3rem .9rem #00000080,0 0 .9rem #45d3ff4d}.np-hero .plate b{text-shadow:0 0 .5rem #78e6ff8c, var(--shadow);font-size:3.6rem;font-weight:700}.np-hero .gem{width:3.6rem;height:3.6rem;left:1.4rem}.np-hero .title{color:#f1e2b4;background:#060c16c7;border-color:#d9b56ab3;margin-top:.5rem}.np-npc .n{font-family:Georgia,Times New Roman,serif;font-size:1.9rem}.np-npc .s{font-size:1.4rem}.sbtn.potion{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sbtn.potion img{pointer-events:none}.potion-pick-scrim{z-index:30;position:absolute;inset:0}.potion-pick{box-sizing:border-box;flex-direction:column;gap:.8rem;min-width:36rem;max-height:70vh;padding:1.4rem;display:flex;overflow-y:auto}.potion-pick .pp-title{color:var(--gold-hi);padding:0 .4rem .4rem;font-size:max(2.4rem,12px);font-weight:700}.potion-pick .pp-empty{color:#b8c4d6;padding:1rem .4rem;font-size:max(2.2rem,12px)}.potion-pick .pp-row{cursor:pointer;background:#040c188c;border:.15rem solid #0000;border-radius:.8rem;align-items:center;gap:1.2rem;min-height:44px;padding:.6rem 1.2rem .6rem .6rem;display:flex}.potion-pick .pp-row:active{filter:brightness(1.25)}.potion-pick .pp-row.on{border-color:var(--gold-hi);box-shadow:0 0 .9rem #ffd77859}.potion-pick .pp-ico{width:6.4rem;height:6.4rem}.potion-pick .pp-name{color:#f1f4f8;white-space:nowrap;flex:1;font-size:max(2.3rem,12px)}.potion-pick .pp-qty{color:#d6dde8;font-size:max(2.2rem,12px);font-weight:700}:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--ec-gold:#d9b56a;--ec-gold-hi:#f7e2a2;--ec-gold-lo:#7c5a22;--ec-ink:#070b14;--ec-glass:#080d18d6;--ec-cyan:#4fd8ff;--ec-red:#e0283a;--mb-pitch:10.8rem;--mb-row:12.6rem;--mb-right:32.4rem}html.ec-theme #hud .panel{box-shadow:none;isolation:isolate;background:0 0;border:none}html.ec-theme #hud .panel:before{content:"";z-index:-1;pointer-events:none;border-style:solid;border-width:2.4rem;border-image:var(--ui-panel_frame) 72 fill / 2.4rem / .4rem stretch;opacity:.94;filter:drop-shadow(0 .4rem .8rem #0000008c);position:absolute;inset:0}html.ec-theme #hud .currency:before,html.ec-theme #hud .zone:before{border-width:1.2rem;border-image-width:1.4rem;border-image-outset:.2rem}html.ec-theme #hud .quest:after{content:"";pointer-events:none;background:var(--ui-corner) center/contain no-repeat;width:6rem;height:6rem;position:absolute;top:-1.2rem;right:-1.2rem;transform:scaleX(-1)}html.ec-theme.pn-phone #hud .quest{border-radius:.8rem;box-shadow:inset 0 0 0 1px #d6b16280,inset 0 1px 0 1px #f6dd961f}html.ec-theme .quest-head{color:var(--ec-gold-hi);font-family:Georgia,Times New Roman,serif}html.ec-theme .quest-head .bang{background:var(--ui-marker_offer) center/contain no-repeat;color:#0000;border-radius:0;width:3.4rem;height:4.4rem}html.ec-theme .btn-go{background:var(--ui-pill_go) center/100% 100% no-repeat;text-shadow:0 .15rem .3rem #000c;border:none;height:5.6rem;padding:0 3rem;position:relative;box-shadow:0 0 1.4rem #4fd8ff59}html.ec-theme .btn-go.on{filter:brightness(1.25)saturate(1.2)}html.ec-theme #hud .bar{border:.15rem solid #d9b56abf;box-shadow:0 0 0 .15rem #0009,inset 0 .3rem .6rem #0009}html.ec-theme #hud .bar i{box-shadow:inset 0 .5rem .4rem #ffffff38}html.ec-theme #hud .bar b{background:#ffe9a6bf}html.ec-theme .pname,html.ec-theme .tname{font-family:Georgia,Times New Roman,serif}html.ec-theme .lvl{background:var(--ui-badge_level) center/contain no-repeat;width:4.8rem;height:5rem;color:var(--ec-gold-hi);border:none;bottom:-1.6rem}html.ec-theme .portrait.ring,html.ec-theme .tportrait.ring{border-color:var(--ec-gold);box-shadow:0 0 0 .2rem #2a1d08,0 0 0 .45rem #d9b56a8c,0 .4rem 1rem #000000b3}html.ec-theme .tportrait.ring{border-color:#b8402c}html.ec-theme .xp{background:linear-gradient(#0a0f1a,#04070d);border-top:.15rem solid #d9b56a99}html.ec-theme .menu-btn .ring{box-shadow:none;background:var(--ui-btn_menu) center bottom/contain no-repeat;border:none;height:8.6rem;overflow:visible}html.ec-theme .menu-btn svg{filter:drop-shadow(0 .15rem .2rem #000c);margin-top:.8rem}html.ec-theme .menu-btn label{color:#f1e6c8;text-shadow:var(--shadow);background:0 0;font-family:Georgia,serif}html.ec-theme .menu-btn{position:absolute}html.ec-theme .menu-btn.ec-mb{right:calc(var(--mb-right) + var(--col-d,0) * var(--mb-pitch))!important;top:calc(1.2rem + var(--row-d,0) * var(--mb-row))!important}html.ec-theme .menu-btn .ec-dot{background:var(--ui-dot_badge) center/contain no-repeat;width:2rem;height:2rem;display:none;position:absolute;top:.6rem;right:.6rem}html.ec-theme .menu-btn.ec-alert .ec-dot{display:block}html.ec-theme .ec-more,html.ec-theme .ec-drawer{display:none}html.ec-theme .ec-more{z-index:6;cursor:pointer;width:12.4rem;height:12.4rem;right:var(--mb-right);flex-direction:column;justify-content:center;align-items:center;position:absolute;top:.6rem}html.ec-theme .ec-more .ring{background:var(--ui-btn_menu) center bottom/contain no-repeat;justify-content:center;align-items:center;width:10rem;height:10.6rem;transition:transform 90ms,filter 90ms;display:flex}html.ec-theme .ec-more:active .ring{transform:scale(.92)}html.ec-theme .ec-more svg{filter:drop-shadow(0 .15rem .2rem #000c);width:5.4rem;height:5.4rem;margin-top:.8rem}html.ec-theme .ec-more label{display:none}html.ec-theme .ec-drawer{z-index:5;pointer-events:auto;box-sizing:border-box;right:calc(var(--mb-right) - 1.4rem);top:calc(.6rem + var(--mb-row) - 1.2rem);width:calc(var(--dock-n,6) * var(--mb-pitch) + 2.8rem);height:calc(2 * var(--mb-row) + 2rem);border-style:solid;border-width:2.4rem;border-image:var(--ui-panel_frame) 72 fill / 2.4rem / 0 stretch;filter:drop-shadow(0 .6rem 1.2rem #0009);animation:.14s ease-out ec-drawer;position:absolute}@keyframes ec-drawer{0%{opacity:0;transform:translateY(-1.6rem)}to{opacity:1;transform:none}}html.ec-theme .ec-count{box-sizing:border-box;text-align:center;color:#fff;background:#e8382c;border:.2rem solid #fff;border-radius:1.4rem;min-width:max(2.8rem,16px);height:max(2.8rem,16px);padding:0 .6rem;font:800 max(1.7rem,10px)/max(2.5rem,13px) system-ui,sans-serif;position:absolute;top:.2rem;right:.4rem;box-shadow:0 0 .8rem #ff3c28cc}html.ec-theme .ec-count[hidden]{display:none}html.ec-theme .sbtn .ring{box-shadow:none;background:radial-gradient(circle at 50% 40%,#16243c,#050912 72%);border:none}html.ec-theme .sbtn:before{content:"";z-index:2;pointer-events:none;background:var(--ui-ring_skill) center/contain no-repeat;position:absolute;inset:-7%}html.ec-theme .sbtn .num,html.ec-theme .sbtn .cnt,html.ec-theme .sbtn.locked:after{z-index:3}html.ec-theme .sbtn.attack:before{background-image:var(--ui-ring_attack);inset:-14%}html.ec-theme .sbtn.attack .ring{background:0 0}html.ec-theme .sbtn.attack svg,html.ec-theme .sbtn.jump svg{z-index:3}html.ec-theme .sbtn.auto .auto-label{z-index:3;font-family:Georgia,serif}html.ec-theme .sbtn.auto.on:before{filter:drop-shadow(0 0 .8rem #4fd8ffe6)}html.ec-theme .sbtn.ec-ready:after{content:"";z-index:2;pointer-events:none;background:var(--ui-ring_ready) center/contain no-repeat;animation:.6s ease-out forwards ec-ready;position:absolute;inset:-12%}@keyframes ec-ready{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.12)}}html.ec-theme .stick{box-shadow:none;background:var(--ui-stick_base) center/contain no-repeat, radial-gradient(circle, #0a122240, #060a1473 68%, transparent 70%);border:none}html.ec-theme .stick .arrow{display:none}html.ec-theme .stick .knob{background:var(--ui-stick_knob) center/contain no-repeat;border:none;box-shadow:0 .6rem 1.2rem #0000008c}html.ec-theme .minimap .mm-ring,html.ec-theme .minimap .cmp{pointer-events:none}html.ec-theme .minimap .mm-ring{border-color:var(--ec-gold);box-shadow:0 0 0 .25rem #1d1405,inset 0 0 0 .25rem #1d1405,0 0 0 .6rem #d9b56a59,0 .5rem 1.2rem #0009}html.ec-theme .minimap canvas{cursor:pointer}html.ec-theme .minimap .cmp{color:var(--ec-gold-hi);font-family:Georgia,serif}html.ec-theme .chat .lines{flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:4.2rem 1.8rem 1.4rem;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 1.6rem);mask-image:linear-gradient(#0000,#000 1.6rem)}html.ec-theme .chat .line{white-space:normal;text-overflow:clip;flex:none;line-height:2.8rem;overflow:visible}html.ec-theme .chat .line.chat{box-sizing:content-box;width:auto;height:auto;padding:0;position:static;bottom:auto;left:auto}html.ec-theme .pn-frame{box-shadow:none;isolation:isolate;background:0 0;border:none}html.ec-theme .pn-frame:before{z-index:-1;width:auto;height:auto;box-shadow:none;border-style:solid;border-width:3.6rem;border-image:var(--ui-panel_frame) 72 fill / 3.6rem stretch;opacity:.97;filter:drop-shadow(0 1.2rem 3rem #000000b3);background:0 0;inset:0;transform:none}html.ec-theme .pn-frame:after{width:40rem;height:4.4rem;box-shadow:none;background:var(--ui-divider) center/contain no-repeat;z-index:2;border:none;inset:-1.8rem auto auto 50%;transform:translate(-50%)}html.ec-theme .pn-title{background:0 0;border-bottom-color:#d9b56a59;font-family:Georgia,Times New Roman,serif}html.ec-theme .pn-orn{background:var(--ui-divider) right center/auto 220% no-repeat;width:14rem;height:2.2rem}html.ec-theme .pn-orn:after{display:none}html.ec-theme .pn-card{background:linear-gradient(#040810bf,#03060cd1);border-color:#d9b56a4d}html.ec-theme .pn-x{background:var(--ui-btn_menu) center/contain no-repeat;border:none}html.ec-theme .pn-btn-cyan{background:var(--ui-pill_go) center/100% 100% no-repeat;border:none}html.ec-theme .pn-btn-gold{border-color:var(--ec-gold-hi)}html.ec-theme .pn-dgn{top:13.4rem}html.ec-theme .pn-dgn-name{background:var(--ui-ribbon) center/100% 100% no-repeat;border:none;height:6rem;padding:0 7rem;font-family:Georgia,Times New Roman,serif}html.ec-theme .pn-boss{margin-top:.8rem}html.ec-theme .dmg{font-family:Georgia,Times New Roman,serif}@media (max-height:540px),(max-width:960px) and (pointer:coarse){:root{--mb-pitch:12.4rem;--mb-row:13.6rem}html.ec-theme .menu-btn{justify-content:center;width:12.4rem;height:12.4rem}html.ec-theme .menu-btn .ring{width:10rem;height:10.6rem}html.ec-theme .menu-btn svg{width:5.4rem;height:5.4rem}html.ec-theme .menu-btn label{display:none}html.ec-theme .menu-btn.ec-sec,html.ec-theme .menu-btn.ec-dup{visibility:hidden;pointer-events:none}html.ec-theme.ec-menu-open .menu-btn.ec-sec:not(.ec-dup){visibility:visible;pointer-events:auto;z-index:6}html.ec-theme .ec-more{display:flex}html.ec-theme #hud .pg-dock{display:none!important}html.ec-theme.ec-menu-open #hud .pg-dock{top:calc(.6rem + 2 * var(--mb-row));right:var(--mb-right);z-index:6;display:flex!important}html.ec-theme.ec-menu-open .ec-drawer{display:block}html.ec-theme .wb{top:13.4rem}html.ec-theme.ec-menu-open .ec-more .ring{filter:brightness(1.3)drop-shadow(0 0 .8rem #f7e2a2b3)}html.ec-theme .menu-btn.ec-mb{right:calc(var(--mb-right) + var(--col-p,0) * var(--mb-pitch))!important;top:calc(.6rem + var(--row-p,0) * var(--mb-row))!important}html.ec-theme .sbtn.jump{scale:1.16}html.ec-theme .sbtn.auto{translate:-1rem -.6rem;scale:1.15}html.ec-theme .btn-go:after{content:"";position:absolute;inset:-3.6rem -1rem}html.ec-theme .quest-head{position:relative}html.ec-theme .quest-head:after{content:"";position:absolute;inset:-2.6rem -1rem}html.ec-theme .pn-x:after{inset:-3.6rem}html.ec-theme .pn-tab{position:relative}html.ec-theme .pn-tab:after{content:"";position:absolute;inset:-3.2rem 0}html.ec-theme .pn-step-b{position:relative}html.ec-theme .pn-step-b:after{content:"";position:absolute;inset:-3.4rem -1rem}}html.ec-theme #hud .xp{left:calc(-1 * var(--safe-l));right:calc(-1 * var(--safe-r));padding-left:var(--safe-l)}html.ec-theme #world-ui .np-ent .n{font-size:max(2.1rem,11px)}html.ec-theme #world-ui .np-npc .n{font-size:max(1.9rem,11.5px)}html.ec-theme #world-ui .np-ent .s{margin-top:0;font-size:max(1.5rem,9.5px)}html.ec-theme #world-ui .np-ent .b{width:max(12rem,52px);height:max(.8rem,3px)}html.ec-theme #world-ui .np-ent .mk{font-size:max(5rem,22px);transform:translateY(max(-4.6rem,-20px))}html.ec-theme #world-ui .np-hero>*{zoom:1}html.ec-theme #world-ui .np-hero .plate{border-radius:999px;height:max(3.2rem,17px);padding:0 max(1.6rem,8px) 0 max(4rem,20px)}html.ec-theme #world-ui .np-hero .plate b{font-size:max(2.2rem,11.5px)}html.ec-theme #world-ui .np-hero .gem{border-width:1px;width:max(2.2rem,11px);height:max(2.2rem,11px);left:max(.9rem,5px)}html.ec-theme #world-ui .np-hero .title{letter-spacing:0;border-width:1px;margin-top:max(.3rem,2px);padding:max(.2rem,1px) max(1.2rem,6px);font-size:max(1.2rem,10px)}html.ec-theme .wb-b-t{font-size:max(2.6rem,12.5px)}html.ec-theme .wb-b-where{font-size:max(1.8rem,10px)}html.ec-theme .wb-b-clock{font-size:max(2.6rem,13px)}html.ec-theme .wb-go{min-width:max(11rem,54px);height:max(5.6rem,32px);position:relative}html.ec-theme .wb-go .pn-btn-l{font-size:max(2.2rem,12px)}html.ec-theme .wb-go:after{content:"";position:absolute;inset:-6px -4px}html.ec-theme #hud .sbtn.cp-hud:after{content:"";border-radius:50%;position:absolute;inset:-6px}html.ec-theme .pn-lb-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-right:6rem;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 6rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 6rem),#0000)}html.ec-theme .pn-lb-tabs::-webkit-scrollbar{display:none}html.ec-theme .pn-lb-tabs .pn-tab{scroll-snap-align:start;flex:none;padding:0 2rem}html.ec-theme #hud:has(.pg-dock [data-menu=Daily]) .menu-btn.ec-dup{display:none}html.ec-theme .pn-frame{background:linear-gradient(180deg, #1e345c8c, #060c1a59 30%, #02060e8c), radial-gradient(ellipse at 50% 0%, #5a8cdc2e, transparent 60%), var(--ui-leather) 0 0 / 34rem 34rem repeat, #0a1428;border-radius:1.2rem;box-shadow:0 1.2rem 4rem #000000bf,inset 0 0 6rem #0000008c}html.ec-theme .pn-frame:before{border-width:7rem;border-image:var(--ui-frame_ornate) 92 / 7rem / 0 stretch;opacity:1;filter:drop-shadow(0 0 .6rem #0009);z-index:3;pointer-events:none;inset:-.8rem}html.ec-theme .pn-frame:after{display:none}html.ec-theme .pn-title{z-index:4;background:0 0;border-bottom:none;gap:0;height:7.6rem;position:relative}html.ec-theme .pn-title .pn-orn{display:none}html.ec-theme .pn-title .pn-tt{box-sizing:border-box;border-style:solid;border-width:0 9rem;border-image:var(--ui-plaque) 0 90 fill / 0 9rem stretch;white-space:nowrap;letter-spacing:.2rem;color:#f8e3a8;text-shadow:0 .2rem .4rem #000000e6,0 0 1.4rem #f6cd6e73;justify-content:center;align-items:center;min-width:46rem;height:5.6rem;margin-top:-.6rem;padding:0 1.6rem;font-size:max(3.2rem,13px);display:inline-flex}html.ec-theme .pn-x{z-index:5;background:radial-gradient(circle at 50% 35%,#1d3460,#070f20 72%);border-radius:50%;top:1.2rem;right:1.4rem;box-shadow:0 0 0 .22rem #d9b56a,0 0 0 .45rem #0000008c,0 0 1rem #f6cd6e59}html.ec-theme .pn-card{background:linear-gradient(#0e182cb8,#040914d6);border:.15rem solid #d9b56a6b;border-radius:1rem;box-shadow:inset 0 .15rem #ffecbe14,inset 0 0 2.4rem #00000073,0 .3rem .8rem #00000059}html.ec-theme .pn-slot.r-none{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%237d93b8' stroke-opacity='0.16' stroke-width='1.2'%3E%3Cpath d='M20 9 31 20 20 31 9 20z'/%3E%3Cpath d='M20 14 26 20 20 26 14 20z'/%3E%3C/g%3E%3C/svg%3E") 50%/62% no-repeat,linear-gradient(#101c32cc,#060c18e6);border-color:#d9b56a29;box-shadow:inset 0 .25rem .8rem #000000b3,inset 0 -.1rem #ffecbe0d}html.ec-theme .pn-tab{background:linear-gradient(#1e2e4ae6,#0a1222f2);border:.14rem solid #d9b56a59;border-radius:.9rem .9rem .3rem .3rem;box-shadow:inset 0 .15rem #ffecbe1a}html.ec-theme .pn-tab.on{background:linear-gradient(#2a7bb0,#0c2c50 75%);border-color:#78dcffcc;box-shadow:inset 0 .15rem #c8f5ff59,0 0 1.2rem #45d3ff59}html.ec-theme .pn-achtoast-t small{font-size:max(1.7rem,10px)}html.ec-theme .pn-achtoast-t span{font-size:max(1.9rem,10.5px)}html.ec-theme .pn-achtoast.ec-over-panel{min-width:0;padding-top:max(.8rem,3px);padding-bottom:max(.8rem,3px)}html.ec-theme .pn-cp{z-index:1;gap:1rem;margin-top:1.4rem;position:relative}html.ec-theme .pn-cp .pn-wing{align-self:flex-end;width:5rem;height:3.6rem;margin-bottom:.6rem}@media (max-height:540px),(max-width:960px) and (pointer:coarse){html.ec-theme .pn-dgn{flex-direction:row;justify-content:center;align-items:center;gap:1.2rem}html.ec-theme .pn-dgn-name{height:4.6rem;padding:0 2.4rem}html.ec-theme .pn-dgn-name .pn-orn{display:none}html.ec-theme .pn-dgn-banner{gap:.8rem}html.ec-theme .pn-boss{width:56rem;height:7rem;margin-top:0}html.ec-theme .pn-boss-skull{width:7rem;height:7rem}html.ec-theme .pn-boss-n{margin-bottom:.2rem}html.ec-theme .pn-boss-bar{height:2.2rem}}:root{--hud-btn-primary:22rem;--hud-btn-secondary:max(12rem, 44px);--hud-btn-tertiary:max(9.6rem, 44px);--hud-mm:16.6rem;--hud-rim-w:max(.3rem, 1.5px);--hud-rim-gold:#d9b56ad9;--hud-rim-quiet:#cedcf06b;--hud-glass:#060c18a8;--hud-glass-hi:#16243cc7;--hud-shadow:0 .3rem .9rem #00000073}#hud .sbtn.hud-ctr{width:var(--d);height:var(--d);min-width:0;min-height:0;right:calc(var(--cr) - var(--d) / 2);bottom:calc(var(--cb) - var(--d) / 2)}#hud .sbtn.hud-ctr-t{bottom:auto;top:calc(var(--ct) - var(--d) / 2)}#hud .sbtn.hud-primary{--d:var(--hud-btn-primary)}#hud .sbtn.hud-secondary{--d:var(--hud-btn-secondary)}#hud .sbtn.hud-tertiary{--d:var(--hud-btn-tertiary)}html.ec-theme #hud .sbtn.jump,html.ec-theme #hud .sbtn.auto{translate:none;scale:none}html.ec-theme #hud .sbtn.skill:before{box-shadow:0 0 0 var(--hud-rim-w) var(--hud-rim-gold), 0 0 0 calc(var(--hud-rim-w) * 2) #00000080, var(--hud-shadow);background:0 0;border-radius:50%;inset:0}html.ec-theme #hud .sbtn.hud-tertiary:before,html.ec-theme #hud .sbtn.cp-hud:before{box-shadow:0 0 0 var(--hud-rim-w) var(--hud-rim-quiet), var(--hud-shadow);background:0 0;border-radius:50%;inset:0}html.ec-theme #hud .sbtn.hud-tertiary .ring,html.ec-theme #hud .sbtn.cp-hud .ring{box-shadow:none;background:radial-gradient(circle at 50% 38%, var(--hud-glass-hi), #040810d1 72%);border:none}html.ec-theme #hud .sbtn.auto.on:before,html.ec-theme #hud .sbtn.cp-hud.cp-on:before{box-shadow:0 0 0 var(--hud-rim-w) var(--ec-cyan), 0 0 1.4rem #4fd8ffb3;filter:none}html.ec-theme #hud .sbtn.auto .auto-label{letter-spacing:.05rem;font-family:inherit;font-size:max(1.9rem,10.5px)}#hud .sbtn.jump svg{width:56%;height:56%;inset:22%}#hud .sbtn.potion img{width:76%;height:76%;inset:12%}#hud .sbtn.potion .cnt{bottom:2%;right:8%}html.ec-theme #hud .stick{bottom:10rem;left:11rem}html.ec-theme #hud .menu-btn .ring,html.ec-theme #hud .ec-more .ring{width:8rem;height:8rem;box-shadow:0 0 0 max(.2rem, 1px) #d9b56a80, var(--hud-shadow);background:radial-gradient(circle at 50% 35%,#1c2c46c7,#060a14c7 72%);border-radius:50%}html.ec-theme #hud .menu-btn svg,html.ec-theme #hud .ec-more svg{width:4.4rem;height:4.4rem;margin-top:0}@media (max-height:540px),(max-width:960px) and (pointer:coarse){html.ec-theme #hud .menu-btn .ring,html.ec-theme #hud .ec-more .ring{width:9.6rem;height:9.6rem}html.ec-theme #hud .menu-btn svg,html.ec-theme #hud .ec-more svg{width:5rem;height:5rem}}html.ec-theme #hud .minimap{width:var(--hud-mm);height:var(--hud-mm);top:6.2rem;right:2.2rem}html.ec-theme #hud .minimap .mm-ring{border-width:var(--hud-rim-w);box-shadow:0 0 0 max(.2rem, 1px) #1d1405, inset 0 0 1.2rem #00000080, var(--hud-shadow)}#hud .minimap .cmp{line-height:1;transform:translate(-50%,-50%)}#hud:not(.mm-open) .minimap .cmp:not(.cmp-N){display:none}html.ec-theme #hud.mm-open .minimap .mm-ring{border-color:var(--ec-gold-hi);box-shadow:0 0 0 max(.2rem,1px) #1d1405,0 0 1.4rem #f6dd9673}html.ec-theme #hud .zone{right:2.2rem;top:calc(6.2rem + var(--hud-mm) + .4rem);min-width:var(--hud-mm);width:auto;box-shadow:none;background:0 0;border:none;padding:0}html.ec-theme #hud .zone:before{display:none}html.ec-theme #hud .zone .zn{font-size:max(1.9rem,10px)}html.ec-theme #hud.mm-open .zone .zc{display:block}html.ec-theme #hud .channel{display:none}html.ec-theme #hud.mm-open .channel{top:14rem;right:calc(2.2rem + var(--hud-mm) + 1.2rem);background:var(--hud-glass);width:auto;min-width:0;box-shadow:var(--hud-shadow);border:max(.12rem,1px) solid #d6b16273;border-radius:1.2rem;flex-direction:column;align-items:stretch;gap:.8rem;padding:1rem;animation:.14s ease-out hud-pop;display:flex}#hud .channel .ch-n{text-align:center;color:#d9e2ee;font-size:max(1.9rem,10.5px)}#hud .mm-full{box-sizing:border-box;cursor:pointer;border:max(.15rem, 1px) solid var(--ec-cyan);color:#fff;white-space:nowrap;background:linear-gradient(#1e385cf2,#0a162af2);border-radius:999px;justify-content:center;align-items:center;gap:.8rem;min-height:44px;padding:0 1.8rem;font-size:max(2.1rem,11.5px);font-weight:700;display:flex}#hud .mm-full svg{width:max(3rem,15px);height:max(3rem,15px)}#hud .mm-full:active{filter:brightness(1.25);transform:scale(.96)}@keyframes hud-pop{0%{opacity:0;transform:translate(1.2rem)}to{opacity:1;transform:none}}html.ec-theme #hud .currency{background:var(--hud-glass);box-shadow:none;border:none;gap:2.4rem;height:max(4rem,18px);padding:0 1.6rem}html.ec-theme #hud .currency:before{display:none}html.ec-theme #hud .quest{width:40rem;box-shadow:inset 0 0 0 max(.12rem, 1px) #d6b1626b, var(--hud-shadow);background:linear-gradient(#0e182cbd,#060c189e);border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1.2rem;padding:1rem 1.2rem 1.2rem 1.6rem;display:grid}html.ec-theme #hud .quest:before,html.ec-theme #hud .quest:after{display:none}html.ec-theme #hud .quest .quest-head{grid-column:1/-1;gap:1rem;margin-bottom:.6rem;padding-bottom:.4rem;font-size:max(2.3rem,12px)}html.ec-theme #hud .quest .quest-head .bang{flex:none;width:2.8rem;height:3.6rem}html.ec-theme #hud .quest .qt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}html.ec-theme #hud .quest .quest-obj{margin:0;font-size:max(2rem,11px)}html.ec-theme #hud .quest .btn-go{gap:.8rem;height:5rem;padding:0 2rem;font-size:max(2.3rem,12px)}html.ec-theme #hud .quest .btn-go svg{width:2.6rem;height:2.6rem}#hud .quest .go-chev{font-size:2rem}#hud .quest .q-gift{display:none}html.ec-theme #hud .quest.q-claim{box-sizing:border-box;cursor:pointer;border-radius:999px;align-items:center;width:auto;min-height:44px;padding:.6rem 2rem .6rem 1rem;display:flex}html.ec-theme #hud .quest.q-claim:active{filter:brightness(1.2)}#hud .quest.q-claim .quest-obj,#hud .quest.q-claim .btn-go,#hud .quest.q-claim .bang,#hud .quest.q-claim .chev{display:none}html.ec-theme #hud .quest.q-claim .quest-head{border:none;gap:1.4rem;margin:0;padding:0}#hud .quest.q-claim .q-gift{flex:none;width:max(4.4rem,20px);height:max(4.4rem,20px);display:block;position:relative}#hud .quest .q-gift svg{filter:drop-shadow(0 .15rem .2rem #000c);width:100%;height:100%}#hud .quest .q-count{box-sizing:border-box;color:#fff;text-align:center;background:#e8382c;border:max(.15rem,1px) solid #fff;border-radius:999px;min-width:max(2.6rem,15px);height:max(2.6rem,15px);padding:0 .5rem;font:800 max(1.6rem,10px)/calc(max(2.6rem,15px) - 2px) system-ui,sans-serif;position:absolute;top:-1rem;right:-1.2rem}html.ec-theme #hud .chat{box-sizing:border-box;background:linear-gradient(90deg,#040912b8,#0409128c 75%,#04091200);border-radius:.8rem;align-items:center;gap:1rem;width:64rem;height:auto;min-height:44px;padding:.6rem 1.6rem .6rem 1rem;transition:opacity .6s;display:flex;bottom:max(3.6rem,16px);left:36.4rem}html.ec-theme #hud .chat:before{display:none}html.ec-theme #hud .chat.chat-idle{opacity:.55}html.ec-theme #hud .chat .ico,html.ec-theme.pn-phone #hud .chat .ico{opacity:.85;flex:none;width:max(3rem,14px);height:max(2.4rem,11px);margin:0;display:block}html.ec-theme #hud .chat .lines{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;max-height:2.6em;font-size:max(2.2rem,11px);line-height:1.3;display:flex;position:static;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 .5em);mask-image:linear-gradient(#0000,#000 .5em)}html.ec-theme #hud .chat .line{font-size:inherit;line-height:inherit}html.ec-theme .pn-achtoast{border-width:max(.16rem,1px);gap:1.2rem;min-width:0;padding:.6rem 2.4rem .6rem .8rem;box-shadow:0 .6rem 1.6rem #00000080,0 0 1.2rem #f6cd6e4d}html.ec-theme .pn-achtoast .pn-ach-ico{width:5.6rem;height:5.6rem}html.ec-theme .pn-achtoast .pn-ach-ico svg{width:3.4rem;height:3.4rem}html.ec-theme .pn-achtoast-t span{display:none}html.ec-theme .pn-achtoast-t small{letter-spacing:.12rem;font-size:max(1.5rem,9.5px)}html.ec-theme .pn-achtoast-t b{font-size:max(2.4rem,12px)}html.ec-theme #hud:not(.hud-chat-open) .pn-achtoast:not(.ec-over-panel){bottom:max(15rem,66px);left:36.4rem;transform:none;top:auto!important}html.ec-theme #hud:not(.hud-chat-open) .pn-achtoast.pn-achtoast-in:not(.ec-over-panel){animation-name:hud-ach-in}@media (hover:hover) and (pointer:fine){html.ec-theme.ec-hide-stick #hud .chat,html.ec-theme.ec-hide-stick #hud:not(.hud-chat-open) .pn-achtoast:not(.ec-over-panel){left:1.6rem}}@keyframes hud-ach-in{0%{opacity:0;transform:translate(-2rem)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translateY(.8rem)}}#hud{--cpm-r:68rem;--cpp-r:80rem;--cp-b:9rem}html.ec-theme #hud .sbtn.cp-mount,html.ec-theme #hud .sbtn.cp-pet{min-width:0;min-height:0;width:var(--hud-btn-tertiary)!important;height:var(--hud-btn-tertiary)!important;bottom:calc(var(--cp-b) - var(--hud-btn-tertiary) / 2)!important}html.ec-theme #hud .sbtn.cp-mount{right:calc(var(--cpm-r) - var(--hud-btn-tertiary) / 2)!important}html.ec-theme #hud .sbtn.cp-pet{right:calc(var(--cpp-r) - var(--hud-btn-tertiary) / 2)!important}@media (pointer:coarse){html.ec-theme #hud .sbtn.cp-mount .cp-key,html.ec-theme.pn-phone #hud .sbtn.cp-mount .cp-key{border-radius:999px;min-width:0;height:auto;padding:0 max(.8rem,4px);font-size:0;line-height:1;display:flex;inset:max(-1.2rem,-6px) auto auto 50%;transform:translate(-50%)}html.ec-theme #hud .sbtn.cp-mount .cp-key:before{content:"Ride";font-size:max(1.5rem,9.5px);font-weight:700;line-height:1.35}}#hud.mm-open.auto-tucked .sbtn.auto{visibility:hidden;pointer-events:none}html.ec-theme #hud .tframe{top:max(1.8rem,7px)}html.ec-theme #hud .zone .zn{color:#f1e6c8;background:#040a1694;border-radius:999px;padding:.2rem 1.2rem;font-family:Georgia,Times New Roman,serif;display:inline-block}html.ec-theme #hud .pg-dock{right:calc(var(--mb-right) + ((var(--mb-n,6) - 1 - var(--dock-k,5)) * var(--mb-pitch) + 9rem) / 2)}html.ec-theme #hud .pg-btn .pg-ring{box-shadow:0 0 0 max(.2rem, 1px) #d9b56a80, var(--hud-shadow);background:radial-gradient(circle at 50% 35%,#1c2c46c7,#060a14c7 72%);border:none}html.ec-theme #hud .pg-btn label{color:#f1e6c8;background:0 0;font-family:Georgia,serif}html.ec-theme #hud .pg-btn[data-menu=Companions] .pg-ring svg{filter:grayscale()sepia()saturate(3.2)hue-rotate(-8deg)brightness(1.08)}@media (max-height:540px),(max-width:960px) and (pointer:coarse){#hud{--dk-pitch:max(14rem, 54px);--dk-k:max(6, var(--dock-k,6));--dr-row:calc(var(--mb-row) + max(3.6rem, 13px))}html.ec-theme.ec-menu-open .ec-drawer{right:calc(var(--mb-right) - 3rem);width:calc(var(--dk-k) * var(--dk-pitch) + 6rem);height:calc(2 * var(--dr-row) + 2.6rem)}html.ec-theme #hud .menu-btn.ec-mb.ec-sec{width:var(--dk-pitch);right:calc(var(--mb-right) + (var(--dk-k) - var(--sec-n,3)) * var(--dk-pitch) / 2 + var(--col-p,0) * var(--dk-pitch))!important}html.ec-theme.ec-menu-open #hud .menu-btn.ec-sec{gap:max(.4rem,1px);height:auto}html.ec-theme.ec-menu-open #hud .menu-btn.ec-sec label,html.ec-theme.ec-menu-open #hud .pg-dock .pg-btn label{padding:0;font-size:max(1.8rem,10px);display:block}html.ec-theme.ec-menu-open #hud .pg-dock{top:calc(.6rem + var(--mb-row) + var(--dr-row))}html.ec-theme.ec-menu-open #hud .pg-dock .pg-btn{width:var(--dk-pitch)}}@media (max-height:380px){html.ec-theme.ec-menu-open #hud>.sbtn.skill{visibility:hidden;pointer-events:none}}html.ec-theme #hud .wb-banner .wb-b-t{font-size:max(2.1rem,12px)}html.ec-theme #hud .wb-banner .wb-b-where{font-size:max(1.7rem,10px)}html.ec-theme #hud .wb-banner .wb-b-clock{font-size:max(1.9rem,10.5px)}html.ec-theme #hud .wb-banner .wb-go{min-width:max(8rem,44px);height:max(4.6rem,30px)}html.ec-theme .wb{top:13.4rem}html.ec-theme #hud .pn-dgn-banner{box-sizing:border-box;pointer-events:none;background:linear-gradient(#0e182cbd,#060c189e);border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem 1rem;width:auto;min-width:40rem;max-width:max(48rem,214px);margin:0;padding:.7rem .8rem .7rem 1.4rem;display:grid;position:absolute;top:0;left:1.4rem;box-shadow:inset 0 0 0 max(.12rem,1px) #d6b16273,0 .3rem .9rem #00000073}html.ec-theme #hud .pn-dgn-name{color:#ffe6bd;white-space:nowrap;background:0 0;border:none;grid-column:1/-1;justify-content:flex-start;gap:.8rem;height:auto;padding:0;font-size:max(2.1rem,12px);overflow:hidden}html.ec-theme #hud .pn-dgn-name .pn-orn{display:none}html.ec-theme #hud .pn-dgn-banner.hud-dup .pn-dgn-name b{font-size:0}html.ec-theme #hud .pn-dgn-banner.hud-dup .pn-dgn-name b .pn-dgn-tier{font-size:max(1.7rem,10px)}html.ec-theme #hud .pn-dgn-banner.hud-dup .pn-dgn-name:not(:has(.pn-dgn-tier)){display:none}html.ec-theme #hud .pn-dgn-timer{justify-self:start;margin:0;padding:.1rem 1.2rem;font-size:max(1.9rem,10.5px)}html.ec-theme #hud .pn-dgn-leave{pointer-events:auto;min-height:44px;margin:0}html.ec-theme #hud .pn-boss{width:60rem;max-width:44vw;height:auto;margin-top:0}html.ec-theme #hud .pn-boss-skull{width:max(5.6rem,26px);height:max(5.6rem,26px)}html.ec-theme #hud .pn-boss-r{margin-left:-1.8rem;padding:.3rem 1.4rem .5rem 2.6rem}html.ec-theme #hud .pn-boss-n{margin-bottom:.2rem;font-size:max(1.9rem,10.5px)}html.ec-theme #hud .pn-boss-bar{height:max(1.9rem,12px)}html.ec-theme #hud .pn-boss-bar span{font-size:max(1.5rem,9.5px)}#hud .pn-boss.pn-hitfx .pn-boss-skull{animation:.2s pnShake}#hud .has-hud-ico>svg{opacity:0;width:0;height:0;position:absolute;overflow:hidden}#hud .hud-ico{object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 .2rem .3rem #000000bf);width:88%;height:88%;display:block}#hud .menu-btn .ring.has-hud-ico,#hud .ec-more .ring.has-hud-ico,#hud .pg-btn .pg-ring.has-hud-ico{overflow:visible}#hud .sbtn.has-hud-ico>.hud-ico{z-index:3;width:78%;height:78%;position:absolute;top:9%;left:11%}#hud .sbtn.auto.has-hud-ico>.hud-ico{width:70%;height:70%;top:5%;left:15%}#hud .sbtn.auto.has-hud-ico .auto-label{letter-spacing:.04rem;align-items:flex-end;padding-bottom:6%;font-size:max(1.4rem,8.5px)}#hud .sbtn.auto.on.has-hud-ico>.hud-ico{filter:drop-shadow(0 0 .8rem #4fd8fff2)}html.ec-theme #hud .menu-btn .ring,html.ec-theme #hud .ec-more .ring,html.ec-theme #hud .pg-btn .pg-ring{background:radial-gradient(circle at 50% 35%,#18263e9e,#0509129e 72%);box-shadow:0 0 0 1px #d9b56a6b,0 .2rem .6rem #00000059}html.ec-theme #hud .sbtn.hud-tertiary:before,html.ec-theme #hud .sbtn.cp-hud:before{box-shadow:0 0 0 1px #d9b56a61,0 .2rem .6rem #00000059}html.ec-theme #hud .sbtn.hud-tertiary .ring{background:radial-gradient(circle at 50% 38%,#16243c99,#040810b3 72%)}html.ec-theme #hud .sbtn.skill:before{box-shadow:0 0 0 1px #d9b56abf,0 0 0 2px #00000073,0 .2rem .6rem #00000059}#hud .portrait-wrap{width:10rem!important;height:10rem!important;top:1.2rem!important;left:1.4rem!important}#hud .portrait{width:10rem;height:10rem}#hud .portrait-wrap:before{left:4.2rem}#hud .portrait-wrap:after{top:4.2rem}#hud .pframe-back{width:33rem;height:9rem;top:1.2rem;left:6rem}#hud .pname{font-size:max(2.2rem,12px);top:.6rem!important;left:13.8rem!important}#hud .bar.hp{width:30rem!important;height:2rem!important;top:4.2rem!important;left:13rem!important}#hud .bar.mp{width:30rem!important;height:1.6rem!important;top:6.6rem!important;left:13rem!important}#hud .buffs{top:9rem!important;left:13.4rem!important}#hud .combat-chip{top:8.6rem;left:8.4rem}#hud .quest .q-prog{color:#e9eef6;font-variant-numeric:tabular-nums;margin-left:auto;padding-left:1rem;font-family:inherit;font-size:max(2rem,11px);display:none}html.ec-theme #hud .quest .quest-head .chev{cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;width:max(4.4rem,36px);height:max(4.4rem,36px);margin:-1.2rem -.8rem -1.2rem auto;display:flex;position:relative;transform:none}#hud .quest .chev:before{content:"";border-top:max(.3rem,2px) solid #e8edf5;border-left:max(.3rem,2px) solid #e8edf5;width:1.4rem;height:1.4rem;transition:transform .14s;transform:rotate(45deg)translate(.25rem,.25rem)}#hud .quest .q-prog+.chev{margin-left:0}html.ec-theme #hud:not(.hud-town) .quest:not(.q-claim):not([data-fold=open]),html.ec-theme #hud.hud-town .quest[data-fold=closed]:not(.q-claim){box-sizing:border-box;width:40rem;min-height:44px;padding:.4rem .8rem .4rem 1.2rem}#hud:not(.hud-town) .quest:not(.q-claim):not([data-fold=open]) .quest-head,#hud.hud-town .quest[data-fold=closed]:not(.q-claim) .quest-head{border:none;grid-area:1/1;margin:0;padding:0;font-size:max(2.1rem,11.5px)}#hud:not(.hud-town) .quest:not(.q-claim):not([data-fold=open]) .quest-obj,#hud.hud-town .quest[data-fold=closed]:not(.q-claim) .quest-obj{display:none}#hud:not(.hud-town) .quest:not(.q-claim):not([data-fold=open]) .q-prog,#hud.hud-town .quest[data-fold=closed]:not(.q-claim) .q-prog{display:inline}#hud:not(.hud-town) .quest:not(.q-claim):not([data-fold=open]) .btn-go,#hud.hud-town .quest[data-fold=closed]:not(.q-claim) .btn-go{grid-area:1/2;gap:.6rem;height:max(4rem,26px);padding:0 1.4rem;font-size:max(2rem,11px)}#hud:not(.hud-town) .quest:not(.q-claim):not([data-fold=open]) .chev:before,#hud.hud-town .quest[data-fold=closed]:not(.q-claim) .chev:before{transform:rotate(225deg)translate(.25rem,.25rem)}html.ec-theme #hud:not(.hud-town) .quest:not(.q-claim):not([data-fold=open]),html.ec-theme #hud.hud-town .quest[data-fold=closed]:not(.q-claim){width:max-content;max-width:60vw}#hud>.sbtn.skill,#hud>.sbtn.potion{transition:opacity .25s}#hud.hud-town>.sbtn.skill,#hud.hud-town>.sbtn.potion{opacity:0;visibility:hidden;pointer-events:none}#hud.hud-town>.sbtn.auto{right:calc(var(--cr-town,var(--cr)) - var(--d) / 2);bottom:calc(var(--cb-town,var(--cb)) - var(--d) / 2);top:auto}#hud .hud-sc{display:none}@media (max-height:540px),(max-width:960px) and (pointer:coarse){#hud.hud-town .hud-sc{display:flex}}#hud.hud-town .hud-sc{cursor:pointer;z-index:4;--sc-d:var(--hud-btn-tertiary);--sc-pitch:calc(var(--sc-d) + max(2.8rem, 13px));width:var(--sc-d);right:var(--sc-r,2.2rem);top:calc(var(--sc-top,30rem) + var(--si) * var(--sc-pitch));flex-direction:column;align-items:center}#hud.hud-town .hud-sc:before{content:"";width:var(--sc-d);height:var(--sc-d);background:radial-gradient(circle at 50% 35%,#18263e9e,#0509129e 72%);border-radius:50%;flex:none;box-shadow:0 0 0 1px #d9b56a6b,0 .2rem .6rem #00000059}#hud .hud-sc>.hud-ico{top:calc(var(--sc-d) * .06);width:calc(var(--sc-d) * .88);height:calc(var(--sc-d) * .88);position:absolute}#hud .hud-sc label{color:#f1e6c8;text-shadow:var(--shadow);white-space:nowrap;font-family:Georgia,serif;font-size:max(1.6rem,9.5px)}#hud .hud-sc.press:before{filter:brightness(1.3)}#hud .hud-sc-badge{box-sizing:border-box;text-align:center;color:#fff;background:#e8382c;border:max(.15rem,1px) solid #fff;border-radius:999px;min-width:max(2.6rem,15px);height:max(2.6rem,15px);padding:0 .5rem;font:800 max(1.5rem,9.5px)/max(2.3rem,13px) system-ui,sans-serif;position:absolute;top:-.4rem;right:.2rem}#hud .hud-sc-badge[hidden]{display:none}@media (max-height:540px),(max-width:960px) and (pointer:coarse){html.ec-theme #hud.hud-town .menu-btn:not(.ec-sec){height:auto}html.ec-theme #hud.hud-town .menu-btn:not(.ec-sec) label{margin-top:-.4rem;font-size:max(1.6rem,9.5px);display:block}html.ec-theme #hud.hud-combat:not(.hud-town):not(.hud-keep-menu) .menu-btn:not(.ec-sec){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}}@media (max-height:460px){#hud.hud-town .hud-sc{--sc-pitch:calc(var(--sc-d) + max(1rem, 5px))}#hud.hud-town .hud-sc label{display:none}}html.ec-theme.ec-menu-open #hud.hud-combat .menu-btn:not(.ec-sec){opacity:1;visibility:visible;pointer-events:auto}html.ec-theme #hud .pn-loot{max-height:var(--loot-room,30rem);align-items:flex-start;gap:max(.5rem,2px);top:26rem;left:1.4rem;right:auto;overflow:hidden}html.ec-theme #hud .pn-lootrow{background:linear-gradient(90deg,#060c18d1,#060c188c 70%,#060c1800);border-radius:0 1rem 1rem 0;flex:none;padding:.4rem 2.4rem .4rem .4rem;animation-name:hudLootIn}html.ec-theme #hud .pn-lootrow.pn-out{transform:translate(-3rem)}@keyframes hudLootIn{0%{opacity:0;transform:translate(-4rem)}}html.ec-theme #hud .pn-lootrow .pn-slot{width:max(5rem,22px);height:max(5rem,22px)}html.ec-theme #hud .pn-lootrow-t{font-size:max(2.1rem,11px)}#hud .tsub{color:#f1d7cf;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:max(1.8rem,10px);font-weight:600}#hud .tsub:empty{display:none}#hud .tsub.low{color:#ff8a7a}html.ec-theme #hud .tframe.hostile .tback{background:linear-gradient(90deg,#300a0cb8,#18080a80);height:10.4rem;box-shadow:inset 0 0 0 1px #e05a4a8c}html.ec-theme #hud .tframe.hostile .tname{color:#ffb8ac}html.ec-theme #hud .tframe.hostile .tportrait.ring{border-color:#e0503c;box-shadow:0 0 0 .2rem #2a0806,0 0 1.2rem #f04632a6}#hud .sbtn.potion.pot-locked img{filter:grayscale()brightness(.55)}#hud .sbtn.potion.pot-locked .cnt,#hud .sbtn.potion.pot-locked .cd,#hud .sbtn.potion.pot-locked .num{visibility:hidden}#hud .sbtn.potion .pot-lock{display:none}#hud .sbtn.potion.pot-locked .pot-lock{z-index:4;background:#0a0e18e6;border-radius:50%;justify-content:center;align-items:center;width:44%;height:44%;display:flex;position:absolute;bottom:-2%;right:-2%;box-shadow:0 0 0 1px #d9b56a99}#hud .sbtn.potion .pot-lock svg{width:62%;height:62%}#hud .sbtn.potion.pot-nudge{animation:.32s ease-out potNudge}@keyframes potNudge{20%{translate:-.6rem}45%{translate:.6rem}70%{translate:-.3rem}to{translate:0}}:root{--pn-gold:#d6b162;--pn-gold-hi:#f6dd96;--pn-gold-lo:#8a6a2c;--pn-cyan:#45d3ff;--pn-ink:#0a1426;--pn-line:#d6b16273;--pn-dim:#8fa3bd;--pn-text:#f4f7fb;--pn-ok:#8ff08f;--pn-bad:#ff6b5f}.pn-scrim{z-index:50;pointer-events:auto;background:radial-gradient(#040a168c,#02050cd1);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pn-scrim.pn-in{animation:.15s ease-out pnFade}.pn-scrim.pn-in>.pn-frame{animation:.15s ease-out pnPop}.pn-scrim.pn-out{pointer-events:none;animation:.15s ease-in reverse forwards pnFade}.pn-scrim.pn-out>.pn-frame{animation:.15s ease-in reverse forwards pnPop}@keyframes pnFade{0%{opacity:0}to{opacity:1}}@keyframes pnPop{0%{opacity:0;transform:translateY(2.4rem)scale(.975)}to{opacity:1;transform:none}}@keyframes pnSheet{0%{transform:translateY(100%)}to{transform:none}}.pn-frame{box-sizing:border-box;color:var(--pn-text);background:linear-gradient(#162c4ef7,#091326f7 60%,#070f1efa);border:.2rem solid #d6b162e6;border-radius:1.6rem;flex-direction:column;display:flex;position:relative;box-shadow:inset 0 0 0 .5rem #00000038,inset 0 0 0 .62rem #d6b16238,inset 0 0 3rem #4696ff1f,0 1.2rem 4rem #000000b3}.pn-frame:before,.pn-frame:after{content:"";z-index:2;border:.2rem solid var(--pn-gold);background:linear-gradient(135deg,#bff3ff,#2aa6e0);width:1.8rem;height:1.8rem;position:absolute;transform:rotate(45deg);box-shadow:0 0 1rem #45d3ff99}.pn-frame:before{top:-1rem;left:-1rem}.pn-frame:after{bottom:-1rem;right:-1rem}.pn-title{letter-spacing:.15rem;height:7.4rem;color:var(--pn-gold-hi);text-shadow:0 0 1.2rem #f6dd9659, var(--shadow);border-bottom:.15rem solid var(--pn-line);background:linear-gradient(#d6b1621a,#0000);border-radius:1.4rem 1.4rem 0 0;flex:none;justify-content:center;align-items:center;gap:2rem;font-size:3.4rem;font-weight:700;display:flex}.pn-orn{background:linear-gradient(90deg, transparent, var(--pn-gold));width:12rem;height:.3rem;display:inline-block;position:relative}.pn-orn.r{transform:scaleX(-1)}.pn-orn:after{content:"";background:var(--pn-gold-hi);width:1.1rem;height:1.1rem;box-shadow:0 0 .8rem var(--pn-gold);position:absolute;top:-.55rem;right:-.6rem;transform:rotate(45deg)}.pn-x{z-index:3;cursor:pointer;border:.25rem solid var(--pn-gold);background:radial-gradient(circle at 50% 35%,#2a4a74,#0c1a33 70%);border-radius:50%;justify-content:center;align-items:center;width:5.2rem;height:5.2rem;display:flex;position:absolute;top:1.2rem;right:1.6rem;box-shadow:0 .3rem .8rem #0009}.pn-x svg{width:2.6rem;height:2.6rem;stroke:var(--pn-gold-hi);stroke-width:3px;stroke-linecap:round;fill:none}.pn-x:after{content:"";position:absolute;inset:-1.6rem}.pn-x.pn-press{transform:scale(.92)}.pn-body{box-sizing:border-box;flex:1;gap:1.6rem;min-height:0;padding:2rem 2.4rem 2.4rem;display:flex}.pn-col{flex-direction:column;min-height:0;display:flex}.pn-card{border:.15rem solid var(--pn-line);box-sizing:border-box;background:linear-gradient(#060e1eb8,#040a16c7);border-radius:1.2rem;box-shadow:inset 0 0 1.6rem #4696ff14}.pn-scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6b16280 transparent;overflow:hidden auto}.pn-scroll::-webkit-scrollbar{width:.6rem}.pn-scroll::-webkit-scrollbar-thumb{background:#d6b16280;border-radius:.3rem}.pn-hint{color:var(--pn-dim);font-size:max(2.1rem, var(--pn-minfs,0px));text-align:center;padding:2rem;line-height:1.4}.pn-hint .gold,.gold{color:var(--pn-gold-hi)}.pn-sect{font-size:max(2rem, var(--pn-minfs,0px));color:var(--pn-gold);letter-spacing:.1rem;text-transform:uppercase;align-items:center;gap:1rem;margin:1.6rem 0 .8rem;font-weight:700;display:flex}.pn-sect:after{content:"";background:linear-gradient(90deg, var(--pn-line), transparent);flex:1;height:.12rem}.dim{color:var(--pn-dim);font-weight:500}.bad{color:var(--pn-bad)!important}.pn-btn{box-sizing:border-box;cursor:pointer;color:#fff;min-width:20rem;height:7rem;text-shadow:var(--shadow);border-radius:3.5rem;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.1rem;padding:0 3rem;font-weight:700;transition:transform 80ms,filter .12s;display:inline-flex;position:relative}.pn-btn-l{font-size:max(2.7rem, var(--pn-minfs,0px));white-space:nowrap;line-height:1.1}.pn-btn-s{font-size:max(1.7rem, var(--pn-minfs,0px));opacity:.95;white-space:nowrap;font-weight:600;line-height:1.1}.pn-btn-s .pn-coins{gap:1rem}.pn-btn-s .coin{vertical-align:-.25rem;width:1.6rem;height:1.6rem;margin-right:.5rem}.pn-btn-cyan{border:.28rem solid var(--pn-cyan);background:linear-gradient(#1d5a86,#0d2c4f 60%,#0a1f3a);box-shadow:0 0 1.4rem #45d3ff59,inset 0 0 1rem #45d3ff40}.pn-btn-gold{border:.28rem solid var(--pn-gold-hi);background:linear-gradient(#f0c766,#c0892a 50%,#8a5c14);box-shadow:0 0 1.4rem #f6cd6e59,inset 0 .2rem .4rem #fff5c880}.pn-btn-red{background:linear-gradient(#8e2430,#4e0f18);border:.28rem solid #ff8b7a;box-shadow:0 0 1rem #ff5a5040}.pn-btn-dark{background:linear-gradient(#1a2d4a,#0b1628);border:.22rem solid #d6b162b3}.pn-btn.pn-press{filter:brightness(1.15);transform:scale(.95)}.pn-btn.pn-disabled{filter:grayscale(.85)brightness(.65);cursor:default}.pn-btn-xl{border-radius:4.5rem;min-width:42rem;height:9rem}.pn-btn-xl .pn-btn-l{letter-spacing:.1rem;font-size:3.4rem}.pn-go .pn-btn-l:before{content:"";vertical-align:-.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23e8f6ff' d='M44 22v4l-16-2-6 16h-4l2-16-10-1-3 5H4l2-8-2-8h3l3 5 10-1-2-16h4l6 16z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:2.8rem;height:2.8rem;margin-right:1.2rem;display:inline-block}.pn-glow{animation:1.6s ease-in-out infinite pnGlow}@keyframes pnGlow{0%,to{box-shadow:0 0 1.2rem #f6cd6e66,inset 0 .2rem .4rem #fff5c880}50%{box-shadow:0 0 3.2rem #ffdc78f2,0 0 6rem #ffc85a59,inset 0 .2rem .4rem #fff5c880}}.pn-tabs{flex:none;gap:.8rem;display:flex}.pn-tab{height:6rem;font-size:max(2.2rem, var(--pn-minfs,0px));color:#c8d4e4;cursor:pointer;white-space:nowrap;background:linear-gradient(#1a2d4ae6,#0a1426e6);border:.15rem solid #d6b16273;border-bottom:none;border-radius:1.2rem 1.2rem 0 0;justify-content:center;align-items:center;padding:0 2.2rem;font-weight:600;display:flex}.pn-tab.on{color:#fff;border-color:var(--pn-cyan);text-shadow:0 0 .8rem #78dcffb3;background:linear-gradient(#1e6a96,#0c2b4c);box-shadow:0 0 1.4rem #45d3ff66,inset 0 .2rem .8rem #8ce6ff59}.pn-tab.pn-press{filter:brightness(1.2)}.pn-input{box-sizing:border-box;width:100%;height:7rem;font:inherit;font-size:max(2.8rem, var(--pn-minfs,0px));color:#fff;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#030914cc;border:.2rem solid #d6b16299;border-radius:1.2rem;outline:none;padding:0 2.2rem;box-shadow:inset 0 .3rem .8rem #0009}.pn-input:focus{border-color:var(--pn-cyan);box-shadow:inset 0 .3rem .8rem #0009,0 0 1.2rem #45d3ff73}.pn-input::placeholder{color:#5d6f88}.pn-step{flex:none;align-items:center;gap:.6rem;display:inline-flex}.pn-step-b{width:5.6rem;height:5.6rem;font-size:max(3rem, var(--pn-minfs,0px));cursor:pointer;color:var(--pn-gold-hi);background:linear-gradient(#1d3554,#0b1830);border:.18rem solid #d6b162b3;border-radius:1rem;justify-content:center;align-items:center;font-weight:700;display:flex}.pn-step-max{width:auto;font-size:max(1.8rem, var(--pn-minfs,0px));padding:0 1.4rem}.pn-step-n{min-width:6.4rem;height:5.6rem;font-size:max(2.6rem, var(--pn-minfs,0px));background:#00000073;border:.12rem solid #ffffff1a;border-radius:1rem;justify-content:center;align-items:center;font-weight:700;display:flex}.pn-step-b.pn-press{transform:scale(.92)}.pn-step.pn-step-one{opacity:.45;pointer-events:none}.pn-coins{white-space:nowrap;align-items:center;gap:1.6rem;font-weight:700;display:inline-flex}.pn-coin{align-items:center;display:inline-flex}.pn-coin .coin{vertical-align:0;width:2.2rem;height:2.2rem;margin-right:.7rem}.pn-tag{font-size:max(1.6rem, var(--pn-minfs,0px));vertical-align:.3rem;color:#1b1200;background:linear-gradient(#ffe08a,#d39a1c);border-radius:.8rem;margin-left:1rem;padding:.1rem 1rem;font-weight:700;display:inline-block}.pn-badge{font-size:max(1.6rem, var(--pn-minfs,0px));color:#cbd6e6;border:.12rem solid #5d6f88;border-radius:1rem;margin-left:1rem;padding:.2rem 1.2rem;font-weight:700;display:inline-block}.pn-badge.ok{color:var(--pn-ok);border-color:var(--pn-ok)}.pn-badge.cy{color:var(--pn-cyan);border-color:var(--pn-cyan)}.pn-slot{box-sizing:border-box;border:.24rem solid var(--rc,#ffffff1a);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--rc,#24324a) 32%, #142540), #08111f 80%);width:10.4rem;height:10.4rem;box-shadow:inset 0 0 1.4rem color-mix(in srgb, var(--rc,#000) 40%, transparent), 0 .2rem .5rem #00000080;border-radius:1.3rem;flex:none;position:relative}.pn-slot.r-none{background:linear-gradient(#0e1a2ebf,#060d1ad9);border-color:#8caad224;box-shadow:inset 0 .2rem .8rem #0009}.pn-slot.r-common{--rc:#9aa4b2}.pn-slot.r-epic{box-shadow:inset 0 0 1.8rem #b66bff8c,0 0 1rem #b66bff59}.pn-slot.r-rare{box-shadow:inset 0 0 1.6rem #4aa3ff80,0 0 .8rem #4aa3ff40}.pn-slot.pn-sel{outline:.3rem solid var(--pn-cyan);outline-offset:.25rem;box-shadow:0 0 2rem #45d3ffcc,inset 0 0 1.6rem #45d3ff66}.pn-slot.pn-press{transform:scale(.94)}.pn-ico{position:absolute;inset:.6rem}.pn-ico img,.pn-emblem{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pn-emblem{box-sizing:border-box;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--em) 70%, #fff 12%), var(--em) 75%);border-radius:.9rem;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.pn-emblem svg{filter:drop-shadow(0 .15rem .2rem #000000b3);width:82%;height:82%}.pn-qty{font-size:max(2rem, var(--pn-minfs,0px));text-shadow:var(--shadow);font-weight:700;position:absolute;bottom:.2rem;right:.7rem}.pn-chip{background:#ffffff0a;border:.12rem solid #ffffff12;border-radius:1rem;align-items:center;gap:1rem;padding:.6rem 1.6rem .6rem .6rem;display:inline-flex}.pn-chip .pn-slot{border-width:.2rem;border-radius:.9rem;width:6rem;height:6rem}.pn-chip .pn-ico{inset:.35rem}.pn-chip-t{font-size:max(2rem, var(--pn-minfs,0px));align-items:baseline;gap:.8rem;display:flex}.pn-chip-t em{color:#fff;font-style:normal;font-weight:700}.pn-chip.pn-pickable{cursor:pointer;border:.2rem solid #d6b16259}.pn-chip.pn-pickable.on{border-color:var(--pn-cyan);background:#45d3ff24;box-shadow:0 0 1.4rem #45d3ff73}.pn-chip.pn-pickable.on:after{content:"✓";color:var(--pn-cyan);font-weight:900;font-size:max(2.6rem, var(--pn-minfs,0px));margin-left:.4rem}.pn-inv{width:190rem;height:94rem}.pn-inv .pn-body{gap:1.8rem}.pn-char{background:radial-gradient(at 50% 62%,#286eb459,#0000 60%),linear-gradient(#060e1eb8,#040a16d9);width:49rem;padding:1.8rem;position:relative;overflow:hidden}.pn-char-head{align-items:center;gap:1.4rem;display:flex}.pn-char-lv{width:6.4rem;height:6.4rem;font-size:max(2.6rem, var(--pn-minfs,0px));border:.3rem solid var(--pn-gold);background:radial-gradient(circle at 50% 35%,#2a3e5c,#0b1626);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 0 1rem #d6b16259}.pn-char-name{text-shadow:var(--shadow);font-size:3.2rem;font-weight:700}.pn-char-cls{font-size:max(1.9rem, var(--pn-minfs,0px));color:var(--pn-gold);border-top:.15rem solid var(--pn-cyan);margin-top:.2rem;padding-top:.2rem;display:inline-block}.pn-char-stage{flex:1;min-height:0;margin:1.4rem 0 1rem;position:relative}.pn-preview{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0 12rem;overflow:hidden}.pn-preview:after{content:"";pointer-events:none;background:radial-gradient(#45d3ff8c,#45d3ff1f 50%,#0000 70%);border-radius:50%;height:4.6rem;position:absolute;bottom:0;left:10%;right:10%}.pn-preview:empty:before{content:"";opacity:.22;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 120'%3E%3Cg fill='%2389c8ff'%3E%3Ccircle cx='30' cy='13' r='9'/%3E%3Cpath d='M16 26h28l6 34-6 2-4-22v30l4 46h-9l-5-40-5 40h-9l4-46V40l-4 22-6-2z'/%3E%3C/g%3E%3C/svg%3E") bottom/contain no-repeat;position:absolute;inset:4% 15% 3%}.pn-preview>img,.pn-preview>canvas{z-index:1;object-fit:contain;max-width:100%;max-height:100%;position:relative}.pn-eq-col{z-index:2;flex-direction:column;gap:1.2rem;display:flex;position:absolute;top:0;bottom:0}.pn-eq-col.l{left:0}.pn-eq-col.r{align-items:flex-end;right:0}.pn-eq{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.pn-eq .pn-slot{width:10.4rem;height:10.4rem}.pn-eq-lab{font-size:max(1.7rem, var(--pn-minfs,0px));color:var(--pn-dim);height:1.8rem;margin-top:.2rem}.pn-eq.pn-sel .pn-slot{outline:.3rem solid var(--pn-cyan);outline-offset:.25rem;box-shadow:0 0 2rem #45d3ffcc}.pn-eq.pn-press .pn-slot{transform:scale(.94)}.pn-eq-empty{justify-content:center;align-items:center;display:flex;background:#060d1a99!important;border:.2rem dashed #8caad24d!important}.pn-eq-empty svg{width:70%;height:70%}.pn-char-stats{flex-direction:column;gap:.6rem;width:11rem;margin-top:1.6rem;display:flex}.pn-char-stats div{font-size:max(1.7rem, var(--pn-minfs,0px));background:#00000059;border-radius:.6rem;justify-content:space-between;padding:.4rem .8rem;display:flex}.pn-char-stats span{color:var(--pn-dim)}.pn-cp{text-align:center;justify-content:center;align-items:center;gap:2rem;display:flex}.pn-cp-l{font-size:max(2.2rem, var(--pn-minfs,0px));color:#bfe9ff;font-weight:600}.pn-cp-v{background:linear-gradient(#fff6c8,#f2c04a 55%,#b07816);color:#0000;filter:drop-shadow(0 .3rem .3rem #000c);-webkit-background-clip:text;background-clip:text;font-size:5.2rem;font-style:italic;font-weight:900;line-height:1}.pn-wing{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E%3Cdefs%3E%3ClinearGradient id='w' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e9fdff'/%3E%3Cstop offset='.5' stop-color='%237fdcff'/%3E%3Cstop offset='1' stop-color='%231f74b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23w)' d='M88 40L4 2l30 30z'/%3E%3Cpath fill='url(%23w)' opacity='.8' d='M88 44L2 26l32 20z'/%3E%3Cpath fill='url(%23w)' opacity='.6' d='M88 48L10 52l30 4z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:7rem;height:5rem}.pn-wing.r{transform:scaleX(-1)}.pn-gridcol{flex:1;min-width:0}.pn-gridcol .pn-tabs{padding-left:1rem}.pn-gridcard{border-top-left-radius:.4rem;flex-direction:column;flex:1;min-height:0;padding:1.8rem;display:flex}.pn-grid{flex:1;grid-template-columns:repeat(6,11rem);grid-auto-rows:11rem;place-content:start center;gap:1.3rem;padding:.4rem;display:grid}.pn-grid .pn-slot{width:11rem;height:11rem}.pn-grid .pn-slot:not(.r-none){cursor:pointer}.pn-grid-foot{font-size:max(2.2rem, var(--pn-minfs,0px));border-top:.12rem solid #d6b16240;flex:none;justify-content:space-between;align-items:center;margin-top:1rem;padding:1.4rem 1rem 0;display:flex}.pn-cap{color:var(--pn-dim)}.pn-cap b{color:#fff}.pn-detail{width:49rem;padding:2rem}.pn-d-head{border-bottom:.12rem solid #d6b1624d;align-items:flex-start;gap:1.8rem;padding-bottom:1.6rem;display:flex}.pn-d-ico{width:12rem!important;height:12rem!important}.pn-d-titles{min-width:0}.pn-d-name{font-size:max(3rem, var(--pn-minfs,0px));text-shadow:var(--shadow);font-weight:700;line-height:1.15}.pn-d-type{font-size:max(2.1rem, var(--pn-minfs,0px));opacity:.9;margin-top:.4rem}.pn-d-lv{font-size:max(2rem, var(--pn-minfs,0px));color:#aab6c6;margin-top:.4rem}.pn-d-worn{font-size:max(1.6rem, var(--pn-minfs,0px));color:var(--pn-cyan);border:.12rem solid var(--pn-cyan);border-radius:.8rem;margin-top:.6rem;padding:.1rem 1rem;font-weight:700;display:inline-block}.pn-d-body{flex:1;min-height:0;padding:1.2rem 0}.pn-stats{border-bottom:.12rem solid #d6b16233;flex-direction:column;gap:.4rem;padding-bottom:1.2rem;display:flex}.pn-stat{font-size:max(2.3rem, var(--pn-minfs,0px));align-items:center;padding:.5rem 0;display:flex}.pn-stat span{color:#dfe7f2;flex:1}.pn-stat b{color:var(--pn-cyan);font-weight:700}.pn-stat em{font-style:normal;font-size:max(1.8rem, var(--pn-minfs,0px));text-align:right;min-width:5rem;margin-left:1rem}.pn-stat em.up{color:var(--pn-ok)}.pn-stat em.down{color:var(--pn-bad)}.pn-desc{font-size:max(2.1rem, var(--pn-minfs,0px));color:#b9c6d8;margin:1.4rem 0;font-style:italic;line-height:1.45}.pn-kv{font-size:max(2.1rem, var(--pn-minfs,0px));color:var(--pn-dim);justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.pn-kv b{color:#fff}.pn-d-qty{font-size:max(2.1rem, var(--pn-minfs,0px));color:var(--pn-dim);border-top:.12rem solid #d6b16233;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.pn-d-btns{flex:none;gap:1.6rem;padding-top:1.2rem;display:flex}.pn-d-btns .pn-btn{flex:1;min-width:0}.pn-detail.pn-empty{justify-content:center}.pn-qlog{width:168rem;height:90rem}.pn-qlist{width:56rem;padding:1.2rem}.pn-qgroup{font-size:max(1.9rem, var(--pn-minfs,0px));text-transform:uppercase;letter-spacing:.1rem;color:var(--pn-gold);align-items:center;gap:1rem;padding:1.2rem 1rem .6rem;font-weight:700;display:flex}.pn-qgroup em{font-style:normal;font-size:max(1.6rem, var(--pn-minfs,0px));color:#0b1424;background:var(--pn-gold);border-radius:1rem;padding:0 .8rem}.pn-qrow{cursor:pointer;background:linear-gradient(90deg,#1e375a8c,#0f1c3266);border:.15rem solid #ffffff0f;border-radius:1rem;align-items:center;gap:1.4rem;min-height:8.4rem;margin:.6rem 0;padding:0 1.4rem;display:flex}.pn-qrow.on{border-color:var(--pn-cyan);background:linear-gradient(90deg,#1e6ea08c,#0e284680);box-shadow:0 0 1.2rem #45d3ff4d}.pn-qrow.pn-press{filter:brightness(1.2)}.pn-qmark{width:4rem;height:4rem;font-style:normal;font-weight:900;font-size:max(2.4rem, var(--pn-minfs,0px));color:#3b2400;background:radial-gradient(circle at 40% 35%,#ffe08a,#d39a1c);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 .8rem #ffd26480}.pn-qrow.s-complete .pn-qmark{color:#08310f;background:radial-gradient(circle at 40% 35%,#c8ffcf,#3fbf5a)}.pn-qrow.s-available .pn-qmark{opacity:.75}.pn-qrow-t{flex-direction:column;min-width:0;display:flex}.pn-qrow-t b{font-size:max(2.4rem, var(--pn-minfs,0px));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pn-qrow-t span{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-qrow.s-complete .pn-qrow-t span{color:var(--pn-ok)}.pn-qdetail{flex:1;min-width:0;padding:2rem 2.4rem}.pn-qd{flex:1;min-height:0;padding-right:1rem}.pn-qd-name{color:var(--pn-gold-hi);text-shadow:0 0 1rem #f6dd964d, var(--shadow);font-size:3.6rem;font-weight:700}.pn-qd-sub{font-size:max(1.9rem, var(--pn-minfs,0px));color:var(--pn-dim);margin-top:.4rem}.pn-story{font-size:max(2.3rem, var(--pn-minfs,0px));color:#e2e9f3;border-left:.35rem solid var(--pn-gold);background:#d6b1620f;border-radius:0 1rem 1rem 0;margin-top:1.4rem;padding:1.4rem 1.8rem;line-height:1.5}.pn-objs{flex-direction:column;gap:.6rem;display:flex}.pn-obj{font-size:max(2.3rem, var(--pn-minfs,0px));background:#ffffff08;border-radius:.8rem;flex-wrap:wrap;align-items:center;gap:1.2rem;padding:.8rem 1.2rem 1.4rem;display:flex;position:relative}.pn-obj-t{flex:1}.pn-obj-t small{color:var(--pn-dim);font-size:max(1.7rem, var(--pn-minfs,0px))}.pn-obj b{color:#fff;font-weight:700}.pn-obj-tick{box-sizing:border-box;border:.2rem solid #5d6f88;border-radius:.6rem;flex:none;width:2.6rem;height:2.6rem}.pn-obj.done,.pn-obj.done b{color:var(--pn-ok)}.pn-obj.done .pn-obj-tick{border-color:var(--pn-ok);background:#8ff08f33;position:relative}.pn-obj.done .pn-obj-tick:after{content:"";border:solid var(--pn-ok);border-width:0 .3rem .3rem 0;width:.7rem;height:1.4rem;position:absolute;top:.1rem;left:.65rem;transform:rotate(45deg)}.pn-obj-bar{background:#ffffff14;border-radius:.3rem;height:.5rem;position:absolute;bottom:.5rem;left:5rem;right:1.2rem;overflow:hidden}.pn-obj-bar i{background:linear-gradient(90deg,#1c6fe0,#6cc8ff);height:100%;display:block}.pn-obj.done .pn-obj-bar i{background:linear-gradient(90deg,#2f9a45,#8ff08f)}.pn-rewards{flex-direction:column;gap:1rem;display:flex}.pn-rw-top{font-size:max(2.4rem, var(--pn-minfs,0px));align-items:center;gap:3rem;display:flex}.pn-rw-exp{color:#bfe9ff;align-items:center;gap:.8rem;font-weight:700;display:inline-flex}.pn-rw-exp i{font-style:normal;font-size:max(1.5rem, var(--pn-minfs,0px));color:#062038;background:linear-gradient(#8fe0ff,#2f9be0);border-radius:.6rem;padding:.2rem .8rem;font-weight:800}.pn-rw-items{flex-wrap:wrap;gap:1rem;display:flex}.pn-rw-choose{font-size:max(2rem, var(--pn-minfs,0px));color:var(--pn-gold-hi);margin-top:.4rem}.pn-sheet-scrim{background:linear-gradient(#0000 30%,#02060e99);align-items:flex-end}.pn-sheet-scrim.pn-in>.pn-frame{animation:.18s ease-out pnSheet}.pn-sheet-scrim.pn-out>.pn-frame{animation:.15s ease-in reverse forwards pnSheet}.pn-dialog{background:linear-gradient(#0e1e38f2,#050c1afa);border-bottom:none;border-radius:2.4rem 2.4rem 0 0;width:100%;min-height:36rem;max-height:72rem}.pn-dialog:after{display:none}.pn-dialog .pn-x{top:1.6rem;right:2rem}.pn-dialog .pn-body{gap:3rem;padding:2.4rem 3rem 3rem}.pn-dlg-npc{box-sizing:border-box;background:radial-gradient(at 50% 30%,#28466e73,#040a1699 75%);border:.15rem solid #d6b16266;border-radius:1.6rem;flex-direction:column;flex:none;align-self:flex-start;align-items:center;gap:1.2rem;width:26rem;padding:1.6rem 1rem 1.8rem;display:flex;box-shadow:inset 0 0 1.6rem #0000008c}.pn-dlg-portrait{border:.45rem solid var(--pn-gold);background:radial-gradient(circle at 50% 35%,#2a5280,#0a1830 70%);border-radius:50%;width:20rem;height:20rem;overflow:hidden;box-shadow:0 0 0 .2rem #2a1d08,0 .6rem 2rem #000000b3,0 0 2rem #d6b1624d}.pn-dlg-portrait img,.pn-dlg-portrait canvas{object-fit:cover;width:100%;height:100%}.pn-dlg-initial{width:100%;height:100%;color:var(--pn-gold-hi);text-shadow:var(--shadow);justify-content:center;align-items:center;font-size:9rem;font-weight:800;display:flex}.pn-dlg-name{text-align:center}.pn-dlg-name b{font-size:max(3rem, var(--pn-minfs,0px));color:var(--pn-gold-hi);text-shadow:var(--shadow);display:block}.pn-dlg-name span{font-size:max(1.9rem, var(--pn-minfs,0px));color:#bfe9ff;background:#0a1e37b3;border:.12rem solid #45d3ff80;border-radius:1rem;margin-top:.4rem;padding:.2rem 1.4rem;display:inline-block}.pn-dlg-main{flex:1;min-width:0;padding-right:1rem}.pn-dlg-text{font-size:max(2.8rem, var(--pn-minfs,0px));color:#f1f5fa;text-shadow:var(--shadow);min-height:8rem;line-height:1.5}.pn-dlg-text.typing:after{content:"▍";color:var(--pn-gold-hi);animation:.6s steps(2,end) infinite pnBlink}@keyframes pnBlink{50%{opacity:0}}.pn-dlg-qname{color:var(--pn-gold-hi);align-items:center;gap:1.4rem;margin-bottom:1rem;font-size:3.2rem;font-weight:700;display:flex}.pn-dlg-qname small{font-size:max(2rem, var(--pn-minfs,0px));color:var(--pn-dim);font-weight:500}.pn-dlg-qname .pn-qmark{width:4.4rem;height:4.4rem}.pn-dlg-qcols{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.pn-dlg-opts{flex-direction:column;flex:none;justify-content:flex-end;gap:1.2rem;width:54rem;display:flex}.pn-dlg-opts .pn-btn{width:100%}.pn-dlg-opts.pn-dlg-opts-q{width:30rem}.pn-opt{cursor:pointer;min-height:7.4rem;font-size:max(2.5rem, var(--pn-minfs,0px));background:linear-gradient(90deg,#1e3c64d9,#0c1a30d9);border:.18rem solid #d6b1628c;border-radius:1.2rem;align-items:center;gap:1.6rem;padding:0 2.4rem;font-weight:600;display:flex;box-shadow:0 .3rem .8rem #0006}.pn-opt.pn-press{border-color:var(--pn-cyan);transform:scale(.98)}.pn-opt.k-quest_offer,.pn-opt.k-quest_turnin{border-color:var(--pn-gold-hi);background:linear-gradient(90deg,#6e5014b3,#1e190fcc)}.pn-opt.k-close{color:#c8d4e4;background:#0a1220b3}.pn-oi{border-radius:50%;flex:none;justify-content:center;align-items:center;width:4.2rem;height:4.2rem;font-size:2.3rem;font-style:normal;font-weight:900;display:inline-flex}.pn-oi.q,.pn-oi.t{color:#3b2400;background:radial-gradient(circle at 40% 35%,#ffe08a,#d39a1c)}.pn-oi.t{color:#08310f;background:radial-gradient(circle at 40% 35%,#c8ffcf,#3fbf5a)}.pn-oi.p{color:#cbd6e6;background:#34445e}.pn-oi.s{color:#fff;background:radial-gradient(circle at 40% 35%,#8fd0ff,#2a6ab8)}.pn-oi.d{color:#fff;background:radial-gradient(circle at 40% 35%,#ff9a8a,#a8202e)}.pn-oi.c{color:#9fb0c6;background:#1b2638;font-size:1.8rem}.pn-shop{width:150rem;height:90rem}.pn-shop .pn-body{flex-direction:column;gap:0}.pn-shop-top{flex:none;align-items:flex-end;gap:3rem;display:flex}.pn-shop-greet{font-size:max(2.1rem, var(--pn-minfs,0px));color:#b9c6d8;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-bottom:1.6rem;font-style:italic;overflow:hidden}.pn-purse{font-size:max(2.4rem, var(--pn-minfs,0px));border:.15rem solid var(--pn-line);background:#040a16bf;border-radius:2.7rem;align-items:center;gap:1.6rem;height:5.4rem;margin-bottom:.8rem;padding:0 2.2rem;display:flex}.pn-purse>span{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-shop-list{border-top-left-radius:.4rem;flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:1.4rem;min-height:0;padding:1.6rem;display:grid}.pn-shop-list .pn-hint{grid-column:1/-1}.pn-srow{box-sizing:border-box;background:linear-gradient(90deg,#1c345699,#0c182c80);border:.15rem solid #ffffff12;border-radius:1.2rem;align-items:center;gap:1.6rem;min-height:13rem;padding:1.2rem 1.6rem 1.2rem 1.2rem;display:flex}.pn-srow-t{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.pn-srow-t b{font-size:max(2.5rem, var(--pn-minfs,0px));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pn-srow-t span{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-srow-t small{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-cyan)}.pn-srow-r{flex-direction:column;flex:none;align-items:flex-end;gap:.8rem;display:flex}.pn-srow-r .pn-btn{min-width:17rem;height:6rem}.pn-srow-r .pn-btn-l{font-size:max(2.4rem, var(--pn-minfs,0px))}.pn-srow-r .pn-step-b,.pn-srow-r .pn-step-n{height:4.8rem}.pn-srow-r .pn-step-b{width:4.8rem;font-size:max(2.6rem, var(--pn-minfs,0px))}.pn-srow-r .pn-step-max{width:auto}.pn-srow-p{font-size:max(2.2rem, var(--pn-minfs,0px))}.pn-srow-p.bad .pn-coins{color:var(--pn-bad)}.pn-srow-r:has(.pn-step){grid-template-columns:auto auto;align-items:center;gap:.8rem 1.4rem;display:grid}.pn-srow-r:has(.pn-step) .pn-step{grid-column:1/-1;justify-self:end}.pn-login{z-index:100;pointer-events:auto;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0;overflow:hidden}.pn-login.pn-gone{opacity:0;pointer-events:none}.pn-login-bg{background:radial-gradient(at 50% 38%,#24476e 0%,#10223b 45%,#070d19 85%);position:absolute;inset:0}.pn-login-rays{opacity:.18;background:repeating-conic-gradient(#f6dd9680 0deg 3deg,#0000 3deg 15deg);width:240rem;height:240rem;margin:-120rem 0 0 -120rem;animation:120s linear infinite pnSpin;position:absolute;top:32%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 55%);mask:radial-gradient(circle,#000 0%,#0000 55%)}@keyframes pnSpin{to{transform:rotate(360deg)}}.pn-login-c{flex-direction:column;align-items:center;display:flex;position:relative}.pn-logo{letter-spacing:.6rem;background:linear-gradient(#fffbe6,#f6dd96 40%,#d6a24a 70%,#8a5c14);color:#0000;filter:drop-shadow(0 0 2.4rem #f6dd9659)drop-shadow(0 .5rem .6rem #000000d9);-webkit-background-clip:text;background-clip:text;padding:0 2rem;font-size:13rem;font-weight:800;line-height:1}.pn-logo-sub{letter-spacing:1.2rem;text-transform:uppercase;color:#bfe9ff;text-shadow:0 0 1.4rem #45d3ff99, var(--shadow);align-items:center;gap:2.4rem;margin:1.4rem 0 5rem;font-size:3.4rem;display:flex}.pn-logo-sub span{background:linear-gradient(90deg, transparent, var(--pn-cyan));width:14rem;height:.25rem}.pn-logo-sub span:last-child{transform:scaleX(-1)}.pn-login-ver{right:calc(2rem + env(safe-area-inset-right));font-size:max(1.7rem, var(--pn-minfs,0px));color:#4f6280;position:absolute;bottom:1.6rem}.pn-settings{width:104rem;height:84rem}.pn-settings .pn-body{flex-direction:column}.pn-set-list{flex:1;min-height:0;padding:.6rem 2.4rem}.pn-set-row{border-bottom:.12rem solid #d6b16226;justify-content:space-between;align-items:center;gap:2rem;min-height:10.4rem;display:flex}.pn-set-row:last-child{border-bottom:none}.pn-set-l b{font-size:max(2.6rem, var(--pn-minfs,0px));font-weight:600;display:block}.pn-set-l span{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-set-foot{flex:none;justify-content:space-between;padding-top:2rem;display:flex}.pn-seg{border:.18rem solid #d6b16299;border-radius:1.2rem;display:flex;overflow:hidden}.pn-seg-b{min-width:13rem;height:6rem;font-size:max(2.3rem, var(--pn-minfs,0px));color:#c8d4e4;cursor:pointer;background:#060e1ecc;justify-content:center;align-items:center;font-weight:600;display:flex}.pn-seg-b.on{color:#fff;background:linear-gradient(#1e6a96,#0c2b4c);box-shadow:inset 0 0 1rem #45d3ff80}.pn-toggle{cursor:pointer;background:#1a2638;border:.2rem solid #4b5b74;border-radius:2.9rem;flex:none;width:11rem;height:5.8rem;transition:background .15s,border-color .15s;position:relative}.pn-toggle i{background:radial-gradient(circle at 40% 30%,#fff,#b9c6d8);border-radius:50%;width:4.4rem;height:4.4rem;transition:left .15s;position:absolute;top:.5rem;left:.5rem;box-shadow:0 .2rem .5rem #00000080}.pn-toggle.on{border-color:var(--pn-cyan);background:linear-gradient(#1d7fb2,#0d3e66);box-shadow:0 0 1.2rem #45d3ff73}.pn-toggle.on i{left:5.6rem}.pn-slider{flex:none;align-items:center;gap:2rem;display:flex}.pn-sl-track{cursor:pointer;touch-action:none;width:44rem;height:6rem;position:relative}.pn-sl-track:before{content:"";background:#0000008c;border:.12rem solid #ffffff14;border-radius:.5rem;height:1rem;position:absolute;top:2.5rem;left:0;right:0}.pn-sl-track i{background:linear-gradient(90deg,#1c6fe0,#6cc8ff);border-radius:.5rem;height:1rem;position:absolute;top:2.5rem;left:0}.pn-sl-track b{border:.25rem solid var(--pn-gold);background:radial-gradient(circle at 40% 30%,#6fb2e6,#1b4c80 60%,#0c2442);border-radius:50%;width:4.8rem;height:4.8rem;margin:-2.4rem 0 0 -2.4rem;position:absolute;top:3rem;box-shadow:0 .3rem .8rem #0009}.pn-sl-v{text-align:right;width:9rem;font-size:max(2.4rem, var(--pn-minfs,0px));color:var(--pn-cyan);font-weight:700}.pn-daily{width:164rem;height:66rem}.pn-daily .pn-body{flex-direction:column;gap:2rem}.pn-daily-info{font-size:max(2.2rem, var(--pn-minfs,0px));color:#b9c6d8;justify-content:space-between;align-items:center;display:flex}.pn-daily-info b{color:var(--pn-gold-hi);font-size:max(2.4rem, var(--pn-minfs,0px))}.pn-daily-info em{color:#fff;margin:0 .4rem;font-size:3.2rem;font-style:normal}.pn-daily-grid{flex:1;grid-template-columns:repeat(6,1fr) 1.45fr;gap:1.4rem;display:grid}.pn-day{box-sizing:border-box;background:linear-gradient(#1a3050d9,#081122e6);border:.18rem solid #d6b16273;border-radius:1.4rem;flex-direction:column;justify-content:space-between;align-items:center;padding:1.4rem 1rem;display:flex;position:relative}.pn-day-h{font-size:max(2.3rem, var(--pn-minfs,0px));color:var(--pn-gold-hi);font-weight:700}.pn-day-items{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.pn-day-items .pn-slot{width:9.6rem;height:9.6rem}.pn-day.big .pn-day-items .pn-slot{width:13rem;height:13rem}.pn-day-c{font-size:max(2rem, var(--pn-minfs,0px))}.pn-day.big{background:linear-gradient(#5a3c82b3,#140c28e6);border-color:#c99bff}.pn-day.big .pn-day-h{color:#e2c6ff}.pn-day.claimed{filter:saturate(.4)brightness(.65)}.pn-day-tick{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pn-day-tick svg{fill:none;width:9rem;height:9rem;stroke:var(--pn-ok);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .6rem #000000e6)brightness(1.6)}.pn-day.today{border:.3rem solid var(--pn-gold-hi);animation:1.6s ease-in-out infinite pnToday;transform:translateY(-.8rem);box-shadow:0 0 2.4rem #ffd76e99,inset 0 0 2rem #ffd76e40}@keyframes pnToday{50%{box-shadow:0 0 4rem #ffd76ee6,inset 0 0 2.6rem #ffd76e66}}.pn-daily-foot{flex:none;justify-content:center;display:flex}.pn-daily-foot .pn-btn{min-width:42rem;height:8rem}.pn-map{width:152rem;height:98rem}.pn-map-view{touch-action:none;cursor:crosshair;background:#0a1426;border-radius:1.2rem;flex:none;width:84rem;height:84rem;position:relative;overflow:hidden}.pn-map-view canvas{width:100%;height:100%;position:absolute;inset:0}.pn-map-rim{border:.3rem solid var(--pn-gold);pointer-events:none;border-radius:1.2rem;position:absolute;inset:0;box-shadow:inset 0 0 0 .25rem #2a1d08,inset 0 0 4rem #00000080}.pn-map-cmp{font-size:max(2.4rem, var(--pn-minfs,0px));color:var(--pn-gold-hi);text-shadow:var(--shadow);pointer-events:none;font-weight:800;position:absolute}.pn-map-cmp.n{top:1rem;left:50%;transform:translate(-50%)}.pn-map-cmp.s{bottom:1rem;left:50%;transform:translate(-50%)}.pn-map-cmp.e{top:50%;right:1.4rem;transform:translateY(-50%)}.pn-map-cmp.w{top:50%;left:1.4rem;transform:translateY(-50%)}.pn-map-layer{position:absolute;inset:0}.pn-mk{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.pn-mk:before{content:"";width:7rem;height:7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pn-mk i{border:.25rem solid #1b1200;border-radius:50%;width:2.8rem;height:2.8rem;display:block;box-shadow:0 0 1rem #0009}.pn-mk span{white-space:nowrap;font-size:max(1.8rem, var(--pn-minfs,0px));text-shadow:var(--shadow);background:#040a16a6;border-radius:.6rem;padding:.1rem .8rem;font-weight:700;position:absolute;top:3.2rem}.pn-mk.k-npc i{background:radial-gradient(circle at 40% 35%,#c8f2ff,#2a9be0)}.pn-mk.k-quest i{background:radial-gradient(circle at 40% 35%,#ffe08a,#d39a1c);width:3.4rem;height:3.4rem}.pn-mk.k-quest i:after{content:"!";text-align:center;color:#3b2400;font-size:2.2rem;font-style:normal;font-weight:900;line-height:2.9rem;display:block}.pn-mk.k-dungeon i{background:radial-gradient(circle at 40% 35%,#ff9a8a,#a8202e);border-radius:.6rem;width:3.6rem;height:3.6rem;transform:rotate(45deg)}.pn-mk.k-monster i{background:#ff3b30;border-width:.2rem;border-color:#3a0000;width:1.8rem;height:1.8rem}.pn-mk.k-player{z-index:3;pointer-events:none}.pn-mk.k-player i{background:radial-gradient(circle,#fff9c8,#ffe14a 50%,#c48a00);border-color:#3b2a00;width:3.2rem;height:3.2rem;animation:1.4s ease-in-out infinite pnPulse;box-shadow:0 0 0 .6rem #ffe14a40,0 0 1.6rem #ffe14ae6}.pn-mk.k-player span{color:#ffe14a}@keyframes pnPulse{50%{opacity:.45}}.pn-mk.k-point i{border:.4rem solid var(--pn-cyan);width:3rem;height:3rem;box-shadow:0 0 1.4rem var(--pn-cyan);background:0 0}.pn-mk.on i{outline:.35rem solid var(--pn-cyan);outline-offset:.35rem}.pn-mk.on span{color:var(--pn-cyan)}.pn-map-side{flex:1;min-width:0;padding:1.4rem 2rem 2rem}.pn-map-side .pn-sect{margin-top:.4rem}.pn-map-list{flex:1;min-height:0}.pn-map-row{cursor:pointer;background:#ffffff0a;border:.15rem solid #0000;border-radius:1rem;align-items:center;gap:1.4rem;min-height:7rem;margin-bottom:.6rem;padding:0 1.4rem;display:flex}.pn-map-row.on{border-color:var(--pn-cyan);background:#45d3ff1a}.pn-map-row b{font-size:max(2.3rem, var(--pn-minfs,0px));white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pn-map-row span{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-map-row b em{color:var(--pn-dim);font-style:normal;font-weight:600;font-size:max(1.9rem, var(--pn-minfs,0px))}.pn-mk-dot{border-radius:50%;flex:none;width:2.2rem;height:2.2rem}.pn-map-row.k-npc .pn-mk-dot{background:#2a9be0}.pn-map-row.k-quest .pn-mk-dot{background:#e0aa2c}.pn-map-row.k-dungeon .pn-mk-dot{background:#c42a36;border-radius:.4rem;transform:rotate(45deg)scale(.85)}.pn-map-row.k-monster .pn-mk-dot{background:#ff3b30;width:1.6rem;height:1.6rem;margin:0 .3rem}.pn-map-call{min-height:7rem;font-size:max(1.9rem, var(--pn-minfs,0px));color:var(--pn-dim);border-top:.12rem solid #d6b16240;flex-direction:column;flex:none;justify-content:center;padding:1rem 0;display:flex}.pn-map-call b{font-size:max(2.6rem, var(--pn-minfs,0px));color:#fff}.pn-map-side>.pn-btn{width:100%}.pn-party-mini{z-index:25;pointer-events:auto;flex-direction:column;gap:.6rem;width:34rem;display:flex;position:absolute;top:42rem;left:1.4rem}.pn-pm{background:linear-gradient(90deg,#0e1e38d9,#0812248c);border:.15rem solid #d6b16280;border-radius:1rem;align-items:center;gap:1.2rem;padding:.8rem 1.4rem .8rem .8rem;display:flex}.pn-pm.mini{padding:.5rem 1.2rem .5rem .5rem}.pn-pm-lv{width:4.6rem;height:4.6rem;font-weight:800;font-size:max(1.9rem, var(--pn-minfs,0px));border:.22rem solid var(--pn-gold);background:radial-gradient(circle at 50% 35%,#2a3e5c,#0b1626);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.pn-pm.mini .pn-pm-lv{width:3.6rem;height:3.6rem;font-size:max(1.6rem, var(--pn-minfs,0px))}.pn-pm-r{flex:1;min-width:0}.pn-pm-n{font-size:max(2.2rem, var(--pn-minfs,0px));text-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pn-pm-n em{color:var(--pn-dim);font-style:normal;font-size:max(1.7rem, var(--pn-minfs,0px))}.pn-pm.mini .pn-pm-n{font-size:max(1.9rem, var(--pn-minfs,0px))}.pn-pm-bar{background:#0009;border:.1rem solid #000000b3;border-radius:1.1rem;height:2.2rem;margin-top:.4rem;position:relative;overflow:hidden}.pn-pm.mini .pn-pm-bar{height:1rem}.pn-pm-bar i{background:linear-gradient(#7ef08a,#2fb04a 55%,#17752c);border-radius:1.1rem;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.pn-pm-bar span{font-size:max(1.6rem, var(--pn-minfs,0px));text-shadow:var(--shadow);font-weight:600;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.pn-pm.dead{filter:grayscale()brightness(.6)}.pn-party{width:92rem;height:84rem}.pn-party .pn-body{flex-direction:column;gap:.8rem}.pn-party-list{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1.4rem;display:flex}.pn-party-inv{gap:1.4rem;display:flex}.pn-party-foot{justify-content:space-between;align-items:center;gap:2rem;padding-top:1.4rem;display:flex}.pn-party-foot .pn-hint{text-align:left;font-size:max(1.8rem, var(--pn-minfs,0px));padding:0}.pn-invite{z-index:70;box-sizing:border-box;pointer-events:auto;border:.2rem solid var(--pn-gold);text-align:center;background:linear-gradient(#162c4ef7,#091326f7);border-radius:1.6rem;width:72rem;padding:2.6rem 3rem 2.8rem;animation:.18s ease-out pnInv;position:absolute;top:24rem;left:50%;transform:translate(-50%);box-shadow:0 1rem 3rem #000000b3,0 0 2rem #d6b16240}@keyframes pnInv{0%{opacity:0;transform:translate(-50%,-2rem)}}.pn-invite.pn-out{animation:.15s ease-in reverse forwards pnFade}.pn-invite-t{font-size:max(2.8rem, var(--pn-minfs,0px))}.pn-invite-t b{color:var(--pn-gold-hi)}.pn-invite-cd{background:#00000080;border-radius:.3rem;height:.6rem;margin:1.8rem 0 2.2rem;overflow:hidden}.pn-invite-cd i{transform-origin:0;background:linear-gradient(90deg,#1c6fe0,#6cc8ff);height:100%;animation:linear forwards pnDrain;display:block}@keyframes pnDrain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.pn-invite-b{justify-content:center;gap:2rem;display:flex}.pn-invite-b .pn-btn{flex:1}.pn-dgn{z-index:30;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.pn-dgn-banner{flex-direction:column;align-items:center;margin-top:.6rem;display:flex}.pn-dgn-name{color:#fff;height:6.4rem;text-shadow:var(--shadow);background:linear-gradient(90deg,#0000,#081224e0 18% 82%,#0000);border-top:.15rem solid #d6b1628c;border-bottom:.15rem solid #d6b1628c;align-items:center;gap:1.6rem;padding:0 5rem;font-size:3.6rem;font-weight:600;display:flex}.pn-dgn-timer{font-size:max(2.4rem, var(--pn-minfs,0px));font-variant-numeric:tabular-nums;background:#081224cc;border:.12rem solid #d6b16280;border-radius:1.6rem;align-items:center;gap:.8rem;margin-top:.6rem;padding:.2rem 2rem;font-weight:600;display:flex}.pn-dgn-timer svg{width:2rem;height:2rem;fill:var(--pn-gold-hi)}.pn-dgn-timer.low{color:#ff8a7a;border-color:#ff6a5a;animation:1s steps(2,end) infinite pnBlink}.pn-boss{align-items:center;width:70rem;height:8.4rem;margin-top:1.2rem;display:flex;position:relative}.pn-boss-skull{z-index:2;background:radial-gradient(circle at 50% 40%,#7a1a1a,#2a0606 70%);border:.35rem solid #c9a050;border-radius:50%;flex:none;justify-content:center;align-items:center;width:8.4rem;height:8.4rem;display:flex;position:relative;box-shadow:0 0 1.4rem #ff3c2880,0 .3rem .8rem #000000b3}.pn-boss-skull svg{width:70%;height:70%}.pn-boss-r{background:linear-gradient(90deg,#081224e6,#081224b3);border:.15rem solid #d6b16280;border-left:none;border-radius:0 1.2rem 1.2rem 0;flex:1;margin-left:-2.4rem;padding:.6rem 1.6rem .8rem 3.6rem}.pn-boss-n{font-size:max(2.4rem, var(--pn-minfs,0px));text-shadow:var(--shadow);margin-bottom:.4rem;font-weight:600}.pn-boss-bar{background:#000000a6;border:.12rem solid #000c;border-radius:.4rem;height:2.6rem;position:relative;overflow:hidden}.pn-boss-bar i,.pn-boss-bar b{position:absolute;top:0;bottom:0;left:0}.pn-boss-bar i{background:linear-gradient(#ff7a6e,#e0283a 55%,#a5121f);transition:width .18s linear}.pn-boss-bar b{background:#fff0c8b3;transition:width .8s ease-in .3s}.pn-boss-bar span{font-size:max(1.8rem, var(--pn-minfs,0px));text-shadow:var(--shadow);font-weight:700;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.pn-boss.hit .pn-boss-skull{animation:.2s pnShake}@keyframes pnShake{25%{transform:translate(-.3rem)}75%{transform:translate(.3rem)}}.pn-dgn-result{box-sizing:border-box;pointer-events:auto;text-align:center;z-index:55;border:.25rem solid var(--pn-gold);background:linear-gradient(#162c4ef7,#091326f7);border-radius:1.6rem;flex-direction:column;align-items:center;gap:1.8rem;width:76rem;padding:3rem 3.6rem 3.4rem;animation:.24s ease-out pnPopC;display:flex;position:absolute;top:26rem;left:50%;transform:translate(-50%);box-shadow:0 1rem 4rem #000c,0 0 4rem #f6cd6e4d}@keyframes pnPopC{0%{opacity:0;transform:translate(-50%,2rem)scale(.9)}}.pn-res-h{letter-spacing:.2rem;background:linear-gradient(#fffbe6,#f6dd96 45%,#c88e2a);color:#0000;filter:drop-shadow(0 0 1.4rem #f6dd9673)drop-shadow(0 .3rem .3rem #000c);-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:900;line-height:1}.pn-dgn-result.fail{border-color:#c84a4a}.pn-dgn-result.fail .pn-res-h{background:linear-gradient(#ffd0c8,#ff6a5a 50%,#9a1a1a);-webkit-background-clip:text;background-clip:text}.pn-res-sub{font-size:max(2.3rem, var(--pn-minfs,0px));color:#b9c8dc;margin-top:-.6rem}.pn-res-rw{font-size:max(2.6rem, var(--pn-minfs,0px));align-items:center;gap:3rem;display:flex}.pn-res-msg{font-size:max(2.3rem, var(--pn-minfs,0px));color:#d8e0ea}.pn-dgn-result .pn-rw-items{justify-content:center}.pn-notify{pointer-events:none;z-index:40;position:absolute;inset:0}.pn-banner-slot{justify-content:center;display:flex;position:absolute;top:13.6rem;left:0;right:0}.pn-ban{animation:pnBan var(--dur,2.6s) ease-out forwards;background:linear-gradient(90deg,#0000,#1e1405bf 22% 78%,#0000);flex-direction:column;align-items:center;padding:2rem 16rem 2.2rem;display:flex;position:relative}.pn-ban:before,.pn-ban:after{content:"";background:linear-gradient(90deg, transparent, var(--pn-gold-hi), transparent);height:.25rem;position:absolute;left:10%;right:10%}.pn-ban:before{top:0}.pn-ban:after{bottom:0}@keyframes pnBan{0%{opacity:0;filter:brightness(2);transform:scale(1.25)}8%{opacity:1;filter:none;transform:scale(1)}85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-2rem)}}.pn-ban-k{font-size:max(2.4rem, var(--pn-minfs,0px));letter-spacing:.8rem;text-transform:uppercase;color:#ffe9b0;text-shadow:0 0 1rem #ffc85acc, var(--shadow);font-weight:700}.pn-ban-t{background:linear-gradient(#fffbe6,#f6dd96 45%,#c88e2a);color:#0000;filter:drop-shadow(0 0 1.2rem #f6dd9680)drop-shadow(0 .3rem .3rem #000000e6);-webkit-background-clip:text;background-clip:text;font-size:5.2rem;font-weight:800;line-height:1.15}.pn-ban-s{font-size:max(2.3rem, var(--pn-minfs,0px));color:#f0e6cc;text-shadow:var(--shadow);margin-top:.4rem}.pn-ban-q.done .pn-ban-k{color:#b6ffbe;text-shadow:0 0 1rem #78ff8cb3, var(--shadow)}.pn-ban-lv{padding-top:1rem}.pn-ban-lv .pn-ban-k{letter-spacing:1.4rem;font-size:4.4rem}.pn-ban-big{background:linear-gradient(#fffbe6,#f6dd96 40%,#d6a24a 70%,#8a5c14);color:#0000;filter:drop-shadow(0 0 2rem #ffd26eb3)drop-shadow(0 .4rem .4rem #000000e6);-webkit-background-clip:text;background-clip:text;font-size:12rem;font-style:italic;font-weight:900;line-height:1}.pn-ban-rays{z-index:-1;opacity:.5;background:repeating-conic-gradient(#ffdc828c 0deg 4deg,#0000 4deg 18deg);width:60rem;height:60rem;margin:-30rem 0 0 -30rem;animation:8s linear infinite pnSpin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 60%);mask:radial-gradient(circle,#000 0%,#0000 60%)}.pn-loot{flex-direction:column;align-items:flex-end;gap:.8rem;display:flex;position:absolute;top:42rem;right:58rem}.pn-lootrow{background:linear-gradient(90deg,#081224e0,#08122400);border-radius:1rem 0 0 1rem;align-items:center;gap:1.2rem;padding:.5rem 2.4rem .5rem .5rem;transition:opacity .3s,transform .3s;animation:.22s ease-out pnLootIn;display:flex}.pn-lootrow.pn-out{opacity:0;transform:translate(3rem)}@keyframes pnLootIn{0%{opacity:0;transform:translate(6rem)}}.pn-lootrow .pn-slot{border-radius:.9rem;width:6.2rem;height:6.2rem}.pn-lootrow .pn-ico{inset:.35rem}.pn-lootrow-t{font-size:max(2.4rem, var(--pn-minfs,0px));text-shadow:var(--shadow);align-items:center;gap:.8rem;display:flex}.pn-lootrow-t .plus{color:var(--pn-ok);font-weight:800}.pn-lootrow-t em{color:#fff;font-style:normal;font-weight:700}.pn-lootrow.r-epic{box-shadow:inset .4rem 0 #b66bff}.pn-lootrow.r-rare{box-shadow:inset .4rem 0 #4aa3ff}.pn-lootrow.r-exp{padding-left:2rem}.pn-exp-t{color:#bfe9ff}.pn-note{max-width:max(44rem,230px)}.pn-note .pn-lootrow-t{color:#f4ead6;font-weight:700;line-height:1.25}.pn-note-ico{flex:none;justify-content:center;align-items:center;width:max(3.4rem,18px);height:max(3.4rem,18px);margin-left:.6rem;display:flex}.pn-note-ico svg{width:100%;height:100%}.pn-note-cache{box-shadow:inset .4rem 0 #ffc860}.pn-note-cache .pn-lootrow-t{color:#ffe2a0}.pn-note-guard{box-shadow:inset .4rem 0 #ff6a4a}.pn-note-guard .pn-lootrow-t{color:#ffd2c8}.pn-note-honor{box-shadow:inset .4rem 0 #e8b84a}.pn-note-info{box-shadow:inset .4rem 0 #8aa8c8}.pn-coin-ico{justify-content:center;align-items:center;display:flex}.pn-coin-ico .coin{width:3.2rem;height:3.2rem;margin:0}.pn-death{z-index:60;pointer-events:auto;justify-content:center;align-items:center;transition:opacity .3s;animation:.8s ease-out pnFade;display:flex;position:absolute;inset:0}.pn-death.pn-out{opacity:0}.pn-death-vig{-webkit-backdrop-filter:grayscale(.9);background:radial-gradient(#28000059,#1e0000d9 75%);position:absolute;inset:0}.pn-death-c{flex-direction:column;align-items:center;gap:1.4rem;display:flex;position:relative}.pn-death-h{letter-spacing:.4rem;color:#e8d6c8;text-shadow:0 0 3rem #ff281eb3,0 .5rem .8rem #000000e6;font-size:10rem;font-weight:800;animation:1.2s ease-out pnDeath}@keyframes pnDeath{0%{opacity:0;letter-spacing:2.4rem}}.pn-death-sub{font-size:max(2.8rem, var(--pn-minfs,0px));color:#d0b8b0;text-shadow:var(--shadow);margin-bottom:3rem}.pn-ach{width:176rem;height:92rem}.pn-ach .pn-body,.pn-lb .pn-body,.pn-hero .pn-body{flex-direction:column;gap:0}.pn-ach-top{flex:none;justify-content:space-between;align-items:flex-end;display:flex}.pn-ach-sum{font-size:max(2.2rem, var(--pn-minfs,0px));color:#b9c6d8;align-items:center;gap:2rem;padding-bottom:1rem;display:flex}.pn-ach-sum b{color:var(--pn-gold-hi);font-size:max(2.8rem, var(--pn-minfs,0px))}.pn-ach-sum em{color:#1b1200;font-style:normal;font-weight:700;font-size:max(1.8rem, var(--pn-minfs,0px));background:linear-gradient(#ffe08a,#d39a1c);border-radius:1rem;padding:.2rem 1.2rem}.pn-ach-list{border-top-left-radius:0;flex:1;min-height:0;padding:1rem 1.4rem}.pn-ach-row{background:linear-gradient(90deg,#1e375a80,#0f1c3259);border:.15rem solid #ffffff0f;border-radius:1.2rem;align-items:center;gap:2rem;min-height:11rem;margin:.8rem 0;padding:1rem 1.8rem;display:flex}.pn-ach-row.ready{background:linear-gradient(90deg,#6e501473,#1e1c1e59);border-color:#f6cd6ebf;box-shadow:0 0 1.4rem #f6cd6e40}.pn-ach-row.claimed{opacity:.62}.pn-ach-row:not(.done) .pn-ach-ico{filter:grayscale(.85)brightness(.7)}.pn-ach-ico{box-sizing:border-box;border:.28rem solid var(--pn-gold);background:radial-gradient(circle at 50% 35%,#2a4a74,#0c1a33 70%);border-radius:50%;flex:none;justify-content:center;align-items:center;width:8.4rem;height:8.4rem;display:flex;box-shadow:0 0 1rem #d6b16259}.pn-ach-ico svg{width:5rem;height:5rem}.pn-ach-mid{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.pn-ach-name{font-size:max(2.6rem, var(--pn-minfs,0px));color:var(--pn-gold-hi);font-weight:700}.pn-ach-desc{font-size:max(1.9rem, var(--pn-minfs,0px));color:#b9c6d8}.pn-ach-bar{background:#00000080;border:.12rem solid #ffffff1a;border-radius:1.3rem;height:2.6rem;margin-top:.4rem;position:relative;overflow:hidden}.pn-ach-bar i{background:linear-gradient(90deg,#1f8bc4,#45d3ff);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 1rem #45d3ff99}.pn-ach-row.done .pn-ach-bar i{background:linear-gradient(90deg,#c0892a,#f6dd96)}.pn-ach-bar span{text-align:center;font-size:max(1.7rem, var(--pn-minfs,0px));text-shadow:var(--shadow);font-weight:700;line-height:2.4rem;display:block;position:relative}.pn-ach-rw{flex-wrap:wrap;flex:none;align-items:center;gap:1.2rem;width:52rem;display:flex}.pn-ach-coins{font-size:max(2.1rem, var(--pn-minfs,0px));min-width:10rem}.pn-ach-items{flex-wrap:wrap;gap:.8rem;display:flex}.pn-ach-items .pn-chip{padding-right:1.2rem}.pn-ach-items .pn-chip-t{font-size:max(1.7rem, var(--pn-minfs,0px))}.pn-ach-act{width:22rem;font-size:max(1.9rem, var(--pn-minfs,0px));color:var(--pn-dim);flex-direction:column;flex:none;align-items:center;gap:.4rem;display:flex}.pn-ach-act .pn-btn{min-width:20rem;height:6.4rem}.pn-ach-lock svg{width:3.2rem;height:3.2rem}.pn-ach-tick{border:.25rem solid var(--pn-ok);border-radius:50%;justify-content:center;align-items:center;width:4.4rem;height:4.4rem;display:flex}.pn-ach-tick svg{fill:none;width:2.8rem;height:2.8rem;stroke:var(--pn-ok);stroke-width:3px}.pn-achtoast{z-index:70;pointer-events:none;min-width:60rem;color:var(--pn-text);border:.24rem solid var(--pn-gold-hi);background:linear-gradient(#3c2c0cf2,#121016f2);border-radius:6rem;align-items:center;gap:2rem;padding:1.4rem 3.2rem 1.4rem 1.6rem;display:flex;position:absolute;top:14rem;left:50%;transform:translate(-50%);box-shadow:0 0 3rem #f6cd6e8c,0 1rem 3rem #0009}.pn-achtoast-in{animation:3.2s ease-out forwards pnAchIn}@keyframes pnAchIn{0%{opacity:0;transform:translate(-50%,-3rem)scale(.9)}8%{opacity:1;transform:translate(-50%)scale(1.04)}12%{transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-1.5rem)}}.pn-achtoast-t{flex-direction:column;display:flex}.pn-achtoast-t small{font-size:max(1.7rem, var(--pn-minfs,0px));letter-spacing:.2rem;text-transform:uppercase;color:var(--pn-gold);font-weight:700}.pn-achtoast-t b{font-size:max(3rem, var(--pn-minfs,0px));color:var(--pn-gold-hi);text-shadow:0 0 1rem #f6dd9680, var(--shadow)}.pn-achtoast-t span{font-size:max(1.9rem, var(--pn-minfs,0px));color:#e2d6bc}.pn-lb{width:128rem;height:94rem}.pn-lb-card{border-top-left-radius:0;flex-direction:column;flex:1;min-height:0;padding:.6rem 1.4rem 1rem;display:flex}.pn-lb-list{flex:1;min-height:0}.pn-lb-row{height:6.6rem;font-size:max(2.3rem, var(--pn-minfs,0px));box-sizing:border-box;background:#ffffff09;border:.15rem solid #0000;border-radius:1rem;align-items:center;gap:1.4rem;margin:.4rem 0;padding:0 1.6rem;display:flex}.pn-lb-head{height:4.6rem;font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-gold);text-transform:uppercase;letter-spacing:.1rem;border-bottom:.12rem solid var(--pn-line);background:0 0;border-radius:0;font-weight:700}.pn-lb-rank{flex:none;justify-content:center;width:9rem;display:flex}.pn-lb-rank i{text-align:center;color:#c8d4e4;border-radius:50%;min-width:4.4rem;height:4.4rem;font-style:normal;font-weight:800;line-height:4.4rem}.pn-lb-row.medal .pn-lb-rank i{color:#2a1a00;box-shadow:0 0 1rem #ffdc8c80}.pn-lb-row.m1 .pn-lb-rank i{background:radial-gradient(circle at 40% 35%,#fff2b0,#d9a520)}.pn-lb-row.m2 .pn-lb-rank i{background:radial-gradient(circle at 40% 35%,#fff,#9aa8b8)}.pn-lb-row.m3 .pn-lb-rank i{background:radial-gradient(circle at 40% 35%,#ffd2a8,#b0682c)}.pn-lb-name{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:1rem;min-width:0;font-weight:600;display:flex;overflow:hidden}.pn-lb-on,.pn-lb-off{background:#3c4a5e;border-radius:50%;flex:none;width:1.3rem;height:1.3rem}.pn-lb-on{background:var(--pn-ok);box-shadow:0 0 .8rem var(--pn-ok)}.pn-lb-lv{text-align:center;color:#cfe6ff;flex:none;width:14rem}.pn-lb-pw{text-align:right;width:18rem;color:var(--pn-gold-hi);flex:none;font-weight:700}.pn-lb-head .pn-lb-lv,.pn-lb-head .pn-lb-pw,.pn-lb-head .pn-lb-name{color:var(--pn-gold);font-weight:700}.pn-lb-row.me{border-color:var(--pn-cyan);background:linear-gradient(90deg,#1e6ea08c,#0e284680);box-shadow:0 0 1.2rem #45d3ff59}.pn-lb-mine{min-height:6rem;font-size:max(2.2rem, var(--pn-minfs,0px));color:#b9c6d8;flex:none;align-items:center;gap:2rem;padding-top:1rem;display:flex}.pn-lb-mine b{color:var(--pn-cyan);font-size:max(2.6rem, var(--pn-minfs,0px))}.pn-lb-mine .pn-lb-row{flex:1;margin:0}.pn-mail{width:168rem;height:90rem}.pn-mail-left{flex:none;gap:1.2rem;width:62rem}.pn-mail-list{flex:1;min-height:0;padding:1rem}.pn-mail-row{cursor:pointer;background:linear-gradient(90deg,#1e375a8c,#0f1c3266);border:.15rem solid #ffffff0f;border-radius:1rem;align-items:center;gap:1.4rem;min-height:8.6rem;margin:.6rem 0;padding:0 1.4rem;display:flex}.pn-mail-row.on{border-color:var(--pn-cyan);background:linear-gradient(90deg,#1e6ea08c,#0e284680);box-shadow:0 0 1.2rem #45d3ff4d}.pn-mail-row.read .pn-mail-t b{color:#c8d4e4;font-weight:600}.pn-mail-ico{flex:none;justify-content:center;align-items:center;width:5.6rem;height:5.6rem;display:flex;position:relative}.pn-mail-ico svg{width:5rem;height:5rem}.pn-mail-row.read .pn-mail-ico svg{filter:grayscale(.7)brightness(.8)}.pn-dot{background:#ff4b3e;border:.2rem solid #fff;border-radius:50%;width:1.8rem;height:1.8rem;position:absolute;top:-.2rem;right:-.2rem;box-shadow:0 0 .8rem #ff4b3ecc}.pn-mail-t{flex-direction:column;flex:1;min-width:0;display:flex}.pn-mail-t b{font-size:max(2.3rem, var(--pn-minfs,0px));white-space:nowrap;text-overflow:ellipsis;color:#fff;overflow:hidden}.pn-mail-t span{font-size:max(1.7rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-mail-att{border:.2rem solid var(--pn-gold-hi);background:radial-gradient(circle,#f0c766,#8a5c14);border-radius:.8rem;flex:none;width:3.6rem;height:3.6rem;position:relative;box-shadow:0 0 1rem #f6cd6e99}.pn-mail-att:after{content:"";background:#8a1e1e;width:.4rem;margin-left:-.2rem;position:absolute;top:0;bottom:0;left:50%}.pn-mail-foot{flex:none;justify-content:space-between;align-items:center;gap:1.6rem;display:flex}.pn-mail-foot .pn-btn{min-width:24rem;height:6.6rem}.pn-mail-count{font-size:max(2rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-mail-count b{color:var(--pn-gold-hi)}.pn-mail-detail{flex:1;min-width:0;padding:2rem 2.4rem}.pn-mail-d{flex:1;min-height:0;padding-right:1rem}.pn-mail-subj{color:var(--pn-gold-hi);text-shadow:0 0 1rem #f6dd964d, var(--shadow);font-size:3.4rem;font-weight:700}.pn-mail-from{font-size:max(1.9rem, var(--pn-minfs,0px));color:var(--pn-dim);margin-top:.4rem}.pn-mail-from b{color:#e2e9f3}.pn-mail-items{flex-wrap:wrap;gap:1rem;display:flex}.pn-mail-items.claimed{opacity:.5}.pn-mail-coins{font-size:max(2.2rem, var(--pn-minfs,0px));padding:1.4rem 2rem}.pn-hero{width:168rem;height:92rem}.pn-hero-page{flex:1;min-height:0;display:flex}.pn-sk-wrap,.pn-ch-wrap{flex:1;gap:1.6rem;min-height:0;display:flex}.pn-sk-grid{border-top-left-radius:0;flex:none;grid-template-columns:1fr 1fr;align-content:start;gap:1.2rem;width:90rem;padding:1.4rem;display:grid}.pn-sk{cursor:pointer;box-sizing:border-box;background:linear-gradient(90deg,#1e375a8c,#0f1c3266);border:.15rem solid #ffffff0f;border-radius:1.2rem;align-items:center;gap:1.4rem;height:12rem;padding:0 1.4rem;display:flex}.pn-sk.on{border-color:var(--pn-cyan);background:linear-gradient(90deg,#1e6ea08c,#0e284680);box-shadow:0 0 1.2rem #45d3ff4d}.pn-sk-ico{box-sizing:border-box;border:.28rem solid var(--pn-gold);background:radial-gradient(circle at 50% 35%,#2a4a74,#0c1a33 70%);border-radius:50%;flex:none;justify-content:center;align-items:center;width:9rem;height:9rem;display:flex;position:relative;overflow:hidden}.pn-sk-ico img{object-fit:cover;width:100%;height:100%}.pn-sk-ico svg{width:5.4rem;height:5.4rem}.pn-sk-ico.big{width:12rem;height:12rem}.pn-sk.locked .pn-sk-ico img,.pn-sk.locked .pn-sk-ico>svg{filter:grayscale()brightness(.45)}.pn-sk-lock{background:#00000059;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pn-sk-lock svg{width:3.4rem;height:3.4rem}.pn-sk-lock b{font-size:max(1.7rem, var(--pn-minfs,0px));color:#fff;text-shadow:var(--shadow)}.pn-sk-t{flex-direction:column;min-width:0;display:flex}.pn-sk-t b{font-size:max(2.5rem, var(--pn-minfs,0px));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pn-sk-t span{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-sk.locked .pn-sk-t b{color:#8fa3bd}.pn-sk-detail{flex:1;min-width:0;padding:2rem 2.4rem;overflow-y:auto}.pn-sk-head{align-items:center;gap:2rem;display:flex}.pn-sk-kv{margin-top:1.4rem}.pn-ch-left{border-top-left-radius:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1.2rem;width:52rem;padding:2rem;display:flex}.pn-ch-lv{border:.4rem solid var(--pn-gold);background:radial-gradient(circle at 50% 35%,#2a4a74,#0c1a33 70%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:18rem;height:18rem;display:flex;box-shadow:0 0 2rem #d6b16266}.pn-ch-lv small{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-gold);text-transform:uppercase;letter-spacing:.2rem}.pn-ch-lv b{color:#fff;text-shadow:0 0 1.4rem #45d3ff99;font-size:7rem;line-height:1}.pn-ch-name{color:var(--pn-gold-hi);font-size:3.6rem;font-weight:700}.pn-ch-cls{font-size:max(2rem, var(--pn-minfs,0px));color:var(--pn-dim)}.pn-ch-power{border:.15rem solid var(--pn-line);background:#d6b16214;border-radius:1.2rem;flex-direction:column;align-items:center;margin-top:1rem;padding:1rem 4rem;display:flex}.pn-ch-power small{font-size:max(1.8rem, var(--pn-minfs,0px));color:var(--pn-gold);text-transform:uppercase;letter-spacing:.15rem}.pn-ch-power b{color:var(--pn-gold-hi);text-shadow:0 0 1.2rem #f6dd9673;font-size:4.6rem}.pn-ch-right{flex-direction:column;flex:1;gap:1.6rem;min-width:0;padding:2.4rem 3rem;display:flex;overflow-y:auto}.pn-ch-bar{font-size:max(2.1rem, var(--pn-minfs,0px));align-items:center;gap:1.6rem;display:flex}.pn-ch-bar span{width:6rem;color:var(--pn-gold);font-weight:700}.pn-ch-bar div{background:#00000080;border:.12rem solid #ffffff1a;border-radius:1.3rem;flex:1;height:2.6rem;overflow:hidden}.pn-ch-bar i{height:100%;display:block}.pn-ch-bar.exp i{background:linear-gradient(90deg,#c0892a,#f6dd96)}.pn-ch-bar.hp i{background:linear-gradient(90deg,#9a1d24,#ff5d4e)}.pn-ch-bar.mp i{background:linear-gradient(90deg,#1f5fc4,#45b8ff)}.pn-ch-bar b{text-align:right;width:22rem}.pn-ch-grid{grid-template-columns:1fr 1fr;column-gap:4rem;margin-top:.6rem;display:grid}.pn-ch-grid .pn-kv{font-size:max(2.4rem, var(--pn-minfs,0px));border-bottom:.12rem solid #d6b16226;padding:1rem 0}.pg-dock{pointer-events:none;z-index:5;flex-direction:row-reverse;gap:0;display:flex;position:absolute;top:calc(1.6rem + max(11.3rem,50px));right:32.4rem}.pg-btn{width:var(--mb-pitch,10.8rem);pointer-events:auto;cursor:pointer;flex-direction:column;align-items:center;gap:.2rem;display:flex;position:relative}.pg-btn .pg-ring{box-sizing:border-box;border:.3rem solid var(--pn-gold);background:radial-gradient(circle at 50% 35%,#2a4a74eb,#0c1a33eb 70%);border-radius:50%;justify-content:center;align-items:center;width:max(6.6rem,44px);height:max(6.6rem,44px);transition:transform 90ms;display:flex;box-shadow:0 .3rem .8rem #0000008c}.pg-btn svg{width:60%;height:60%}.pg-btn label{color:#f4f7fb;text-shadow:var(--shadow);white-space:nowrap;background:#0812248c;border-radius:1rem;padding:0 .6rem;font-size:max(1.6rem,10px)}.pg-btn.pn-press .pg-ring{transform:scale(.92)}.pg-badge{box-sizing:border-box;text-align:center;color:#fff;background:#e8382c;border:.2rem solid #fff;border-radius:1.4rem;min-width:max(2.8rem,16px);height:max(2.8rem,16px);padding:0 .6rem;font-size:max(1.7rem,10px);font-weight:800;line-height:max(2.5rem,13px);position:absolute;top:-.4rem;right:0;box-shadow:0 0 .8rem #ff3c28cc}.pg-badge[hidden]{display:none}@media (max-height:600px){.pg-btn label{display:none}}.pn-frame{zoom:var(--pn-z,1);max-width:calc(100% - .8rem);max-height:calc(100% - .8rem)}.pn-dialog{max-width:100%;max-height:100%}.pn-btn,.pn-tab,.pn-seg-b,.pn-qrow,.pn-map-row,.pn-mail-row,.pn-opt,.pn-step-n,.pn-sl-track,.pn-input,.pn-sk{min-height:var(--pn-tap,0px)}.pn-step-b{min-width:var(--pn-tap,0px);min-height:var(--pn-tap,0px);box-sizing:border-box}.pn-tab{min-width:var(--pn-tap,0px);box-sizing:border-box}.pn-chip.pn-pickable{min-height:var(--pn-tap,0px);box-sizing:border-box}.pn-x:after{inset:min(-1.6rem, calc((5.2rem - var(--pn-tap,0px)) / 2 - .4rem))}.pn-toggle:after{content:"";inset:min(-.6rem, calc((5.8rem - var(--pn-tap,0px)) / 2)) -.6rem;position:absolute}.pn-mk:before{width:max(7rem, var(--pn-tap,0px));height:max(7rem, var(--pn-tap,0px))}.pn-login .pn-btn{min-height:44px}.pn-login .pn-input{min-height:44px;font-size:max(2.8rem,16px)}.pn-invite .pn-btn,.pn-dgn-result .pn-btn,.pn-death .pn-btn{min-height:44px}.pn-invite-t,.pn-res-msg,.pn-death-sub{font-size:max(2.3rem,12px)}.pn-tab,.pn-seg-b{cursor:pointer}.pn-tab.pn-press,.pn-seg-b.pn-press,.pn-map-row.pn-press,.pn-mail-row.pn-press,.pn-sk.pn-press,.pn-day.pn-press{filter:brightness(1.25)}.pn-qrow,.pn-map-row,.pn-mail-row,.pn-sk,.pn-opt,.pn-tab,.pn-seg-b,.pn-btn{-webkit-tap-highlight-color:transparent;transition:transform 80ms,filter .12s,border-color .12s,box-shadow .12s}html.pn-phone .pn-frame .pn-body{gap:1.2rem;padding:1.4rem 1.8rem 1.8rem}html.ec-theme.pn-phone .pn-frame .pn-body{padding:1.4rem 3.4rem 3.6rem}html.ec-theme.pn-phone .pn-frame:before{border-width:5.6rem;border-image-width:5.6rem}html.pn-phone .pn-title{height:6.2rem;font-size:max(3.4rem, var(--pn-minfs,0px))}html.pn-phone .pn-orn{width:6rem}html.pn-phone .pn-card.pn-scroll,html.pn-phone .pn-scroll{scrollbar-width:none}.pn-party-mini,.pn-dgn,.pn-notify,.pn-invite,.pn-dgn-result,.pn-death,.pn-login,.pn-achtoast{--pn-minfs:11px;--pn-tap:44px}.pn-pm-bar span{font-size:max(1.6rem,9.5px)}.pn-pm-bar{min-height:12px}.pn-pm.mini .pn-pm-bar{min-height:5px}.pn-pm-lv{min-width:20px;min-height:20px}.pn-party-mini{width:max(34rem,150px)}.pn-login{touch-action:pan-y;align-items:safe center;overflow-y:auto}.pn-login-c{padding:1.6rem 0}@media (max-height:600px){.pn-logo{font-size:9rem}.pn-logo-sub{margin:.6rem 0 2.4rem;font-size:max(2.6rem,11px)}}html.pn-phone .pn-shop-list{grid-template-columns:1fr;grid-auto-rows:max-content}html.pn-phone .pn-srow{flex:none;min-height:11rem}html.pn-phone .pn-srow-r:has(.pn-step){grid-template-columns:auto auto auto}html.pn-phone .pn-srow-r:has(.pn-step) .pn-step{grid-area:1}html.pn-phone .pn-shop-greet{display:none}@media (max-height:600px){.pn-banner-slot{top:12.4rem}.pn-ban{padding:1.2rem 12rem 1.4rem}.pn-ban-big{font-size:8.4rem}.pn-ban-lv .pn-ban-k{letter-spacing:1rem;font-size:max(3.2rem,12px)}.pn-ban-t{font-size:max(4rem,15px)}}html.pn-phone .pn-dialog .pn-x{top:-2.8rem}.pn-dgn{top:13.4rem}.pn-dgn-banner{flex-direction:row;align-items:center;gap:1.2rem;margin-top:0}.pn-dgn-name{height:5rem;padding:0 3.6rem;font-size:max(3rem,13px)}.pn-dgn-name .pn-orn{width:5rem}.pn-dgn-timer{margin-top:0}.pn-boss{margin-top:.8rem}html.pn-phone .pn-party-mini{gap:3px;width:150px;top:19rem;left:49rem}html.pn-phone .pn-pm.mini{padding:2px 6px 2px 2px}.pn-mk span.lab-up{top:auto;bottom:3.2rem}.pn-mk span.lab-r{top:50%;left:3rem;transform:translateY(-50%)}.pn-mk span.lab-l{top:50%;right:3rem;transform:translateY(-50%)}.pn-mk span.lab-hide{display:none}html.pn-phone .pn-map-view{aspect-ratio:1;align-self:stretch;width:auto;height:auto}html.pn-phone .pn-boss{width:60rem}html.pn-phone .pn-grid{grid-template-columns:repeat(auto-fill,11rem)}html.pn-phone .pn-tabs{touch-action:pan-x;scrollbar-width:none;flex-shrink:1;min-width:0;overflow:auto hidden}html.pn-phone .pn-tabs::-webkit-scrollbar{display:none}html.pn-phone .pn-tab{flex:none;padding:0 1.6rem}html.pn-phone .pn-detail{width:44rem}html.pn-phone .pn-char{width:45rem}.pn-login{--px:0;--py:0;justify-content:flex-end}.pn-login-bg{transform:translate3d(calc(var(--px) * -1.2%), calc(var(--py) * -1%), 0);background:#0b1424;transition:transform .6s ease-out;inset:-4%;overflow:hidden}.pn-login-bg:after{content:"";transform-origin:30% 55%;background:url(../assets/ui/keyart/trainer_island.webp) 28%/cover no-repeat;animation:38s ease-in-out infinite alternate pnKb;position:absolute;inset:0}@keyframes pnKb{0%{transform:scale(1)}to{transform:scale(1.08)translate(-.8%,-.6%)}}.pn-login-shade{pointer-events:none;background:linear-gradient(90deg,#04081000 30%,#04081040 52%,#0408109e 100%),linear-gradient(#04081059 0%,#04081000 25% 70%,#03060cb3 100%);position:absolute;inset:0}.pn-login-rays{opacity:.16;mix-blend-mode:screen;top:22%;left:94%}.pn-login-motes{pointer-events:none;transform:translate3d(calc(var(--px) * 1.4rem), calc(var(--py) * 1rem), 0);transition:transform .6s ease-out;position:absolute;inset:0;overflow:hidden}.pn-login-motes span{width:var(--sz,.8rem);height:var(--sz,.8rem);opacity:0;min-width:3px;min-height:3px;animation:pnMote var(--d,14s) linear var(--dl,0s) infinite;background:radial-gradient(circle,#fff7d6 0%,#f6dd96bf 35%,#f6dd9600 70%);border-radius:50%;position:absolute}@keyframes pnMote{0%{opacity:0;transform:translate(0,0)}15%{opacity:.85}75%{opacity:.6}to{transform:translate3d(var(--dx,0), -38rem, 0);opacity:0}}.pn-login-c{margin-right:calc(9rem + var(--safe-r,0px));margin-left:calc(4rem + var(--safe-l,0px))}.pn-logo-wrap{flex-direction:column;align-items:center;display:flex}.pn-logo{font-size:14rem;animation:1.2s ease-out both pnLogoIn}@keyframes pnLogoIn{0%{opacity:0;transform:translateY(-2rem)scale(.96)}to{opacity:1;transform:none}}.pn-logo-sub{margin:1rem 0 3.6rem}@keyframes pnCardIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}@keyframes pnSheen{0%{left:-40%}45%,to{left:130%}}.pn-login .cls-warrior{--cc:236, 110, 60}.pn-login .cls-gunner{--cc:240, 192, 74}.pn-login .cls-mage{--cc:96, 156, 255}.pn-login .cls-assassin{--cc:182, 104, 238}.pn-login .cls-pick-h{text-align:center;letter-spacing:.4rem;text-transform:uppercase;font-size:max(1.9rem, var(--pn-minfs,0px))}.pn-login .cls-row{gap:1.4rem}.pn-login .cls-cardbtn{background:radial-gradient(ellipse at 50% 30%, rgba(var(--cc,214, 177, 98), .28), rgba(var(--cc,214, 177, 98), 0) 65%), linear-gradient(180deg, #10182aeb, #040810f2);border:.15rem solid #d6b16252;border-radius:1rem;min-height:max(17rem,88px);padding:1.4rem .8rem 1.2rem;overflow:hidden;box-shadow:inset 0 0 0 .35rem #00000059}.pn-login .cls-cardbtn:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--cc,214, 177, 98)), transparent);opacity:.45;height:.3rem;min-height:2px;position:absolute;bottom:0;left:12%;right:12%}.pn-login .cls-ic{box-sizing:border-box;border:.15rem solid rgba(var(--cc,214, 177, 98), .5);background:radial-gradient(circle, rgba(var(--cc,214, 177, 98), .35), #0006 70%);border-radius:50%;width:max(8.8rem,34px);height:max(8.8rem,34px);padding:.6rem}.pn-login .cls-nm{letter-spacing:.1rem;font-size:max(2.5rem,12px)}.pn-login .cls-role{min-height:0;font-size:max(1.6rem,10px)}.pn-login .cls-cardbtn.cls-on{background:radial-gradient(ellipse at 50% 30%, rgba(var(--cc), .5), rgba(var(--cc), 0) 70%), linear-gradient(180deg, #302610f0, #080c16f5);box-shadow:0 0 2rem rgba(var(--cc), .55), 0 0 0 .15rem #f6dd9680, inset 0 0 1.6rem #f6dd9633;border-color:#f6dd96;transform:translateY(-.4rem)}.pn-login .cls-cardbtn.cls-on:after{opacity:1;height:.45rem}.pn-login .cls-on .cls-ic{box-shadow:0 0 1.6rem rgba(var(--cc), .8);border-color:#f6dd96}.pn-login .cls-cardbtn.cls-on.pn-press{transform:translateY(-.4rem)scale(.97)}.pn-login .cls-desc{font-size:max(1.9rem, var(--pn-minfs,0px));color:#d3dcea;min-height:0}.pn-login-srv{top:calc(2.6rem + var(--safe-t,0px));right:calc(3rem + var(--safe-r,0px));font-size:max(1.9rem, var(--pn-minfs,0px));color:#d6e0ee;pointer-events:none;background:#04081099;border:1px solid #d6b16259;border-radius:3rem;align-items:center;gap:1rem;padding:.8rem 2rem;display:flex;position:absolute}.pn-login-srv i{background:#9aa6b8;border-radius:50%;width:1.2rem;min-width:7px;height:1.2rem;min-height:7px}.pn-login-srv[data-state=on] i{background:#59e07a;animation:2.4s ease-in-out infinite pnPulse;box-shadow:0 0 1rem #59e07a}.pn-login-srv[data-state=off] i{background:#ff5d5d;box-shadow:0 0 1rem #ff5d5d}.pn-login-srv[data-state=check] i{animation:.8s ease-in-out infinite pnPulse}.pn-srv-n{color:#f6dd96;font-weight:600}.pn-srv-s{color:#b9c8dc}.pn-login-srv[data-state=off] .pn-srv-s{color:#ff9d8f}.pn-login-ver{right:calc(3rem + var(--safe-r,0px));bottom:calc(1.6rem + var(--safe-b,0px));color:#d6e0ee8c;text-shadow:0 .1rem .3rem #000}@keyframes pnTapPulse{0%,to{opacity:.55}50%{opacity:1}}@media (max-aspect-ratio:3/2){.pn-login{justify-content:center}.pn-login-c{margin:0 calc(3rem + var(--safe-r,0px)) 0 calc(3rem + var(--safe-l,0px))}.pn-login-bg:after{background-position:18%}.pn-login-shade{background:radial-gradient(at 50% 55%,#04081073,#04081026 70%),linear-gradient(#0408104d,#04081000 30%,#03060ca6 100%)}}html.pn-phone .pn-login-c{margin-right:calc(4rem + var(--safe-r,0px));padding:.8rem 0}html.pn-phone .pn-login .pn-logo{font-size:max(7rem,26px)}html.pn-phone .pn-login .pn-logo-sub{display:none}html.pn-phone .pn-login .pn-logo-wrap{margin-bottom:6px}html.pn-phone .pn-login .cls-pick,html.pn-phone .pn-login .cls-note{grid-column:1/-1}html.pn-phone .pn-login .cls-pick{gap:3px}html.pn-phone .pn-login .cls-row{gap:6px}html.pn-phone .pn-login .cls-cardbtn{gap:1px;min-height:0;padding:5px 3px 4px}html.pn-phone .pn-login .cls-cardbtn.cls-on{transform:none}html.pn-phone .pn-login .cls-desc{padding:0;font-size:11px;line-height:1.25}html.pn-phone .pn-login-srv{top:calc(6px + var(--safe-t,0px));right:calc(8px + var(--safe-r,0px));padding:3px 10px}html.pn-phone .pn-login-ver{bottom:calc(4px + var(--safe-b,0px))}html.pn-phone .pn-login .cls-pick-h{display:none}@media (prefers-reduced-motion:reduce){.pn-login-bg:after,.pn-login-motes span,.pn-login-rays{animation:none}}.pn-set-pw{flex:0 48%;align-items:center;gap:1.2rem;display:flex}.pn-set-pw .pn-input{flex:1;min-width:0;height:max(6rem,40px)}.pn-login.pn-login-under{visibility:hidden}html.pn-phone .pn-login-srv{right:auto;left:calc(10px + var(--safe-l,0px));top:calc(6px + var(--safe-t,0px))}.cls-pick{flex-direction:column;gap:.8rem;display:flex}.cls-pick-h{color:var(--pn-gold,#d6b162);letter-spacing:.1rem;font-size:2rem}.cls-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;display:grid}.cls-cardbtn{box-sizing:border-box;cursor:pointer;touch-action:manipulation;background:linear-gradient(#0e1c34d9,#030914d9);border:.2rem solid #d6b1624d;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem .8rem 1rem;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;position:relative;box-shadow:inset 0 .3rem .8rem #00000080}.cls-cardbtn.pn-press{transform:scale(.97)}.cls-ic{pointer-events:none;filter:saturate(.55)brightness(.8);width:8.4rem;height:8.4rem;transition:filter .15s,transform .15s}.cls-nm{color:#dfe7f2;text-shadow:var(--shadow);font-size:2.6rem;font-weight:700}.cls-role{color:#8ea3bf;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:4.1rem;font-size:1.7rem;line-height:1.2;display:-webkit-box;overflow:hidden}.cls-cardbtn.cls-on{border-color:var(--gold-hi,#f6dd96);background:linear-gradient(#4a3a16d9,#0c1628e6);box-shadow:0 0 1.8rem #f6dd968c,inset 0 0 1.4rem #f6dd9640}.cls-on .cls-ic{filter:none;transform:scale(1.06)}.cls-on .cls-nm{color:var(--gold-hi,#f6dd96)}.cls-on .cls-role{color:#c9d6e8}.cls-desc{color:#c9d6e8;text-align:center;min-height:5.4rem;padding:0 1rem;font-size:2rem;line-height:1.35}.cls-note{color:#bfe9ff;text-align:center;text-shadow:0 0 1rem #45d3ff59;padding:.4rem 0;font-size:2rem}.sbtn.attack.cls-atk-on>svg{display:none}.sbtn.attack img.cls-atk{pointer-events:none;z-index:3;border-radius:50%;width:72%;height:72%;position:absolute;inset:14%}:root{--ac-serif:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;--ac-gold:#f6dd96;--ac-parch:#f1dfb4}.ac-root{flex-direction:column;align-items:center;gap:1.4rem;min-height:30rem;display:none}.pn-login-acct .ac-root{display:flex}.ac-root>div{display:none}.ac-root[data-mode=wait] .ac-wait,.ac-root[data-mode=signin] .ac-signin,.ac-root[data-mode=play] .ac-play{display:flex}.ac-root .ac-msg{display:block}.ac-root.ac-busy{pointer-events:none;filter:brightness(.85)}.ac-btn{box-sizing:border-box;cursor:pointer;color:#fff8e6;font-family:var(--ac-serif);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:50%/100% 100% no-repeat;outline:none;justify-content:center;align-items:center;gap:1.6rem;transition:transform .12s,filter .15s;display:flex;position:relative}.ac-btn:hover{filter:brightness(1.1)drop-shadow(0 0 1.2rem #ffd27859)}.ac-btn:active{filter:brightness(.95);transform:scale(.97)}.ac-btn:focus-visible{filter:brightness(1.12)drop-shadow(0 0 .6rem #fff3c4)}.ac-btn.ac-off{filter:grayscale(.7)brightness(.65);pointer-events:none}.ac-btn-l{white-space:nowrap;letter-spacing:.04em;position:relative}.ac-btn-ic{flex:none;width:1.2em;height:1.2em;display:flex}.ac-btn-ic svg{filter:drop-shadow(0 .15rem .25rem #00000073);width:100%;height:100%}.ac-btn-gold{aspect-ratio:900/145;color:#fffaf0;text-shadow:0 .2rem .3rem #462604d9,0 0 1rem #78460a66;background-image:url(../assets/ui/account/btn_gold.webp);width:max(76rem,286px);font-size:max(3.5rem,15px);font-weight:700}.ac-btn-gold .ac-btn-ic{width:1.5em;height:1.5em;margin-left:-1.2em}.ac-btn-navy{aspect-ratio:900/145;color:#f4f7fb;text-shadow:0 .2rem .4rem #000c;background-image:url(../assets/ui/account/btn_navy.webp);width:max(76rem,286px);font-size:max(3.2rem,14px);font-weight:600}.ac-btn-play{aspect-ratio:900/234;letter-spacing:.08em;color:#fff6d8;text-shadow:0 .25rem .35rem #3c1e02e6,0 0 1.6rem #ffd27859;background-image:url(../assets/ui/account/btn_play.webp);width:max(64rem,236px);font-size:max(6.2rem,24px);font-weight:700}.ac-btn-enter{aspect-ratio:900/232;letter-spacing:.06em;color:#fff6d8;text-shadow:0 .2rem .3rem #3c1e02e6,0 0 1.2rem #ffd2784d;background-image:url(../assets/ui/account/btn_enter.webp);width:max(56rem,214px);font-size:max(4.2rem,16px);font-weight:700}.ac-btn-play:after,.ac-btn-enter:after{content:"";pointer-events:none;background:radial-gradient(#ffecaa38,#0000 70%);border-radius:50%;animation:3.2s ease-in-out infinite ac-breathe;position:absolute;inset:18% 14%}@keyframes ac-breathe{0%,to{opacity:.35}50%{opacity:1}}.ac-signin{flex-direction:column;align-items:center;gap:1rem}.ac-btns{flex-direction:column;align-items:center;gap:max(1.6rem,6px);display:flex}.ac-note{font-family:var(--ac-serif);color:var(--ac-parch);text-shadow:0 .15rem .4rem #000000e6;margin-top:1.4rem;font-size:max(2.5rem,12px)}.ac-link{min-height:44px;font-family:var(--ac-serif);color:var(--ac-gold);text-underline-offset:.35em;text-shadow:0 .15rem .4rem #000000e6;align-items:center;padding:0 1rem;font-size:max(2.6rem,13px);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.ac-link:hover{color:#fff3c8}.ac-play{flex-direction:column;align-items:center;gap:1.6rem}.ac-who{font-family:var(--ac-serif);color:#fbf3df;text-shadow:0 .15rem .4rem #000000e6;font-size:max(2.8rem,13px)}.ac-wait{font-family:var(--ac-serif);color:var(--ac-parch);text-shadow:0 .15rem .4rem #000;flex-direction:column;align-items:center;gap:1.2rem;font-size:max(2.6rem,12px)}.ac-wait i,.cs-spin i{border:.45rem solid #f6dd9638;border-top-color:var(--ac-gold);border-radius:50%;width:max(4.4rem,20px);height:max(4.4rem,20px);animation:.9s linear infinite ac-spin}@keyframes ac-spin{to{transform:rotate(360deg)}}.ac-msg{text-align:center;max-width:80rem;min-height:2.6rem;font-family:var(--ac-serif);color:var(--ac-parch);text-shadow:0 .15rem .4rem #000;font-size:max(2.4rem,12px)}.ac-msg.err{color:#ffb4a6}.ac-power{right:calc(var(--safe-r,0px) + 2.6rem);bottom:calc(var(--safe-b,0px) + 2.6rem);z-index:6;aspect-ratio:256/261;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 .4rem .8rem #0009);background:url(../assets/ui/account/power.webp) 50%/contain no-repeat;outline:none;width:max(9rem,46px);transition:transform .12s,filter .15s;display:none;position:absolute}.ac-power.on,.cs .ac-power{display:block}.ac-power:hover,.ac-power:focus-visible{filter:drop-shadow(0 0 1.2rem #ffc85a99)brightness(1.1)}.ac-power:active{transform:scale(.94)}.pn-login-select>.ac-power{display:none}.pn-login-acct .pn-login-ver{right:calc(var(--safe-r,0px) + 14rem)}.ac-frame{box-sizing:border-box;border:max(3.4rem,14px) solid #0000;border-image:url(../assets/ui/account/panel_frame.webp) 84 fill/max(3.4rem,14px);position:relative}.ac-frame:before,.ac-frame:after{content:"";pointer-events:none;background:50%/100% 100% no-repeat;width:calc(1.61905*max(3.4rem,14px));height:max(3.4rem,14px);position:absolute;left:50%;transform:translate(-50%)}.ac-frame:before{background-image:url(../assets/ui/account/crest_top.webp);top:calc(-1*max(3.4rem,14px))}.ac-frame:after{background-image:url(../assets/ui/account/crest_bot.webp);bottom:calc(-1*max(3.4rem,14px))}.ac-confirm{z-index:20;background:#03070e9e;justify-content:center;align-items:center;animation:.18s ease-out ac-fade;display:flex;position:absolute;inset:0}.ac-confirm.ac-gone{opacity:0;transition:opacity .2s}@keyframes ac-fade{0%{opacity:0}to{opacity:1}}.ac-confirm-box{text-align:center;flex-direction:column;align-items:center;gap:1.4rem;width:max(70rem,300px);max-width:92vw;padding:1.6rem 2rem 2.2rem;display:flex}.ac-confirm-t{font-family:var(--ac-serif);color:var(--ac-gold);text-shadow:0 .2rem .4rem #000;font-size:max(3.8rem,17px);font-weight:700}.ac-confirm-d{font-family:var(--ac-serif);color:#dbe4f0;font-size:max(2.4rem,12px)}.ac-confirm-b{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:.8rem;display:flex}.ac-confirm-b .ac-btn{width:max(38rem,140px);font-size:max(3rem,13px)}.ac-confirm-b .ac-btn-gold,.ac-confirm-b .ac-btn-navy{aspect-ratio:900/170}.cs{z-index:5;display:none;position:absolute;inset:0}.cs.on{animation:.3s ease-out ac-fade;display:block}.pn-login-select .pn-login-c,.pn-login-select .pn-login-srv{visibility:hidden}.cs-shade{pointer-events:none;background:radial-gradient(48% 75% at 28% 58%,#060c160d,#060c1680 70%),linear-gradient(90deg,#050a1226,#050a128c 70%);position:absolute;inset:0}.cs-stage{touch-action:none;cursor:grab;width:58%;height:100%;position:absolute;top:0;bottom:0;left:0}.cs-stage:active{cursor:grabbing}.cs-spin{pointer-events:none;display:none;position:absolute;top:50%;left:29%;transform:translate(-50%,-50%)}.cs-spin.on{display:block}.cs-nopv{pointer-events:none;font-family:var(--ac-serif);color:var(--ac-parch);text-shadow:0 .15rem .5rem #000;text-align:center;flex-direction:column;align-items:center;gap:.8rem;display:none;position:absolute;top:50%;left:29%;transform:translate(-50%,-50%)}.cs-nopv.on{display:flex}.cs-nopv b{color:var(--ac-gold);font-size:max(4.4rem,20px)}.cs-nopv span{opacity:.85;font-size:max(2.4rem,12px)}.cs-logo{left:calc(var(--safe-l,0px) + 3rem);top:calc(var(--safe-t,0px) + 2.4rem);font-family:var(--ac-serif);letter-spacing:.06em;background:linear-gradient(#fffbe6,#f6dd96 40%,#d6a24a 70%,#8a5c14);color:#0000;filter:drop-shadow(0 .3rem .4rem #000000d9);pointer-events:none;-webkit-background-clip:text;background-clip:text;font-size:max(5rem,20px);font-weight:800;position:absolute}.cs-side{right:calc(var(--safe-r,0px) + 4rem);top:calc(var(--safe-t,0px) + 9rem);bottom:calc(var(--safe-b,0px) + 3rem);flex-direction:column;align-items:center;gap:2.4rem;width:max(68rem,300px);display:flex;position:absolute}.cs-panel{flex-direction:column;flex:auto;width:100%;min-height:0;padding:.4rem .6rem .8rem;display:flex}.cs-title{font-family:var(--ac-serif);color:var(--ac-gold);text-shadow:0 .2rem .4rem #000,0 0 1.4rem #f6dd9640;white-space:nowrap;justify-content:center;align-items:center;gap:1.6rem;margin:.6rem 0 1.6rem;font-size:max(4rem,16px);font-weight:700;display:flex}.cs-title i{background:linear-gradient(90deg,#0000,#d6b162);flex:0 8rem;height:.25rem;position:relative}.cs-title i:last-child{transform:scaleX(-1)}.cs-title i:after{content:"";background:#f6dd96;width:.9rem;height:.9rem;position:absolute;top:50%;right:-.4rem;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 .8rem #f6dd96cc}.cs-list{scrollbar-width:thin;scrollbar-color:#8a6a2a transparent;flex-direction:column;flex:auto;align-items:center;gap:max(1.6rem,6px);min-height:0;padding:.8rem 1.2rem 1rem;display:flex;overflow-y:auto}.cs-card{aspect-ratio:760/166;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(../assets/ui/account/card.webp) 50%/100% 100% no-repeat;outline:none;flex:none;align-items:center;gap:2rem;width:100%;min-height:44px;padding:0 3.4rem 0 2rem;transition:transform .12s,filter .15s;display:flex;position:relative}.cs-card:before{content:"";opacity:0;pointer-events:none;background:url(../assets/ui/account/card_sel.webp) 50%/100% 100% no-repeat;transition:opacity .2s;position:absolute;inset:-16.5% -3.1%}.cs-card.sel:before{opacity:1}.cs-card:hover{filter:brightness(1.12)}.cs-card:active{transform:scale(.985)}.cs-card:focus-visible{filter:brightness(1.15)}.cs-card.off{filter:grayscale(.6)brightness(.7);cursor:default}.cs-medal{aspect-ratio:256/263;background:url(../assets/ui/account/medal.webp) 50%/contain no-repeat;flex:none;justify-content:center;align-items:center;height:78%;display:flex;position:relative}.cs-medal img{object-fit:contain;filter:drop-shadow(0 0 .6rem #ffd27873);width:52%;height:52%}.cs-plus span{font-family:var(--ac-serif);color:#c9d2de;text-shadow:0 0 .8rem #c9d2de66;font-size:max(5.4rem,20px);line-height:1}.cs-card-t{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex;position:relative}.cs-name{font-family:var(--ac-serif);color:#fbf3df;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 .2rem .3rem #000;font-size:max(3.6rem,15px);font-weight:700;overflow:hidden}.cs-card.sel .cs-name{color:#ffe9a8}.cs-sub{font-family:var(--ac-serif);color:#b9c9e0;white-space:nowrap;text-overflow:ellipsis;font-size:max(2.3rem,11px);overflow:hidden}.cs-sub b{color:#8fa4c4;margin:0 .3em;font-weight:400}.cs-chev{color:#d6b162;text-shadow:0 .15rem .3rem #000;font-size:max(4.6rem,18px);line-height:1;position:relative}.cs-enter{flex:none}.cs-msg{text-align:center;font-family:var(--ac-serif);color:var(--ac-parch);text-shadow:0 .15rem .4rem #000;min-height:1em;font-size:max(2.2rem,11px);position:absolute;bottom:calc(-1*max(2.6rem,14px));left:0;right:0}.cs-msg.err{color:#ffb4a6}@media (max-height:600px){.cs-side{top:calc(var(--safe-t,0px) + 7rem);right:calc(var(--safe-r,0px) + 2.4rem);bottom:calc(var(--safe-b,0px) + 4rem);gap:1.6rem}.cs-stage{width:54%}.cs-spin{left:27%}.cs-title{margin:0 0 .6rem}.cs-card{gap:1.2rem;padding:0 2.6rem 0 1.2rem}.ac-power{right:calc(var(--safe-r,0px) + 1.6rem);bottom:calc(var(--safe-b,0px) + 1.6rem)}}.pn-login-select .pn-news{display:none!important}.pn-login-select .pn-login-bg:after{filter:brightness(.8)saturate(.95);background-position:100% 42%;background-size:150%;animation:none;transform:none}@media (max-height:600px){.cs-list{gap:5px;padding:.4rem .8rem .6rem}.cs-card{width:94%}.cs-panel{padding:0 .4rem .4rem}}