:root{--gold: #e8c25a;--gold2: #8a6a22;--panel: #1b1612;--panel2: #2a221a;--edge: #5a4628;--text: #f0e6d0;--serif: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--sans: "Trebuchet MS", Verdana, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0a10;color:var(--text);font-family:var(--sans);font-size:13px;user-select:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:default}#hud{position:fixed;inset:0;pointer-events:none}#hud>*{pointer-events:auto}button{font-family:var(--serif);cursor:pointer}img{display:block}.framebox,.unit,.win,.popup,.tip,.chat .log,.tracker{text-shadow:0 1px 2px #000}.unit{position:absolute;top:14px;left:14px;width:250px;height:66px;display:flex;align-items:center;gap:6px;padding:5px 8px 5px 5px;background:linear-gradient(#2c241b,#17120d);border:2px solid var(--edge);border-radius:34px 10px 10px 34px;box-shadow:0 2px 8px #000a,inset 0 0 0 1px #000}.unit.target{left:280px}.unit.target.elite{border-color:var(--gold);box-shadow:0 0 10px #e8c25a66,inset 0 0 0 1px #000}.port{width:52px;height:52px;border-radius:50%;border:2px solid var(--gold2);background:#111 center/cover;position:relative;flex:none;box-shadow:inset 0 0 8px #000}.lvl{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;border-radius:11px;background:#17120d;border:1px solid var(--gold2);color:#ffd24a;font:bold 12px var(--serif);display:grid;place-items:center;padding:0 3px}.bars{flex:1;min-width:0}.uname{font:bold 13px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.tsub{font-size:10px;color:#c8b890;height:12px;white-space:nowrap;overflow:hidden}.bar{position:relative;height:15px;background:#0a0806;border:1px solid #000;border-radius:3px;overflow:hidden;margin-top:2px;box-shadow:inset 0 1px 3px #000}.bar .fill{height:100%;width:100%;transition:width .18s linear;background:linear-gradient(#3fd24a,#1c8a26 60%,#146a1c)}.bar span{position:absolute;inset:0;text-align:center;font-size:10px;line-height:14px;color:#fff}.bar.res{height:12px}.bar.res span{line-height:11px;font-size:9px}.bar.res .fill,.bar.res.mana .fill{background:linear-gradient(#4a8cff,#1c4ac8)}.bar.res.rage .fill{background:linear-gradient(#ff4a3a,#a81810)}.bar.res.energy .fill{background:linear-gradient(#ffe84a,#c8a010)}.auras{position:absolute;top:70px;left:56px;display:flex;gap:3px}.aura{width:26px;height:26px;border:1px solid #000;border-radius:3px;background:center/cover;position:relative;box-shadow:0 0 0 1px #6a8a4a}.aura.debuff{box-shadow:0 0 0 1px #c82020}.aura span{position:absolute;right:1px;bottom:-1px;font-size:10px;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.tcast{position:absolute;left:62px;right:8px;bottom:-18px;height:14px;background:#0a0806;border:1px solid var(--edge);border-radius:3px;overflow:hidden}.tcast .fill{height:100%;background:linear-gradient(#ffd24a,#c88a10)}.tcast span{position:absolute;inset:0;text-align:center;font-size:10px;line-height:13px}.unit.target .auras{top:86px}.party{position:absolute;top:130px;left:14px;width:150px;display:flex;flex-direction:column;gap:6px}.pmember{background:linear-gradient(#2c241b,#17120d);border:1px solid var(--edge);border-radius:6px;padding:3px 6px 5px;cursor:pointer}.pmember.dead{opacity:.55}.pmember .bar{height:9px}.pmember .bar.res{height:6px}.mmbox{position:absolute;top:10px;right:14px;width:176px;text-align:center}.mmzone{font:bold 13px var(--serif);color:#ffe9a8;background:linear-gradient(#2c241b,#17120d);border:1px solid var(--edge);border-radius:8px;padding:3px 6px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mmring{width:176px;height:176px;border-radius:50%;padding:4px;background:radial-gradient(circle,#0000 62%,#17120d 64%),conic-gradient(#8a6a22,#e8c25a,#8a6a22,#5a4628,#e8c25a,#8a6a22);box-shadow:0 3px 10px #000c}.mmring canvas{width:168px;height:168px;border-radius:50%;cursor:pointer;display:block}.mmpos{font-size:10px;color:#c8b890;margin-top:2px}.tracker{position:absolute;top:236px;right:14px;width:220px;font-size:12px;text-align:left;pointer-events:none!important}.qhead{font:bold 13px var(--serif);color:var(--gold);border-bottom:1px solid #e8c25a55;margin-bottom:3px}.qname{color:#ffd24a;font-weight:700;margin-top:4px}.qname.done{color:#60e060}.qobj{color:#e0d8c8;padding-left:4px}.qobj.ok{color:#8a8a8a}.bottom{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}.actionbar{display:flex;gap:4px;padding:6px 10px;background:linear-gradient(#3a2e20,#17120d);border:2px solid var(--edge);border-radius:10px;box-shadow:0 3px 12px #000c,inset 0 0 0 1px #000,inset 0 1px 0 1px #e8c25a22}.slot{width:46px;height:46px;position:relative;background:#0d0a08;border:1px solid #000;outline:1px solid #6a5430;border-radius:5px;overflow:hidden;cursor:pointer}.slot img{width:100%;height:100%}.slot:hover{outline-color:var(--gold)}.slot.press{transform:scale(.92);filter:brightness(1.5)}.slot.nores img{filter:saturate(.3) brightness(.55) hue-rotate(200deg)}.slot.oor img{filter:sepia(1) saturate(4) hue-rotate(-50deg) brightness(.7)}.slot.empty img{filter:grayscale(1) brightness(.4)}.slot .cd{position:absolute;inset:0;pointer-events:none}.slot .cdt{position:absolute;inset:0;display:grid;place-items:center;font:bold 16px var(--sans);color:#ffe060;text-shadow:0 0 4px #000,0 0 4px #000;pointer-events:none}.slot .key{position:absolute;top:1px;left:3px;font-size:10px;color:#ddd;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.count{position:absolute;right:2px;bottom:0;font:bold 11px var(--sans);color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.xpbar{width:640px;height:12px;position:relative;background:#0a0806;border:1px solid var(--edge);border-radius:6px;overflow:hidden}.xpbar .fill{height:100%;background:linear-gradient(#b060f0,#6a20b0);transition:width .4s}.xpbar span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:11px;color:#fff;opacity:0;transition:opacity .2s;text-shadow:0 0 3px #000}.xpbar:hover span{opacity:1}.castbar{width:260px;height:20px;position:relative;background:#0a0806;border:2px solid var(--edge);border-radius:5px;overflow:hidden;opacity:0;transition:opacity .25s;margin-bottom:40px}.castbar.show{opacity:1}.castbar .fill{height:100%;background:linear-gradient(#ffe070,#d89a10)}.castbar span{position:absolute;inset:0;text-align:center;line-height:16px;font:bold 12px var(--serif);text-shadow:0 1px 2px #000}.micro{position:absolute;right:14px;bottom:10px;display:flex;gap:3px;padding:4px;background:linear-gradient(#3a2e20,#17120d);border:2px solid var(--edge);border-radius:8px}.mbtn{width:30px;height:34px;background:linear-gradient(#4a3a26,#241c12);border:1px solid #000;outline:1px solid #6a5430;border-radius:4px;color:var(--gold);font:bold 15px var(--serif)}.mbtn:hover{outline-color:var(--gold);filter:brightness(1.3)}.chat{position:absolute;left:14px;bottom:12px;width:400px}.chat .log{height:170px;overflow-y:auto;padding:6px 8px;background:linear-gradient(#0000,#0006);border-radius:6px;font-size:13px;line-height:1.35;scrollbar-width:thin;scrollbar-color:#5a4628 transparent}.chat.active .log,.chat:hover .log{background:#000a}.line{text-shadow:0 0 3px #000,0 1px 2px #000;word-wrap:break-word;user-select:text}.chatin{width:100%;margin-top:3px;padding:5px 8px;background:#0008;border:1px solid transparent;border-radius:5px;color:#fff;font:13px var(--sans);outline:none;opacity:.35}.chat.active .chatin{opacity:1;border-color:var(--gold2);background:#000c}.err{position:absolute;top:17%;left:0;right:0;text-align:center;font:bold 17px var(--serif);color:#ff3a2a;text-shadow:0 0 4px #000,0 2px 3px #000;opacity:0;pointer-events:none!important}.err.show{animation:errfade 2.4s forwards}@keyframes errfade{0%,60%{opacity:1}to{opacity:0}}.banner{position:absolute;top:22%;left:0;right:0;text-align:center;opacity:0;transition:opacity .5s;pointer-events:none!important}.banner.show{opacity:1}.banner .big{font:bold 40px var(--serif);color:#ffe9a8;text-shadow:0 0 12px #000,0 3px 4px #000,0 0 30px #e8c25a66;letter-spacing:1px}.banner .sub{font:18px var(--serif);color:#fff;text-shadow:0 0 6px #000,0 2px 3px #000}.banner.area .big{font-size:26px;color:#fff}.banner.level .big{color:#ffd21e;font-size:48px}.banner.quest .big{color:#ffd21e;font-size:30px}.banner.boss{top:30%}.banner.boss .big{font-size:20px;color:#ff5a4a;font-style:italic}.banner.boss .sub{font-size:14px;color:#ffb0a0}.toasts{position:absolute;right:310px;bottom:210px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;pointer-events:none!important}.toast{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#000a;border:1px solid var(--edge);border-radius:5px;font:bold 13px var(--serif);animation:tin .25s;transition:opacity .5s;text-shadow:0 1px 2px #000}.toast img{width:24px;height:24px;border-radius:3px}.toast.out{opacity:0}.toast.quest{color:#ffd21e}.toast.coin{color:#ffe9a8}.toast.r-poor{color:#9d9d9d}.toast.r-common{color:#fff}.toast.r-uncommon{color:#1eff00}.toast.r-rare{color:#4a9eff}.toast.r-epic{color:#c060ff}@keyframes tin{0%{transform:translate(30px);opacity:0}}.floats{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.float{position:absolute;left:0;top:0;font:bold 20px var(--serif);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #000;white-space:nowrap;will-change:transform}.float.spell{color:#ffe84a}.float.in{color:#ff3a2a}.float.heal{color:#40ff60}.float.miss{color:#d0d0d0;font-size:16px}.float.crit{font-size:32px}.win{position:absolute;background:linear-gradient(#2a221a,#17120d);border:2px solid var(--edge);border-radius:8px;box-shadow:0 8px 30px #000d,inset 0 0 0 1px #000,inset 0 1px 0 1px #e8c25a22}.wtitle{display:flex;justify-content:space-between;align-items:center;padding:5px 6px 5px 12px;background:linear-gradient(#4a3a26,#2a2016);border-bottom:1px solid #000;border-radius:6px 6px 0 0;font:bold 14px var(--serif);color:var(--gold);cursor:move}.wclose{width:22px;height:22px;background:linear-gradient(#a02a1a,#5a120a);border:1px solid #000;border-radius:4px;color:#ffd0b0;font:bold 14px var(--sans);line-height:1}.wbody{padding:10px;max-height:72vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5a4628 transparent}.grid{display:grid;grid-template-columns:repeat(6,38px);gap:3px;justify-content:center}.islot{width:38px;height:38px;position:relative;background:#0d0a08;border:1px solid #4a3c28;border-radius:4px;flex:none}.islot img{width:100%;height:100%;border-radius:3px}.islot:hover{filter:brightness(1.25)}.ghost{position:absolute;inset:0;display:grid;place-items:center;font-size:8px;color:#6a5a40;text-align:center;text-shadow:none}.money{text-align:right;margin-top:8px;font:bold 13px var(--serif)}.coin{margin-left:6px}.coin i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:2px;vertical-align:-1px;border:1px solid #0008}.coin.g i{background:radial-gradient(circle at 35% 35%,#fff2a0,#d8a010)}.coin.s i{background:radial-gradient(circle at 35% 35%,#fff,#8a8e96)}.coin.c i{background:radial-gradient(circle at 35% 35%,#ffc090,#a05a20)}.hint{margin-top:8px;font-size:11px;color:#a89878;font-style:italic}.chead{font:bold 18px var(--serif);text-align:center}.csub{text-align:center;color:#c8b890;margin-bottom:8px}.doll{display:flex;gap:8px}.dcol{display:flex;flex-direction:column;gap:4px}.dstats{flex:1;background:#0006;border:1px solid #4a3c28;border-radius:5px;padding:6px 8px}.srow{display:flex;justify-content:space-between;line-height:1.5}.srow span:last-child{color:#fff;font-weight:700}.srow span:first-child{color:#ffd24a}.ssep{height:1px;background:#4a3c28;margin:4px 0}.spell{display:flex;gap:8px;align-items:center;padding:4px;border-radius:5px;cursor:pointer}.spell:hover{background:#fff1}.spell img{width:40px;height:40px;border-radius:4px;border:1px solid #000;outline:1px solid #6a5430}.spell.locked{opacity:.45}.sname{font:bold 13px var(--serif);color:#ffd24a}.sdesc{font-size:11px;color:#d0c8b8}.qcols{display:flex;gap:10px}.qlist{width:210px;flex:none}.plist{width:180px;flex:none}.pdet{flex:1;min-width:0}.pitem{padding:5px 6px;border-radius:5px;cursor:pointer;margin-bottom:4px;border:1px solid transparent}.pitem:hover{background:#fff1}.pitem.sel{background:#e8c25a22;border-color:#8a6a22}.pname{font:bold 13px var(--serif)}.pbar{height:13px}.pbar .fill{background:linear-gradient(#e8c25a,#a87a18)}.pbar span{line-height:12px}.prow{display:flex;gap:8px;align-items:center;padding:3px;border-radius:5px}.prow:hover{background:#fff1}.prow.locked{opacity:.55}.ptext{flex:1;min-width:0}.pmats{font-size:11px;color:#c8b890}.pmats .no{color:#ff6a5a}.prow .btn.small{margin-top:0}.btn.off{filter:grayscale(1) brightness(.7)}.qitem{padding:3px 6px;border-radius:4px;cursor:pointer;font-weight:700}.qitem:hover,.qitem.sel{background:#fff2}.parch{background:linear-gradient(#e8d8b0,#cdb98a);color:#2a1c0c;border:1px solid #6a5430;border-radius:4px;padding:12px 14px;text-shadow:none;flex:1;font-family:var(--serif);box-shadow:inset 0 0 30px #8a6a2255}.qtitle{font:bold 18px var(--serif);color:#3a1c08;margin-bottom:6px}.qgroup{color:#a02a1a;font-weight:700;margin-bottom:4px}.qtext{white-space:pre-wrap;line-height:1.45;font-size:14px}.qsec{font:bold 15px var(--serif);margin-top:10px;color:#3a1c08}.qo{padding-left:8px}.qo.ok{color:#2a6a1a}.qsmall{font-size:12px;margin-top:4px;color:#4a3418}.qrew{display:flex;gap:10px;font-weight:700}.rewitems{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rew{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;background:#2a1c0ccc;border:2px solid transparent;border-radius:5px;font:bold 12px var(--sans);text-shadow:0 1px 2px #000;cursor:pointer}.rew.sel{border-color:#ffd21e;box-shadow:0 0 8px #ffd21e}.gopt{padding:5px 4px;cursor:pointer;border-radius:4px;font-size:14px;margin-top:3px}.gopt:hover{background:#3a1c0822}.gmark{display:inline-block;width:20px;font-weight:700;text-align:center}.gmark.gold{color:#b07a00}.gmark.grey{color:#7a7a7a}.row{display:flex;gap:8px;justify-content:center;margin-top:10px}.btn{padding:6px 16px;background:linear-gradient(#a02a1a,#5a120a);border:1px solid #000;outline:1px solid var(--gold2);border-radius:5px;color:#ffe9a8;font:bold 13px var(--serif);text-shadow:0 1px 2px #000}.btn:hover{filter:brightness(1.25);outline-color:var(--gold)}.btn.small{font-size:11px;padding:3px 10px;margin-top:10px}.btn.wide{display:block;width:100%;margin-bottom:7px;padding:9px}.btn.gold{background:linear-gradient(#d8a020,#8a5a08);color:#fff;font-size:15px}.vrow{display:flex;gap:8px;align-items:center;padding:3px;border-radius:5px;cursor:pointer}.vrow:hover{background:#fff1}.vrow.poor .vprice{color:#ff5a5a}.vprice .coin{margin-left:0;margin-right:6px}.hrow{display:flex;gap:10px;line-height:1.7}.hkey{width:130px;color:#ffd24a;font-weight:700;flex:none}.popups{position:absolute;top:26%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center}.popup{background:linear-gradient(#2a221a,#17120d);border:2px solid var(--gold2);border-radius:8px;padding:14px 22px;text-align:center;font:14px var(--serif);box-shadow:0 8px 30px #000d}.popup .btn{margin-top:10px}.modalbg{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:50}.tip{position:fixed;display:none;max-width:290px;min-width:150px;padding:8px 10px;background:#0c0a14ee;border:1px solid #8a8a9a;border-radius:6px;font-size:12px;line-height:1.4;z-index:40;pointer-events:none!important}.tname{font:bold 14px var(--serif)}.trow{display:flex;justify-content:space-between;gap:14px}.tuse{color:#1eff00}.tflavor{color:#ffd24a;font-style:italic}.tprice{color:#fff;margin-top:2px}.tsep{margin:6px 0 3px;padding-top:5px;border-top:1px solid #5a5a6a;color:#9a9aaa;font-size:11px}#menu{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,#2a2440,#14101c 55%,#07060a);display:flex;flex-direction:column;align-items:center;overflow:auto}.mtitle{margin-top:3vh;font:bold 54px var(--serif);color:#ffe9a8;text-shadow:0 0 30px #e8c25a88,0 4px 6px #000;letter-spacing:2px}.msub{font:italic 18px var(--serif);color:#b8a8d8;letter-spacing:6px;margin-bottom:2vh;text-transform:uppercase}.mcols{display:flex;gap:18px;align-items:stretch;width:min(1180px,96vw);flex:1;min-height:0;max-height:74vh}.mpanel{width:320px;flex:none;background:linear-gradient(#2a221aee,#17120dee);border:2px solid var(--edge);border-radius:10px;padding:14px;overflow-y:auto;box-shadow:0 8px 30px #000a;scrollbar-width:thin}.mmid{flex:1;position:relative;min-width:260px;display:flex;flex-direction:column;align-items:center}.mprev{width:100%;height:100%;min-height:380px;cursor:grab}.mname{position:absolute;bottom:44px;font:bold 30px var(--serif);color:#fff;text-shadow:0 2px 6px #000}.mclass{position:absolute;bottom:20px;font:bold 15px var(--serif);text-shadow:0 2px 4px #000}.mhead{font:bold 18px var(--serif);color:var(--gold);margin-bottom:8px;border-bottom:1px solid #e8c25a44;padding-bottom:4px}.mnote{color:#d8ccb8;line-height:1.5;margin-bottom:12px;font-family:var(--serif);font-size:14px}.mnote.small{font-size:12px;margin:5px 0 8px;color:#b8ac98;min-height:34px}.mli{line-height:1.7;color:#d8ccb8}.mlabel{font:bold 12px var(--serif);color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.mtiles{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:4px}.tile{display:flex;align-items:center;gap:6px;padding:5px 7px;background:linear-gradient(#3a2e20,#1c160f);border:1px solid #000;outline:1px solid #5a4628;border-radius:5px;color:#f0e6d0;font:bold 12px var(--serif);text-align:left}.tile img{width:22px;height:22px;border-radius:3px}.tile:hover{filter:brightness(1.25)}.tile.sel{outline:2px solid var(--gold);background:linear-gradient(#5a4628,#2a2016)}.mabil{display:flex;gap:4px;flex-wrap:wrap}.mabil img{width:34px;height:34px;border-radius:4px;border:1px solid #000}.mstep{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;background:#0005;border-radius:5px;padding:2px;font-family:var(--serif)}.arrow{width:30px;height:28px;background:linear-gradient(#4a3a26,#241c12);border:1px solid #000;border-radius:4px;color:var(--gold);font:bold 18px var(--serif);line-height:1}.minput{width:100%;padding:9px;margin:4px 0 8px;background:#000a;border:1px solid var(--gold2);border-radius:5px;color:#fff;font:bold 16px var(--serif);text-align:center;outline:none}.merr{color:#ff5a4a;min-height:18px;text-align:center;margin-bottom:4px}.mchar{display:flex;gap:10px;align-items:center;padding:7px;border:1px solid #0000;border-radius:6px;cursor:pointer;margin-bottom:4px}.mchar:hover{background:#fff1}.mchar.sel{background:#e8c25a22;border-color:var(--gold2)}.mchar img{width:42px;height:42px;border-radius:5px;border:1px solid #000}.mchar .n{font:bold 16px var(--serif)}.mchar .s{font-size:11px;color:#c8b890}.mfoot{margin:10px 0;font-size:11px;color:#6a6078}@media(max-width:1000px){.mpanel{width:250px}.mtitle{font-size:36px}.chat{width:300px}.xpbar{width:520px}}:root{--ink: #120c06;--gilt: linear-gradient(180deg, #fff1b8 0%, #e8c25a 30%, #a57c2c 62%, #5a3e12 100%);--panel-bg: var(--stone), radial-gradient(120% 90% at 50% 0%, #3a3022 0%, #241c13 55%, #16110b 100%);--bevel: inset 0 0 0 1px #000, inset 0 0 0 2px #c9a24e, inset 0 0 0 3px #6a4c1e, inset 0 0 0 4px #1a120a, inset 0 6px 18px rgba(255, 214, 140, .08), inset 0 -10px 22px rgba(0, 0, 0, .45);--drop: 0 6px 18px rgba(0, 0, 0, .65), 0 2px 4px rgba(0, 0, 0, .6);--title: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif}.orn{position:relative}.orn:before,.orn:after,.unit:before,.win:before,.tip:before{content:"";position:absolute;pointer-events:none}.win:before,.unit:before,.tip:before{inset:-7px;background:var(--orn-tl) left top / 34px 34px no-repeat,var(--orn-tr) right top / 34px 34px no-repeat,var(--orn-bl) left bottom / 34px 34px no-repeat,var(--orn-br) right bottom / 34px 34px no-repeat;z-index:2}.tip:before{inset:-5px;background-size:22px 22px}.unit{height:72px;padding:6px 12px 6px 6px;border:0;border-radius:40px 12px 12px 40px;background:var(--panel-bg);box-shadow:var(--bevel),var(--drop)}.unit:before{inset:-6px -6px -6px 30px;background:var(--orn-tr) right top / 30px 30px no-repeat,var(--orn-br) right bottom / 30px 30px no-repeat}.unit.target.elite{box-shadow:var(--bevel),0 0 0 2px #e8c25a,0 0 18px #e8c25a8c,var(--drop)}.port{width:58px;height:58px;border:0;box-shadow:0 0 0 2px var(--ink),0 0 0 4px #c9a24e,0 0 0 5px var(--ink),inset 0 0 12px #000;background-color:#0b0806}.lvl{width:24px;height:24px;right:-8px;bottom:-6px;border:0;background:radial-gradient(circle at 40% 35%,#4a3a22,#120c06);box-shadow:0 0 0 1.5px var(--ink),0 0 0 3px #c9a24e;font-family:var(--title);font-size:13px}.uname{font-family:var(--title);font-size:14px;letter-spacing:.3px;text-shadow:0 1px 0 #000,0 0 6px #000}.bar{height:17px;border:0;border-radius:4px;background:linear-gradient(#050302,#1a120b);box-shadow:0 0 0 1px #000,0 0 0 2px #6a4c1e,inset 0 2px 4px #000}.bar .fill{position:relative;border-radius:3px;background:linear-gradient(180deg,#8af07a,#36c23e 22%,#1c8a26 60%,#0e5a16);box-shadow:inset 0 1px #ffffff59}.bar .fill:after{content:"";position:absolute;left:0;right:0;top:1px;height:35%;border-radius:3px;background:linear-gradient(#ffffff59,#fff0)}.bar span{font:bold 10.5px var(--sans);line-height:17px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;z-index:1}.bar.res{height:13px}.bar.res span{line-height:13px;font-size:9.5px}.bar.res .fill,.bar.res.mana .fill{background:linear-gradient(180deg,#9cc8ff,#3c7ef0 25%,#1c46b8 65%,#0e2670)}.bar.res.rage .fill{background:linear-gradient(180deg,#ff9a8a,#ec3a2a 25%,#a81810 65%,#600a06)}.bar.res.energy .fill{background:linear-gradient(180deg,#fff6a0,#f0d030 25%,#c89a10 65%,#7a5a06)}.aura{width:28px;height:28px;border-radius:4px;box-shadow:0 0 0 1px #000,0 0 0 2px #7a9a4a,0 2px 4px #000}.aura.debuff{box-shadow:0 0 0 1px #000,0 0 0 2px #c82020,0 2px 4px #000}.tcast{height:16px;border:0;box-shadow:0 0 0 1px #000,0 0 0 2px #c9a24e;background:#0a0806}.pmember{border:0;background:var(--panel-bg);box-shadow:var(--bevel),var(--drop);padding:6px 9px 8px;border-radius:8px}.mmbox{width:190px}.mmzone{position:relative;margin:0 14px 6px;padding:4px 10px 5px;border:0;border-radius:3px;background:var(--panel-bg);box-shadow:var(--bevel),var(--drop);font-family:var(--title);font-size:14px;letter-spacing:.5px;color:#ffe9a8}.mmring{position:relative;width:190px;height:190px;padding:11px;border-radius:50%;background:radial-gradient(circle,transparent 60%,#120c06 62%,#2a2016 75%,#120c06 100%);box-shadow:var(--drop)}.mmring:after{content:"";position:absolute;inset:7px;pointer-events:none;background:var(--compass) center / 100% 100% no-repeat}.mmring canvas{width:168px;height:168px;box-shadow:inset 0 0 16px #000}.mmpos{font-family:var(--title);color:#d8c49a;text-shadow:0 1px 2px #000}.tracker{top:262px;width:230px;padding:8px 10px;background:linear-gradient(90deg,#0a070400,#0a07048c 18%);border-radius:6px}.qhead{font-family:var(--title);font-size:15px;letter-spacing:.5px;border-bottom:1px solid rgba(232,194,90,.45);padding-bottom:2px}.qname{font-family:var(--title);font-size:13px}.actionbar{position:relative;gap:5px;padding:9px 14px 10px;border:0;border-radius:6px;background:var(--panel-bg);box-shadow:var(--bevel),var(--drop)}.actionbar:before,.actionbar:after{content:"";position:absolute;top:50%;width:70px;height:74px;transform:translateY(-50%);pointer-events:none}.actionbar:before{left:-58px;background:var(--cap-l) center / contain no-repeat}.actionbar:after{right:-58px;background:var(--cap-r) center / contain no-repeat}.slot{width:48px;height:48px;border:0;outline:0;border-radius:5px;background:radial-gradient(circle at 50% 40%,#241a10,#0a0705);box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a2a,0 0 0 3px #1a120a,inset 0 0 10px #000;transition:box-shadow .12s,transform .06s}.slot img{border-radius:4px;box-shadow:inset 0 0 6px #0009}.slot:after{content:"";position:absolute;inset:0;border-radius:5px;pointer-events:none;background:linear-gradient(160deg,#ffffff38,#fff0 38%)}.slot:hover{box-shadow:0 0 0 1px #000,0 0 0 2px #ffe08a,0 0 0 3px #1a120a,0 0 12px #ffd66eb3}.slot .key{top:2px;left:4px;font:bold 10.5px var(--sans);color:#f4ead0;text-shadow:-1px -1px 0 #000,1px 1px 0 #000,0 0 3px #000;z-index:2}.slot .count{z-index:2}.slot .cd{border-radius:5px}.xpbar{width:660px;height:13px;border:0;border-radius:7px;background:linear-gradient(#050302,#1a120b);box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a2a,inset 0 2px 4px #000}.xpbar .fill{border-radius:6px;background:linear-gradient(180deg,#e0b0ff,#a050f0 30%,#6a20b0 70%,#3a0a6a);box-shadow:inset 0 1px #ffffff4d}.xpbar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),rgba(0,0,0,.55) calc(5% - 1px) 5%);border-radius:7px}.castbar{width:300px;height:22px;border:0;border-radius:5px;background:#0a0806;box-shadow:0 0 0 1px #000,0 0 0 2px #c9a24e,0 0 0 3px #1a120a,var(--drop)}.castbar .fill{background:linear-gradient(180deg,#fff2a8,#f0c040 30%,#c88a10 70%,#7a5206);box-shadow:0 0 10px #ffc850b3}.castbar span{font-family:var(--title);line-height:22px;font-size:13px}.micro{gap:4px;padding:6px;border:0;border-radius:6px;background:var(--panel-bg);box-shadow:var(--bevel),var(--drop)}.mbtn{width:32px;height:38px;border:0;outline:0;border-radius:4px;background:radial-gradient(circle at 50% 30%,#5a4428,#1c140c);box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a2a;font-family:var(--title);color:#ffe08a;text-shadow:0 1px 2px #000}.mbtn:hover{box-shadow:0 0 0 1px #000,0 0 0 2px #ffe08a,0 0 10px #ffd66e99;filter:none}@media(max-width:1240px){.micro{bottom:96px}.toasts{bottom:260px}}.chat .log{border-radius:4px;text-shadow:0 1px 2px #000}.chat.active .log,.chat:hover .log{background:linear-gradient(#0c08048c,#0c0804bf);box-shadow:inset 0 0 0 1px #c9a24e59}.chat.active .chatin{border:0;background:#080603e6;box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a2a}.win{border:0;border-radius:6px;background:var(--panel-bg);box-shadow:var(--bevel),0 12px 40px #000c}.wtitle{position:relative;margin:4px 4px 0;padding:7px 8px 7px 16px;border:0;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#5a4426,#3a2a16 55%,#241a0e);box-shadow:inset 0 1px #ffe6aa40,inset 0 -1px #000,0 1px #8a6a2a;font-family:var(--title);font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#ffe08a;text-shadow:0 1px 2px #000,0 0 8px rgba(255,200,90,.3)}.wclose{width:24px;height:24px;border:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c84a2a,#5a120a);box-shadow:0 0 0 1px #000,0 0 0 2px #c9a24e;color:#ffe0c0;z-index:3}.wbody{padding:12px 14px 14px}.islot{border:0;border-radius:4px;background:radial-gradient(circle at 50% 40%,#241a10,#0a0705);box-shadow:0 0 0 1px #000,0 0 0 2px #6a5430,inset 0 0 8px #000}.islot[style*=border-color]{box-shadow:0 0 0 1px #000,0 0 0 2px currentColor,inset 0 0 8px #000}.dstats,.qlist{background:#00000059;border:0;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #8a6a2a80;border-radius:4px}.parch{background:linear-gradient(180deg,#f0e2bc,#e2cf9e 60%,#d2ba82);border:0;box-shadow:inset 0 0 0 1px #6a5430,inset 0 0 40px #7a521659,0 2px 6px #00000080}.btn{border:0;outline:0;border-radius:4px;padding:7px 18px;background:linear-gradient(180deg,#c8422a,#8a1e10 55%,#5a0e06);box-shadow:0 0 0 1px #000,0 0 0 2px #c9a24e,inset 0 1px #ffc8a059;font-family:var(--title);letter-spacing:.5px}.btn:hover{filter:brightness(1.18);box-shadow:0 0 0 1px #000,0 0 0 2px #ffe08a,0 0 12px #ffbe5a8c,inset 0 1px #ffc8a059}.btn.gold{background:linear-gradient(180deg,#ffd860,#d89a18,#8a5a06);color:#2a1804;text-shadow:0 1px 0 rgba(255,240,190,.6)}.tip{padding:10px 12px;border:0;border-radius:4px;background:linear-gradient(180deg,#141022f7,#0a0812f7);box-shadow:0 0 0 1px #000,0 0 0 2px #8a8aa8,0 8px 24px #000000bf}.tname{font-family:var(--title);font-size:15px}.popup{border:0;border-radius:6px;background:var(--panel-bg);box-shadow:var(--bevel),0 12px 40px #000c;font-family:var(--title)}.banner .big{font-family:var(--title);letter-spacing:2px;background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 10px rgba(0,0,0,.8));text-shadow:none}.banner.area .big{font-size:28px}.banner.boss .big{background:linear-gradient(#ffb0a0,#ff4a3a 50%,#8a1a10);-webkit-background-clip:text;background-clip:text}.err{font-family:var(--title);letter-spacing:.3px}.toast{border:0;border-radius:4px;background:#0c0804d1;box-shadow:0 0 0 1px #000,0 0 0 2px #c9a24e99;font-family:var(--title)}