@font-face{font-family:Friz Quadrata;src:url(/fonts/friz-quadrata-std-medium.otf)format("opentype");font-weight:400;font-display:block}:root{--gold:#c9a24a;--blood:#8e1a12;--panel:linear-gradient(180deg, #181615f5, #090808f7);--panel-border:#3b3128;--bevel:inset 0 1px 0 #ffebc812, inset 0 0 0 1px #000000bf, inset 0 0 22px #000000a6, 0 4px 18px #000000b3;--text:#cfc5b0;--muted:#857a68;--q-common:#fff;--q-uncommon:#3ee04a;--q-rare:#4a8dff;--q-epic:#b65cff;--serif:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;font-family:var(--serif)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#050505;margin:0;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{cursor:pointer;font-family:inherit}.screen{z-index:50;background:radial-gradient(at 50% 38%,#2a0d0a 0%,#0b0707 45%,#020202 100%);place-items:center;display:grid;position:fixed;inset:0}.login-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;width:min(560px,92vw);box-shadow:var(--bevel), 0 0 80px #8e1a1240;border-radius:3px;padding:28px 32px}.login-card h1{letter-spacing:12px;text-transform:uppercase;color:#b3261a;text-shadow:0 2px #2a0604,0 0 28px #c828148c,0 0 2px #ff8a5a;margin:0;font-size:58px;font-weight:400}.tagline{color:var(--muted);margin:4px 0 22px;font-style:italic}.hint{color:var(--muted);font-size:13px}.error{color:#ff6b5e;min-height:18px;margin:10px 0 0}#login-name{text-align:center;width:100%;color:var(--text);border:1px solid var(--panel-border);background:#070606;border-radius:2px;outline:none;padding:10px 12px;font-family:inherit;font-size:18px;box-shadow:inset 0 0 10px #000}#login-name:focus{border-color:var(--gold)}.style-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0 8px;display:grid}.style-card{text-align:left;color:var(--text);background:#100e0d;border:1px solid #2c251f;border-radius:2px;padding:10px 12px;font-family:inherit;box-shadow:inset 0 0 14px #000}.style-card b{margin-bottom:3px;font-size:17px;display:block}.style-card span{color:var(--muted);font-size:12px;line-height:1.35;display:block}.style-card.selected{border-color:var(--gold);background:#1d1610;box-shadow:inset 0 0 14px #000,0 0 12px #c9a24a40}#login-go{letter-spacing:3px;text-transform:uppercase;color:#e8d9b8;background:linear-gradient(#6e1810,#3a0a06);border:1px solid #a3382a;border-radius:2px;margin-top:10px;padding:12px 40px;font-family:inherit;font-size:18px;box-shadow:inset 0 1px #ffa07840,0 0 18px #8e1a1280}#login-go:hover:not(:disabled){background:linear-gradient(#8a2015,#4a0e08)}#login-go:disabled{filter:grayscale();opacity:.6}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud>*{pointer-events:auto}#plates,#fct{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.unit-frame{background:var(--panel);border:1px solid var(--panel-border);width:250px;box-shadow:var(--bevel);border-radius:3px;padding:8px 10px;position:absolute;top:14px}#player-frame{left:14px}#target-frame{left:280px}.unit-head{text-shadow:0 1px 2px #000;align-items:center;gap:8px;margin-bottom:5px;font-weight:700;display:flex}.unit-level{text-align:center;color:#120c02;background:linear-gradient(#d9b45a,#8a6a24);border-radius:2px;min-width:24px;padding:1px 5px;font-size:12px}.unit-name.hostile{color:#ff7161}.unit-name.friendly{color:#7be07f}.bar{background:#0c0906;border:1px solid #000;border-radius:3px;height:17px;margin-top:3px;position:relative;overflow:hidden}.bar .fill{transform-origin:0;width:100%;height:100%;transition:transform .12s linear}.bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;line-height:16px;position:absolute;inset:0}.bar.hp .fill{background:linear-gradient(#c22a1c,#6a0f0a)}.bar.res .fill{background:linear-gradient(#4a90e8,#2a559c)}.bar.res.rage .fill{background:linear-gradient(#e8564a,#9c2a2a)}.bar.res.focus .fill{background:linear-gradient(#e8b44a,#9c6e2a)}.bar.cast .fill{background:linear-gradient(#ffd97a,#c98e2a);transition:none}.auras{flex-wrap:wrap;gap:3px;min-height:0;margin-top:4px;display:flex}.aura{background:#120e09;border:1px solid #7a2f2f;border-radius:4px;place-items:center;width:24px;height:24px;font-size:15px;display:grid}.aura.good{border-color:#2f7a3a}#zone-banner{text-align:center;letter-spacing:8px;text-transform:uppercase;color:#d8c08a;text-shadow:0 2px 6px #000,0 0 30px #c9a24a80;opacity:0;font-size:44px;transition:opacity 1.5s;position:absolute;top:18%;left:0;right:0;pointer-events:none!important}#zone-banner.show{opacity:1}#error-text{text-align:center;color:#ff4f42;text-shadow:0 1px 3px #000;opacity:0;font-size:19px;transition:opacity .4s;position:absolute;top:22%;left:0;right:0;pointer-events:none!important}#error-text.show{opacity:1;transition:none}#levelup-banner{text-align:center;color:#ffe38a;text-shadow:0 0 18px #ffc83ccc,0 2px 4px #000;font-size:34px;animation:3.2s ease-out forwards levelup;position:absolute;top:30%;left:0;right:0;pointer-events:none!important}#levelup-banner small{color:#fff;margin-top:6px;font-size:18px;display:block}@keyframes levelup{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.08)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0}}#xp-drops{width:200px;height:200px;position:absolute;top:38%;right:24px;pointer-events:none!important}.xp-drop{color:#d9b8ff;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:15px;font-weight:700;animation:1.8s linear forwards xpdrop;position:absolute;bottom:0;right:0}@keyframes xpdrop{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-150px)}}.plate{text-align:center;white-space:nowrap;--c:#ffd76a;font-family:"Friz Quadrata", var(--serif);font-size:calc(16px * var(--ui));font-synthesis:none;letter-spacing:.2px;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;-webkit-text-stroke:calc(2.6px * var(--ui)) #0b0705;paint-order:stroke fill;text-shadow:0 1px #000,0 2px 4px #0009;font-weight:400;line-height:1.18;transition:opacity .18s linear;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px)}.plate .pname{color:var(--c)}.plate.mob{--c:#ff5f4c}.plate.mob.passive{--c:#ffe27a}.plate.player{--c:#8fd3ff}.plate.elite .pname:before{content:"";vertical-align:-.12em;background:var(--icon-ui-elite) center / contain no-repeat;width:.95em;height:.95em;margin-right:.25em;display:inline-block}.plate .php{box-sizing:border-box;width:calc(104px * var(--ui));width:round(calc(104px * var(--ui)), 2px);height:calc(10px * var(--ui));height:round(calc(10px * var(--ui)), 1px);background:#160b08;border:1px solid #000;border-radius:0;margin:3px auto 0;overflow:hidden;box-shadow:0 0 0 1px #ffecbe47,0 1px 3px #000c}.plate .php div{transform-origin:0;background:linear-gradient(#f0584a,#c22e22 55%,#8f1d15);height:100%}.plate.player .php div,.plate.mob.friendly .php div{background:linear-gradient(#63d96c,#2fa53a 55%,#1f7a29)}.plate.elite{font-size:calc(18px * var(--ui))}.plate.boss{font-size:calc(21px * var(--ui))}.plate.elite .php,.plate.boss .php{width:calc(136px * var(--ui));width:round(calc(136px * var(--ui)), 2px);height:calc(12px * var(--ui));height:round(calc(12px * var(--ui)), 1px)}.plate .bubble{white-space:normal;max-width:260px;font-family:var(--serif);font-size:calc(13px * var(--ui));letter-spacing:0;color:#1c1408;-webkit-text-stroke:0;text-shadow:none;background:#f6edd6;border:1px solid #1c1408;border-radius:8px;margin-bottom:4px;padding:4px 9px;line-height:1.25;display:inline-block}.fct{font-family:"Friz Quadrata", var(--serif);color:#fff;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:0 3px #000,0 0 10px #000000e6;white-space:nowrap;will-change:transform, opacity;font-size:44px;line-height:1;animation:1.5s cubic-bezier(.2,.7,.3,1) forwards fct;position:absolute;top:0;left:0}.fct.ability{color:#ffd83a}.fct.crit{color:#ffb02a;font-size:68px;animation-name:fctcrit}.fct.crit:not(.ability):not(.taken):not(.heal){color:#fff3c4}.fct.taken{color:#ff3b2e;font-size:38px}.fct.taken.crit{font-size:56px}.fct.heal{color:#5dff6a;font-size:38px}.fct.miss{color:#d8d8d8;font-size:28px}@keyframes fct{0%{opacity:0;transform:translateY(0)scale(.6)}10%{opacity:1;transform:translateY(-8px)scale(1.12)}20%{transform:translateY(-20px)scale(1)}65%{opacity:1}to{opacity:0;transform:translateY(-130px)scale(1)}}@keyframes fctcrit{0%{opacity:0;transform:translateY(0)scale(.4)}9%{opacity:1;transform:translateY(-6px)scale(1.5)}22%{transform:translateY(-22px)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-160px)scale(1)}}#actionbar{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);pointer-events:none!important}#combo{gap:7px;margin-bottom:2px;display:flex}#combo i{background:#0c0a09;border:1px solid #4a3d2a;width:15px;height:15px;transition:background .1s,box-shadow .1s;transform:rotate(45deg);box-shadow:inset 0 0 4px #000}#combo i.on{background:radial-gradient(circle at 35% 35%,#fff2a8,#e0a21a 60%,#7a4a05);border-color:#ffe27a;box-shadow:0 0 10px #ffbe32d9}#combo.full i.on{background:radial-gradient(circle at 35% 35%,#ffd0c0,#e0401a 60%,#6a1205);border-color:#ff9a7a;box-shadow:0 0 12px #ff5028e6}#swing{opacity:0;background:#0000008c;border-radius:2px;width:100%;height:3px;transition:opacity .4s;overflow:hidden}#swing.active{opacity:.85}#swing-fill{transform-origin:0;background:linear-gradient(90deg,#8a7a5a,#f2e6c4);width:100%;height:100%}#swing.ready #swing-fill{background:#fff;box-shadow:0 0 6px #fff}#xpbar{border:1px solid var(--panel-border);background:#040404cc;border-radius:2px;width:100%;height:13px;position:relative;overflow:hidden}#xpbar-fill{background:linear-gradient(#b48cf0,#6a3fb0);width:0;height:100%;transition:width .3s}#xpbar span{text-align:center;color:#e8e0f5;text-shadow:0 1px 2px #000;letter-spacing:.5px;font-size:10px;line-height:12px;position:absolute;inset:0}#actionbar>*{pointer-events:auto}#hotbar{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--bevel);border-radius:3px;gap:5px;padding:7px;display:flex}.slot{background:radial-gradient(circle at 50% 35%,#1d1a18,#090808);border:1px solid #3b3128;border-radius:2px;place-items:center;width:52px;height:52px;font-size:27px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000}.slot:hover{border-color:var(--gold)}.slot .key{color:var(--muted);text-shadow:0 1px 1px #000;font-size:11px;position:absolute;top:1px;left:4px}.slot .cd{pointer-events:none;position:absolute;inset:0}.slot .cdtext{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;inset:0}.slot.locked{filter:grayscale()brightness(.55)}.slot.locked .req{text-align:center;color:#fff;filter:none;font-size:10px;position:absolute;bottom:1px;left:0;right:0}.slot.nores .icon{filter:saturate(.2)brightness(.6)}.slot.pressed{border-color:#fff;transform:scale(.93)}#castbar{border:1px solid var(--panel-border);width:260px;height:20px;box-shadow:var(--bevel);background:#070606;border-radius:2px;position:absolute;bottom:132px;left:50%;overflow:hidden;transform:translate(-50%)}#castbar .fill{transform-origin:0;background:linear-gradient(#ffd97a,#c98e2a);width:100%;height:100%}#castbar span{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;line-height:17px;position:absolute;inset:0}#chat{width:min(320px,26vw);font-family:"Friz Quadrata", var(--serif);font-synthesis:none;-webkit-font-smoothing:antialiased;position:absolute;bottom:16px;left:14px}#chat-log{letter-spacing:.25px;word-spacing:.5px;color:#ded5c1;text-shadow:0 1px #000,0 0 3px #000000e6;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;scrollbar-width:thin;background:#0404049e;border:1px solid #3b312899;border-bottom:none;border-radius:2px 2px 0 0;height:170px;padding:6px 8px;font-size:13px;line-height:1.45;overflow-y:auto}#chat-log b,#chat-log i,#chat-log em,#chat-log strong{font-style:normal;font-weight:400}#chat-log .system{color:#ffd76a}#chat-log .loot{color:#7be07f}#chat-log .who{color:#8fd3ff;font-weight:400}#chat-input{letter-spacing:.25px;width:100%;color:var(--text);background:#040404cc;border:1px solid #3b3128;border-radius:0 0 2px 2px;outline:none;padding:6px 8px;font-family:inherit;font-size:13px}#chat-input::placeholder{color:var(--muted);opacity:.85}#chat-input:focus{border-color:var(--gold)}#menu{flex-wrap:wrap-reverse;justify-content:flex-end;gap:6px;max-width:344px;display:flex;position:absolute;bottom:16px;right:14px}@media (max-width:1500px){#menu{max-width:244px}}#menu button{background:var(--panel);border:1px solid var(--panel-border);width:44px;height:44px;box-shadow:var(--bevel);filter:saturate(.7);border-radius:3px;font-size:21px}#menu button:hover{border-color:var(--gold)}.panel{z-index:12;width:440px;max-width:calc(50vw - 20px);max-height:calc(100vh / var(--ui) - 28px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--bevel);scrollbar-width:thin;scrollbar-color:#5a4a30 transparent;border-radius:3px;padding:16px;position:absolute;right:14px;overflow-y:auto}#panel-inventory{bottom:calc(var(--menu-h,94px) + 30px);max-height:calc(100vh / var(--ui) - var(--menu-h,94px) - 30px - 256px)}#panel-character,#panel-skills{max-height:calc(100vh / var(--ui) - 164px - 150px);bottom:164px;right:468px}@media (max-width:1500px){#panel-character,#panel-skills{bottom:174px}}.panel-title{letter-spacing:4px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #2a231c;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;font-size:22px;display:flex}.panel-close{color:var(--muted);background:0 0;border:none;font-size:30px;line-height:20px}#inv-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cell{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#181514,#070606);border:1px solid #2c251f;border-radius:1px;place-items:center;font-size:32px;display:grid;position:relative;box-shadow:inset 0 0 8px #000}.cell.has:hover{border-color:var(--gold)}.cell .qty{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:15px;position:absolute;bottom:1px;right:4px}.cell.q-uncommon{border-color:#2b7a31}.cell.q-rare{border-color:#2f5aa8}.cell.q-epic{border-color:#7a3aa8}#inv-gold{text-align:right;color:var(--gold);margin-top:12px;font-size:20px}#equip-slots{grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:14px;display:grid}#equip-slots .cell{font-size:32px}#equip-slots .cell .slotname{text-align:center;color:var(--muted);font-size:12px;position:absolute;bottom:3px;left:0;right:0}#stat-list,#skill-list{font-size:18px}.stat-row{border-bottom:1px solid #2a2014;justify-content:space-between;padding:5px 2px;display:flex}.stat-row b{color:var(--gold);font-weight:400}#skill-list{grid-template-columns:1fr 1fr;gap:14px 22px;display:grid}.skill-row.active .top span:first-child{color:#fff;text-shadow:0 0 8px #c9a24acc}.skill-row .top{justify-content:space-between;font-size:19px;display:flex}.skill-row .lvl{color:var(--gold);font-size:22px;font-weight:700}.skill-row .xpbar{background:#0c0906;border:1px solid #000;border-radius:2px;height:9px;margin-top:5px;overflow:hidden}.skill-row .xpbar div{background:linear-gradient(#c79bff,#7a4abf);height:100%}.skill-row .sub{color:var(--muted);margin-top:3px;font-size:13px}.skill-row .next{color:#c9b8e8;font-size:13px}#tooltip{z-index:40;text-align:center;border:1px solid var(--panel-border);max-width:320px;box-shadow:var(--bevel);background:#030303f2;border-radius:2px;padding:10px 14px;font-size:16px;line-height:1.4;position:absolute;pointer-events:none!important}#tooltip .tt-name{font-size:19px;font-weight:700}#tooltip .tt-muted{color:var(--muted)}#tooltip .tt-good{color:#5dff6a}#tooltip .tt-bad{color:#ff5e52}#tooltip .tt-desc{color:#ffd76a;font-style:italic}.q-common-t{color:var(--q-common)}.q-uncommon-t{color:var(--q-uncommon)}.q-rare-t{color:var(--q-rare)}.q-epic-t{color:var(--q-epic)}#death{text-align:center;background:radial-gradient(#3c000059,#0a0000d9);place-content:center;gap:14px;display:grid;position:absolute;inset:0}#death h2{letter-spacing:10px;text-transform:uppercase;color:#b3261a;text-shadow:0 2px 8px #000,0 0 30px #c8281499;margin:0;font-size:52px;font-weight:400}#death button{color:var(--text);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--bevel);border-radius:2px;padding:10px 26px;font-family:inherit;font-size:17px}#death button:disabled{opacity:.5}#netstat{color:#ffffff8c;font-size:11px;position:absolute;top:4px;right:8px;pointer-events:none!important}:root{--ui:1.25}.unit-frame,#actionbar,#castbar,#chat,#menu,.panel,#panel-npc,#panel-map,#minimap-wrap,#quest-tracker,#tip,#duel-prompt,#tooltip,#zone-banner,#error-text,#xp-drops,#levelup-banner,#death,.login-card{zoom:var(--ui)}#menu button#btn-ui-down,#menu button#btn-ui-up{font-size:14px;font-family:var(--serif);color:var(--text);filter:none}#gm-badge{letter-spacing:3px;color:#1a1005;background:linear-gradient(#ffd97a,#c98e2a);border-radius:0 0 4px 4px;padding:2px 12px;font-size:12px;position:absolute;top:4px;left:50%;transform:translate(-50%);pointer-events:none!important}#chat-suggest{border:1px solid var(--panel-border);box-shadow:var(--bevel);background:#060504f0;border-radius:2px;margin-bottom:4px;overflow:hidden}.suggest{cursor:pointer;justify-content:space-between;gap:14px;padding:4px 9px;font-size:13px;display:flex}.suggest b{color:#ffe27a;white-space:nowrap;font-weight:400}.suggest span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggest.selected,.suggest:hover{background:#2a2013}.plate.mob.friendly{--c:#7be07f}.auth-tabs{gap:6px;margin-bottom:12px;display:flex}.auth-tabs button{color:var(--muted);background:#100e0d;border:1px solid #2c251f;border-radius:2px;flex:1;padding:8px;font-size:15px}.auth-tabs button.selected{color:var(--text);border-color:var(--gold);background:#1d1610}#auth-step input,#char-step input{text-align:center;width:100%;color:var(--text);border:1px solid var(--panel-border);background:#070606;border-radius:2px;outline:none;margin-bottom:8px;padding:10px 12px;font-family:inherit;font-size:17px;box-shadow:inset 0 0 10px #000}#auth-step input:focus,#char-step input:focus{border-color:var(--gold)}.primary-btn{letter-spacing:3px;text-transform:uppercase;color:#e8d9b8;background:linear-gradient(#6e1810,#3a0a06);border:1px solid #a3382a;border-radius:2px;margin-top:6px;padding:12px 40px;font-family:inherit;font-size:18px;box-shadow:inset 0 1px #ffa07840,0 0 18px #8e1a1280}.primary-btn:hover:not(:disabled){background:linear-gradient(#8a2015,#4a0e08)}.primary-btn:disabled{filter:grayscale();opacity:.6}.link-btn{color:var(--muted);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline;display:inline}.link-btn:hover{color:var(--text)}#auth-guest{margin:14px auto 0;display:block}#char-list{gap:6px;margin:10px 0 14px;display:grid}.char-row{color:var(--text);background:#100e0d;border:1px solid #2c251f;border-radius:2px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:17px;display:flex}.char-row:hover{border-color:var(--gold);background:#1d1610}.char-row small{color:var(--muted);font-size:13px}.plate.npc{--c:#ffd76a}.plate .ptitle{font-family:var(--serif);font-size:calc(12.5px * var(--ui));letter-spacing:.3px;color:#e2d9c0;-webkit-text-stroke-width:calc(1.7px * var(--ui));font-style:italic}.plate.node{--c:#cfe6f5;font-size:calc(14px * var(--ui))}.plate.node.depleted{opacity:.35!important}.plate .qmark{font-family:"Friz Quadrata", var(--serif);color:#ffd83a;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:0 0 10px #ffc828e6;font-size:30px;line-height:1}.plate .qmark.ready{color:#ffd83a;animation:1s ease-in-out infinite qbob}.plate .qmark:empty{display:none}@keyframes qbob{50%{transform:translateY(-5px)}}#panel-npc{background:var(--panel);border:1px solid var(--panel-border);width:min(560px,92vw);max-height:70vh;box-shadow:var(--bevel);scrollbar-width:thin;border-radius:3px;padding:18px 20px;position:absolute;top:12%;left:50%;overflow-y:auto;transform:translate(-50%)}#panel-npc small{letter-spacing:1px;text-transform:none;color:var(--muted);font-size:14px}#npc-body h3{color:#ffe27a;margin:0 0 8px;font-size:21px;font-weight:400}.npc-text{margin:0 0 14px;font-size:17px;line-height:1.5}.npc-said{color:var(--muted);margin:0 0 6px;font-style:italic}.npc-option{text-align:left;width:100%;color:var(--text);background:#100e0d;border:1px solid #2c251f;border-radius:2px;margin-top:6px;padding:10px 14px;font-size:16px;display:block}.npc-option:hover{border-color:var(--gold);background:#1d1610}.npc-option.quest.offer,.npc-option.quest.ready{color:#ffe27a}.npc-option.primary{text-align:center;color:#e8d9b8;background:linear-gradient(#6e1810,#3a0a06);border-color:#a3382a}.npc-option.npc-back{color:var(--muted)}.objectives{margin:0 0 12px;padding-left:22px;font-size:16px;line-height:1.6}.objectives li.done,#quest-tracker li.done{color:#7be07f}.rewards{color:#d8c9a0;font-size:15px}.shop-grid{gap:4px;margin-bottom:10px;display:grid}.shop-row{cursor:pointer;background:#100e0d;border:1px solid #2c251f;border-radius:2px;grid-template-columns:38px 1fr auto;align-items:center;padding:6px 10px;font-size:16px;display:grid}.shop-row:hover{border-color:var(--gold)}.shop-row.poor .shop-price{color:#ff6b5e}.shop-icon{font-size:24px}.shop-price{color:var(--gold)}.shop-hint{color:var(--muted);font-size:14px}#minimap-wrap{cursor:pointer;background:#0c0a09;border:2px solid #4a3d2a;border-radius:50%;width:176px;height:176px;padding:3px;position:absolute;top:26px;right:44px;box-shadow:0 0 0 1px #000,0 4px 16px #000c}#minimap{image-rendering:pixelated;border-radius:50%;display:block}#minimap-area{text-align:center;color:#f2e2b0;text-shadow:0 1px 3px #000,0 0 4px #000;pointer-events:none;font-size:14px;position:absolute;bottom:-22px;left:-30px;right:-30px}#minimap-clock{text-align:center;color:#cfd6e6;text-shadow:0 1px 3px #000,0 0 4px #000;pointer-events:none;font-size:12px;position:absolute;bottom:-40px;left:-30px;right:-30px}#quest-tracker{text-shadow:0 1px 2px #000;background:#0404049e;border:1px solid #3b312899;border-radius:2px;flex-direction:column;width:236px;font-size:13px;line-height:1.35;display:flex;position:absolute;top:250px;right:14px}.qt-title{letter-spacing:3px;text-transform:uppercase;text-align:left;width:100%;color:var(--gold);text-shadow:inherit;background:0 0;border:none;align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:flex}.qt-title:hover{color:#ffe27a}.qt-count{letter-spacing:0;text-align:center;color:#d0c8b4;background:#00000080;border:1px solid #3b3128;border-radius:2px;min-width:17px;padding:0 4px;font-size:11px;line-height:15px}.qt-count.ready{color:#ffd83a;border-color:#8a6d34}.qt-chevron{border:5px solid #0000;border-top-color:currentColor;border-bottom-width:0;width:0;height:0;margin-left:auto;transition:transform .12s}#quest-tracker.collapsed .qt-chevron,#quest-tracker.squeezed .qt-chevron{transform:rotate(-90deg)}.qt-list{max-height:calc(100vh / var(--ui) - 250px - 200px);scrollbar-width:thin;scrollbar-color:#5a4a30 transparent;overscroll-behavior:contain;border-top:1px solid #3b312880;padding:0 9px 7px;overflow-y:auto}#quest-tracker.collapsed .qt-list,#quest-tracker.squeezed .qt-list{display:none}.qt-quest{margin-top:7px}.qt-name{color:#f2e2b0;justify-content:space-between;gap:6px;display:flex}.qt-quest.ready .qt-name{color:#ffd83a}.qt-quest ul{color:#d0c8b4;margin:2px 0 0;padding-left:15px}.qt-return{color:#ffd83a;font-style:italic}.qt-drop{color:var(--muted);opacity:0;background:0 0;border:none;flex:none;align-self:flex-start;padding:0 4px;font-size:15px;line-height:17px}.qt-quest:hover .qt-drop,.qt-drop:focus-visible{opacity:1}@media (hover:none){.qt-drop{opacity:.7}}#panel-map{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--bevel);z-index:20;border-radius:3px;padding:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#bigmap{width:min(640px,80vh,90vw);height:min(640px,80vh,90vw);image-rendering:pixelated;border:1px solid #000;display:block}#map-progress{text-align:center;color:var(--muted);margin-top:8px;font-size:14px}#tip{border:1px solid var(--gold);width:min(520px,92vw);box-shadow:var(--bevel), 0 0 24px #c9a24a40;z-index:15;background:linear-gradient(#282012f7,#100c07f7);border-radius:3px;padding:14px 18px;animation:.35s ease-out tipin;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}@keyframes tipin{0%{opacity:0;transform:translate(-50%,12px)}}#tip-title{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:13px}#tip-text{font-size:16px;line-height:1.5}#tip-text b{color:#ffe27a;font-weight:400}.tip-buttons{justify-content:space-between;align-items:center;margin-top:10px;display:flex}#tip-ok{color:var(--text);border:1px solid var(--gold);background:#2a2013;border-radius:2px;padding:6px 22px;font-size:15px}#castbar.activity .fill{background:linear-gradient(#9ad0ff,#3a78b0)}#btn-pvp.on{filter:none;box-shadow:var(--bevel), 0 0 12px #d63b2fcc;border-color:#d63b2f}#btn-music.off,#btn-sound.off,#btn-voice.off{opacity:.45}#menu button#btn-voice{position:relative}#menu button#btn-voice.off:after{content:"";pointer-events:none;background:#ff5e52;width:120%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 0 0 1px #000c}.plate.player.hostile{--c:#ff5f4c}.plate.player.hostile .php div{background:linear-gradient(#f0584a,#c22e22 55%,#8f1d15)}.plate.player.flagged .pname:after{content:"";vertical-align:-.14em;background:var(--icon-ui-pvp) center / contain no-repeat;width:1em;height:1em;margin-left:.3em;display:inline-block}#tf-duel{color:var(--text);background:#2a1210;border:1px solid #7a2a22;border-radius:2px;padding:2px 10px;font-size:12px;position:absolute;top:7px;right:8px}#tf-duel:hover{border-color:#ff6b5e}#duel-prompt{text-align:center;background:var(--panel);box-shadow:var(--bevel), 0 0 30px #8e1a1280;border:1px solid #7a2a22;border-radius:3px;padding:16px 22px;position:absolute;top:26%;left:50%;transform:translate(-50%)}#duel-prompt-text{margin-bottom:12px;font-size:19px}#duel-prompt button{color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;margin:0 6px;padding:7px 22px;font-size:16px}#duel-prompt button:hover{border-color:var(--gold)}#duel-accept{background:linear-gradient(#6e1810,#3a0a06)!important;border-color:#a3382a!important}#duel-banner{text-align:center;font-family:"Friz Quadrata", var(--serif);color:#ffd76a;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:0 4px #000,0 0 40px #ff7828cc;font-size:84px;position:absolute;top:34%;left:0;right:0;pointer-events:none!important}#duel-banner small{letter-spacing:3px;-webkit-text-stroke:1px #000;color:var(--text);font-size:24px;display:block}.bar.res.energy .fill{background:linear-gradient(#f0d84a,#a88a1a)}@media (max-width:1250px){#chat{bottom:136px}}@media (max-height:860px){.panel{width:380px;padding:12px}#panel-character,#panel-skills{right:408px}.cell,#equip-slots .cell{font-size:27px}#stat-list,#skill-list{font-size:16px}}@media (max-width:900px){#target-frame{top:110px;left:14px}.slot{width:42px;height:42px;font-size:22px}#chat-log{height:110px}}#panel-map{--map-size:min(640px, calc(76vh / var(--ui)), calc(94vw / var(--ui) - 236px))}#map-body{align-items:stretch;gap:12px;display:flex}#map-view{flex:none;line-height:0;position:relative}#panel-map #bigmap{width:var(--map-size);height:var(--map-size);min-width:240px;min-height:240px;image-rendering:pixelated;cursor:grab;touch-action:none}#panel-map #bigmap.hot{cursor:pointer}#panel-map #bigmap.dragging{cursor:grabbing}#map-filters{width:196px;max-height:max(240px, var(--map-size));scrollbar-width:thin;flex-direction:column;gap:3px;display:flex;overflow-y:auto}.map-filter-all{gap:4px;margin-bottom:4px;display:flex}.map-filter-all button{letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:#100e0d;border:1px solid #2c251f;border-radius:2px;flex:1;padding:4px 0;font-size:12px}.map-filter-all button:hover{color:var(--text);border-color:var(--gold)}.map-filter{text-align:left;min-height:29px;color:var(--muted);opacity:.55;background:#0d0b0a;border:1px solid #2c251f;border-radius:2px;flex:none;align-items:center;gap:6px;padding:3px 7px;font-size:14px;display:flex}.map-filter.gap{margin-top:7px}.map-filter.on{color:var(--text);opacity:1;background:linear-gradient(#2a2219,#17120d);border-color:#5a4a30}.map-filter:hover{border-color:var(--gold)}.map-filter.locked{cursor:default}.map-filter.locked:hover{border-color:#5a4a30}.map-filter .icon{flex:none;width:18px;height:18px;display:inline-block}.mf-swatch{flex:none;width:16px;height:16px}.map-filter:not(.on) .mf-swatch,.map-filter:not(.on) .icon{filter:grayscale()}.mf-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mf-count{text-align:right;min-width:18px;color:var(--gold);font-size:12px}.map-filter.none .mf-count{color:#4a4238}#map-zoom{flex-direction:column;gap:4px;line-height:1;display:flex;position:absolute;top:8px;right:8px}#map-zoom button{width:30px;height:30px;color:var(--text);border:1px solid var(--panel-border);background:#0c0a09e0;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:21px;line-height:1;display:flex;box-shadow:0 2px 6px #000000b3}#map-zoom button:hover{border-color:var(--gold);color:#fff}#map-zoom-level{text-align:center;color:#f2e2b0;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;padding:2px 0;font-size:11px}#menu button#btn-music,#menu button#btn-sound{position:relative}#menu button#btn-music.off:after,#menu button#btn-sound.off:after{content:"";pointer-events:none;background:#ff5e52;width:120%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 0 0 1px #000c}#menu button#btn-settings.active{border-color:var(--gold);filter:none}#menu button#btn-settings{justify-content:center;align-items:center;padding:0;display:flex}#menu button#btn-settings .icon,#menu button#btn-settings .icon-fallback{width:26px;height:26px;display:block}#settings-popover{background:var(--panel);border:1px solid var(--panel-border);width:340px;box-shadow:var(--bevel);z-index:25;zoom:var(--ui);border-radius:3px;padding:14px 16px;position:absolute;bottom:124px;right:14px}#settings-popover .panel-title{margin-bottom:8px;font-size:18px}.set-heading{letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin:10px 0 4px;font-size:12px}.set-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;display:flex}.set-row.unavailable{opacity:.45}.set-mute{width:96px;height:28px;color:var(--text);background:linear-gradient(#2a2219,#17120d);border:1px solid #5a4a30;border-radius:2px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:14px;display:flex;position:relative;overflow:hidden}.set-mute:hover:not(:disabled){border-color:var(--gold)}.set-mute:disabled{cursor:default}.set-mute.off{color:var(--muted);background:#0d0b0a;border-color:#2c251f}.set-mute.off .set-mute-label{-webkit-text-decoration:line-through #ff5e52;text-decoration:line-through #ff5e52}.set-mute .icon{flex:none;width:16px;height:16px;display:inline-block}.set-label{flex:none;width:40px;font-size:14px}.set-value{text-align:right;width:46px;color:var(--gold);flex:none;font-size:13px}.set-note{color:var(--muted);flex-basis:100%;font-size:12px;font-style:italic}.set-note:empty{display:none}.set-step{width:34px;height:26px;color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;flex:none;padding:0;font-size:13px}.set-step:hover,.set-wide:hover{border-color:var(--gold)}.set-wide{width:100%;color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;margin-top:10px;padding:7px;font-size:14px}.set-row input[type=range]{min-width:0;height:18px;accent-color:var(--gold);cursor:pointer;appearance:none;background:0 0;flex:1;margin:0}.set-row input[type=range]:disabled{cursor:default}.set-row input[type=range]::-webkit-slider-runnable-track{border:1px solid var(--panel-border);background:#070606;border-radius:3px;height:6px}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#ffd97a,#c98e2a);border:1px solid #000;border-radius:2px;width:12px;height:18px;margin-top:-7px}.set-row input[type=range]::-moz-range-track{border:1px solid var(--panel-border);background:#070606;border-radius:3px;height:6px}.set-row input[type=range]::-moz-range-thumb{background:linear-gradient(#ffd97a,#c98e2a);border:1px solid #000;border-radius:2px;width:12px;height:18px}#hotbar{grid-template-columns:repeat(var(--cols,12), var(--slot,52px));gap:5px;display:grid}.slot{width:var(--slot,52px);height:var(--slot,52px);font-size:calc(var(--slot,52px) * .52);cursor:pointer}.slot.empty{cursor:default;background:radial-gradient(circle at 50% 35%,#131110,#070606);border-color:#2a231c}.slot.empty:hover{border-color:#3b3128}.slot .icon{width:74%;height:74%;display:block}.slot .key{z-index:1;color:#d8ccb0;text-shadow:0 1px 1px #000,0 0 3px #000}.slot .qty{z-index:1;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:13px;position:absolute;bottom:0;right:3px}.slot.item.q-uncommon{border-color:#2b7a31}.slot.item.q-rare{border-color:#2f5aa8}.slot.item.q-epic{border-color:#7a3aa8}.slot.out .icon{filter:grayscale()brightness(.45)}.slot.out .qty{color:#ff5e52}#actionbar>#castbar{zoom:1;margin-bottom:4px;position:relative;bottom:auto;left:auto;transform:none}#hud.hotbar-rows2 #tip{bottom:250px}#btn-keybinds{background:var(--panel);border:1px solid var(--panel-border);width:22px;height:22px;box-shadow:var(--bevel);border-radius:3px;place-items:center;margin-left:5px;padding:0;display:grid;position:absolute;bottom:17px;left:100%}#btn-keybinds:hover{border-color:var(--gold)}#btn-keybinds .keycap{background:#2a2219;border:1px solid #a8987a;border-bottom-width:3px;border-radius:2px;width:12px;height:11px}#btn-keybinds:hover .keycap{border-color:var(--gold)}.cell .icon{width:76%;height:76%;display:block}.aura .icon{width:18px;height:18px;display:block}.skill-row .icon{vertical-align:-4px;width:20px;height:20px;display:inline-block}.skill-row .next .icon{vertical-align:-3px;width:15px;height:15px}#inv-gold .icon{vertical-align:-3px;width:18px;height:18px;display:inline-block}#panel-keybinds{background:var(--panel);border:1px solid var(--panel-border);width:min(640px,94vw);max-height:86vh;box-shadow:var(--bevel);z-index:30;zoom:var(--ui);scrollbar-width:thin;border-radius:3px;padding:16px 18px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#kb-msg{min-height:40px;color:var(--muted);margin-bottom:8px;font-size:14px;line-height:1.4}#kb-msg.wait{color:#ffe27a}#kb-msg.bad{color:#ff6b5e}#kb-list{grid-template-columns:1fr 1fr;gap:0 26px;display:grid}#kb-list h4{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:6px 0 4px;font-size:12px;font-weight:400}.kb-row{border-bottom:1px solid #211b15;grid-template-columns:1fr 104px 22px;align-items:center;gap:4px;min-height:30px;font-size:15px;display:grid}.kb-row.fixed{color:var(--muted);grid-template-columns:1fr auto}.kb-row.fixed b{font-size:13px;font-weight:400}.kb-key{height:24px;color:var(--text);border:1px solid var(--panel-border);white-space:nowrap;background:#1d1610;border-radius:2px;padding:0 6px;font-size:14px;overflow:hidden}.kb-key:hover{border-color:var(--gold)}.kb-key.unbound{color:var(--muted);font-style:italic}.kb-key.waiting{color:#1a1005;background:linear-gradient(#ffd97a,#c98e2a);border-color:#ffe27a;font-style:normal}.kb-clear{width:22px;height:24px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:2px;padding:0;font-size:16px;line-height:1}.kb-clear:hover:not(:disabled){color:#ff6b5e;border-color:#7a2a22}.kb-clear:disabled{opacity:.25;cursor:default}.kb-foot{text-align:right;margin-top:12px}.kb-foot button{color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;padding:6px 16px;font-size:14px}.kb-foot button:hover{border-color:var(--gold)}@media (max-width:700px){#kb-list{grid-template-columns:1fr}}#tooltip.compare{max-width:none;box-shadow:none;background:0 0;border:none;padding:0}.tt-pair{align-items:flex-start;gap:6px;display:flex}#tooltip.stack .tt-pair{flex-direction:column;align-items:flex-end}.tt-box{border:1px solid var(--panel-border);width:max-content;max-width:300px;box-shadow:var(--bevel);background:#030303f2;border-radius:2px;padding:10px 14px}.tt-box.tt-worn{background:#080706f2;border-color:#2a231c}.tt-head{letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:3px;font-size:11px}.tt-diff{border-top:1px solid #2a231c;border-bottom:1px solid #2a231c;margin:5px 0;padding:4px 0}.tt-diff-head{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:11px}.icon{vertical-align:-.28em;image-rendering:auto;background:50%/contain no-repeat;flex:none;width:1.25em;height:1.25em;display:inline-block}.slot .icon,.cell .icon{width:100%;height:100%}#menu button>.icon{pointer-events:none;width:28px;height:28px;margin:0 auto;display:block}#menu button.off>.icon{filter:grayscale(.8)brightness(.7)}.shop-icon .icon{width:32px;height:32px;display:block}.shop-price .icon,.npc-option .icon{vertical-align:-.22em;width:1.15em;height:1.15em}.plate .qmark .icon{width:calc(30px * var(--ui));height:calc(30px * var(--ui));filter:drop-shadow(0 0 5px #ffc828d9)drop-shadow(0 1px 1px #000);margin:0 auto 1px;display:block}#minimap-clock .icon,#gm-badge .icon{vertical-align:-3px;width:15px;height:15px}.plate.self{font-size:calc(13px * var(--ui));opacity:.55!important}.plate.self .php{display:none!important}.plate.gm .pname:before{content:"<GM> ";color:#ffd97a;letter-spacing:1px;font-size:.78em}.plate.targeted .pname{color:color-mix(in srgb, var(--c) 70%, #fff)}.plate.hover{z-index:2}.plate.hover .pname{color:color-mix(in srgb, var(--c) 62%, #fff);text-shadow:0 1px 0 #000, 0 0 8px color-mix(in srgb, var(--c) 70%, transparent)}.plate.hover .ptitle{color:#fff}#hud,#login{cursor:var(--cursor-default)}#hud .shop-row{cursor:var(--cursor-buy)}#hud .shop-row.poor{cursor:var(--cursor-cannot)}#hud .cell.sells{cursor:var(--cursor-sell)}#hud .cell.nosale{cursor:var(--cursor-cannot)}#hover-tip{z-index:38;text-align:left;white-space:nowrap;max-width:300px;font-size:calc(13px * var(--ui));color:var(--text);border:1px solid var(--panel-border);background:#060504eb;border-radius:2px;padding:6px 11px 7px;line-height:1.3;position:absolute;top:0;left:0;box-shadow:0 2px 10px #000000b3;pointer-events:none!important}#hover-tip .ht-name{font-family:"Friz Quadrata", var(--serif);font-size:calc(15px * var(--ui));color:#ffd76a}#hover-tip.tone-hostile .ht-name{color:#ff5f4c}#hover-tip.tone-neutral .ht-name{color:#ffe27a}#hover-tip.tone-friendly .ht-name{color:#7be07f}#hover-tip.tone-player .ht-name{color:#8fd3ff}#hover-tip.tone-object .ht-name{color:#cfe6f5}#hover-tip.tone-cannot .ht-name{color:#b8b0a0}#hover-tip .ht-detail{color:var(--muted);font-style:italic}#hover-tip .ht-cannot{color:#ff5e52;white-space:normal}#hover-tip .ht-action{color:#e8dcc0;margin-top:2px}.shop-tabs{gap:6px;margin-bottom:10px;display:flex}.shop-tab{color:var(--muted);background:#100e0d;border:1px solid #2c251f;border-radius:2px;flex:1;padding:7px 10px;font-size:15px}.shop-tab:hover{border-color:var(--gold)}.shop-tab.selected{color:var(--text);border-color:var(--gold);background:#1d1610}.shop-tab .icon{vertical-align:-.22em;width:1.15em;height:1.15em}.shop-qty{color:var(--text)}.shop-row.buyback{border-style:dashed}.shop-sellall{text-align:center}.shop-sellall b{color:var(--gold);font-weight:400}.shop-sellall:disabled{opacity:.45;cursor:default}.shop-sellall:disabled:hover{background:#100e0d;border-color:#2c251f}.shop-confirm{border:1px solid var(--gold);background:linear-gradient(#3c280ce6,#1c1206e6);border-radius:2px;grid-template-columns:38px 1fr auto auto;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;font-size:16px;animation:.2s ease-out shopconfirm;display:grid;box-shadow:0 0 16px #c9a24a40}@keyframes shopconfirm{0%{opacity:0;transform:translateY(-6px)}}.shop-confirm .sc-text small{color:var(--muted);letter-spacing:0;font-size:13px;display:block}.shop-confirm b{color:var(--gold);font-weight:400}.shop-confirm button{color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;padding:7px 16px;font-size:15px}.shop-confirm button:hover{border-color:var(--gold)}.shop-confirm .sc-sell{color:#e8d9b8;background:linear-gradient(#6e1810,#3a0a06);border-color:#a3382a}.cell .sell-tag{text-align:left;color:#ffd76a;text-shadow:0 1px 1px #000;pointer-events:none;background:linear-gradient(90deg,#000000c7,#0000);padding:0 3px;font-size:12px;line-height:15px;position:absolute;top:0;left:0;right:0}.cell.sells{cursor:pointer}.cell.nosale .icon{filter:grayscale(.9)brightness(.4)}.cell.nosale .qty{opacity:.45}.cell.nosale:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#00000059 0 4px,#0000 4px 8px);position:absolute;inset:0}#tooltip .tt-sale{border-top:1px solid #2a231c;margin-top:6px;padding-top:6px}#tooltip .tt-sell{color:#ffd76a}#tooltip .tt-sell span{color:var(--muted)}#tooltip .tt-sale .icon{vertical-align:-.15em;width:1em;height:1em}.slot.equip{background:radial-gradient(circle at 50% 35%,#201c24,#090808)}.slot.equip.worn{border-color:#ffd76a;box-shadow:inset 0 0 10px #000,inset 0 0 0 1px #ffd76a8c,0 0 9px #ffc8508c}.slot.equip.out{border-style:dashed}.slot .pin{border-top:9px solid var(--gold);opacity:.85;pointer-events:none;border-left:9px solid #0000;width:0;height:0;position:absolute;top:0;right:0}#slot-menu{z-index:30;text-align:left;background:var(--panel);border:1px solid var(--gold);width:230px;box-shadow:var(--bevel), 0 4px 18px #000;border-radius:3px;padding:6px;position:absolute}#slot-menu .sm-title{color:var(--gold);padding:2px 6px 6px;font-size:14px}#slot-menu .sm-note{color:var(--muted);padding:0 6px 6px;font-size:12px;line-height:1.35}#slot-menu button{text-align:left;width:100%;color:var(--text);background:#100e0d;border:1px solid #2c251f;border-radius:2px;padding:6px 8px;font-size:14px;display:block}#slot-menu button+button{margin-top:4px}#slot-menu button:hover{border-color:var(--gold);background:#1d1610}#slot-menu .sm-check{vertical-align:-1px;border:1px solid var(--muted);border-radius:1px;width:11px;height:11px;margin-right:8px;display:inline-block}#slot-menu .sm-check.on{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 2px #100e0d}#zone-banner small{letter-spacing:5px;color:#ffe27a;margin-bottom:4px;font-size:17px;display:block}#zone-banner.titled{z-index:25;letter-spacing:5px;background:linear-gradient(90deg,#0000 8%,#000000d1 30% 70%,#0000 92%);padding:8px 0 10px;font-size:36px;top:3%}#actionbar:has(#slot-menu){z-index:30}#panel-npc.trading{z-index:16}#hud:has(#panel-inventory:not(.hidden)) #panel-npc.trading{width:auto;max-width:560px;margin-left:auto;left:8px;right:calc(26px + min(440px,50vw - 20px));transform:none}#login{align-items:safe center;overflow-y:auto}.cell.untrained{border-color:#6a1f18}.cell.untrained .icon{filter:saturate(.35)brightness(.62)}.cell.untrained:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#0000 46%,#ff4638d9 46% 54%,#0000 54%),#780c0847;position:absolute;inset:0}.slot.equip.untrained{border-style:dashed;border-color:#6a1f18}.slot.equip.untrained .icon{filter:saturate(.3)brightness(.55)}.slot.equip.untrained:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 46%,#ff4638d9 46% 54%,#0000 54%);position:absolute;inset:0}#hud .cell.untrained,#hud .slot.equip.untrained{cursor:var(--cursor-cannot)}#tooltip .tt-untrained{font-weight:700}.stat-row .stat-muted{color:var(--muted);font-style:italic}#panel-npc:has(.train-list){z-index:16}.train-have{margin:8px 0;font-size:15px}.train-have b,.train-confirm .sc-text b,.train-row b{font-weight:400}.train-list{gap:5px;margin:8px 0;display:grid}.train-row{text-align:left;width:100%;color:var(--text);background:#100e0d;border:1px solid #2c251f;border-radius:2px;grid-template-columns:40px 1fr;align-items:center;gap:4px;padding:7px 10px;font-size:16px;display:grid}.train-row:hover,.train-row.selected{border-color:var(--gold);background:#1d1610}.train-row .train-text>span{color:var(--muted);font-size:13px;line-height:1.3;display:block}.train-row small{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-left:6px;font-size:12px}.train-confirm .icon{vertical-align:-.2em;width:1.1em;height:1.1em}.train-confirm .shop-icon .icon{width:32px;height:32px}.train-confirm button:disabled{opacity:.45;cursor:var(--cursor-cannot)}.shop-hint .tt-bad{color:#ff5e52}#settings-popover{scrollbar-width:thin;scrollbar-color:#5a4a30 transparent;overflow-y:auto}.set-toggle{min-height:28px;color:var(--text);cursor:pointer;align-items:center;gap:9px;font-size:14px;display:flex}.set-toggle input{opacity:0;pointer-events:none;position:absolute}.set-check{background:#070606;border:1px solid #5a4a30;border-radius:2px;flex:none;width:16px;height:16px;position:relative}.set-toggle:hover .set-check{border-color:var(--gold)}.set-toggle input:checked+.set-check{background:linear-gradient(#ffd97a,#c98e2a);border-color:#000;box-shadow:inset 0 0 0 2px #070606}.set-toggle input:focus-visible+.set-check{outline:1px solid var(--gold);outline-offset:2px}.set-toggle input:not(:checked)~.set-toggle-label{color:var(--muted)}.set-choice{min-height:30px}.set-choice-label{flex:none;width:96px;font-size:14px}.set-segments{flex:1;gap:3px;display:flex}.set-segments button{height:24px;color:var(--muted);background:#0d0b0a;border:1px solid #2c251f;border-radius:2px;flex:1;padding:0;font-size:13px}.set-segments button:hover{border-color:var(--gold)}.set-segments button.selected{color:var(--text);background:linear-gradient(#2a2219,#17120d);border-color:#8a6d34}#fct .fct{font-size:calc(44px * var(--fct,1))}#fct .fct.crit{font-size:calc(68px * var(--fct,1))}#fct .fct.taken{font-size:calc(38px * var(--fct,1))}#fct .fct.taken.crit{font-size:calc(56px * var(--fct,1))}#fct .fct.heal{font-size:calc(38px * var(--fct,1))}#fct .fct.miss{font-size:calc(28px * var(--fct,1))}#hud.no-clock #minimap-clock{display:none}#selfbar{width:calc(92px * var(--ui));width:round(calc(92px * var(--ui)), 2px);background:#000000c7;border:1px solid #000;border-radius:2px;padding:1px;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px);box-shadow:0 0 0 1px #ffffff14,0 1px 4px #000c}#selfbar .sb-hp,#selfbar .sb-res{background:#160b08;position:relative;overflow:hidden}#selfbar .sb-hp{height:calc(8px * var(--ui));height:round(calc(8px * var(--ui)), 1px)}#selfbar .sb-res{height:calc(4px * var(--ui));height:round(calc(4px * var(--ui)), 1px);margin-top:1px}#selfbar .sb-fill{transform-origin:0;width:100%;height:100%;transition:transform .12s linear}#selfbar .sb-hp .sb-fill{background:linear-gradient(#63d96c,#2fa53a 55%,#1f7a29)}#selfbar .sb-res .sb-fill{background:linear-gradient(#4a8ae8,#2a4a9c)}#selfbar .sb-res.rage .sb-fill{background:linear-gradient(#e8564a,#9c2a2a)}#selfbar .sb-res.focus .sb-fill{background:linear-gradient(#e8b44a,#9c6e2a)}#selfbar .sb-res.energy .sb-fill{background:linear-gradient(#f0d84a,#a88a1a)}#selfbar .sb-shield{background:repeating-linear-gradient(115deg,#fff4be80 0 3px,#fff4be1f 3px 7px);display:none;position:absolute;inset:0}#selfbar.shielded{border-color:#ffe9a0;box-shadow:0 0 0 1px #ffe9a080,0 0 8px #ffdc78b3}#selfbar.shielded .sb-shield{display:block}.plate.roost.hover .pname{color:#fff;text-shadow:0 1px #000,0 0 8px #a0dcffd9}.plate.roost.unknown.hover .pname{color:#fff6c8;text-shadow:0 1px #000,0 0 8px #ffe27ad9}#menu-toggle{display:none}.menu-bars{pointer-events:none;background:#cfc5b0;border-radius:1px;width:20px;height:2px;margin:0 auto;display:block;box-shadow:0 -6px #cfc5b0,0 6px #cfc5b0}html.compact #menu{z-index:14;flex-direction:row-reverse;justify-content:flex-start;max-width:244px}html.compact #menu-toggle{filter:none;order:-6;display:block}html.compact #hud.menu-open #menu-toggle{border-color:var(--gold)}html.compact #hud.menu-open #menu-toggle .menu-bars{background:#ffe27a;box-shadow:0 -6px #ffe27a,0 6px #ffe27a}html.compact #btn-map{order:-5}html.compact #menu button[data-panel=inventory]{order:-4}html.compact #menu button[data-panel=skills]{order:-3}html.compact #menu button[data-panel=character]{order:-2}html.compact #hud:not(.menu-open) #menu button:not(#menu-toggle,[data-panel],#btn-map){display:none}html.compact #panel-inventory{max-height:calc(100vh / var(--ui) - 92px - 256px);bottom:92px}html.compact #chat{width:min(280px,26vw)}html:not(.phone) #hud.hotbar-rows2 #panel-character,html:not(.phone) #hud.hotbar-rows2 #panel-skills{max-height:calc(100vh / var(--ui) - 176px - 150px);bottom:176px}#hud.no-clock #quest-tracker{top:234px}html.phone{--mm:88px}html.phone #netstat,html.phone #btn-keybinds{display:none}@media (hover:none) and (pointer:coarse){html.phone .slot .key{display:none}}html.phone .unit-frame{padding:4px 6px 5px;top:6px}html.phone.portrait .unit-frame{width:calc((100vw / var(--ui) - 28px - var(--mm)) / 2)}html.phone.portrait #player-frame{left:6px}html.phone.portrait #target-frame{top:6px;left:calc(12px + (100vw / var(--ui) - 28px - var(--mm)) / 2)}html.phone.landscape .unit-frame{width:150px}html.phone.landscape #player-frame{left:6px}html.phone.landscape #target-frame{top:6px;left:162px}html.phone .unit-head{gap:5px;margin-bottom:2px;font-size:12px;line-height:15px}html.phone .unit-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}html.phone .unit-level{flex:none;min-width:18px;padding:0 3px;font-size:10px;line-height:14px}html.phone .bar{height:12px;margin-top:2px}html.phone .bar span{font-size:9.5px;line-height:11px}html.phone .bar.res,html.phone .bar.cast{height:10px}html.phone .bar.res span,html.phone .bar.cast span{font-size:9px;line-height:9px}html.phone .auras{gap:2px;margin-top:3px}html.phone .aura{border-radius:3px;width:18px;height:18px}html.phone .aura .icon{width:14px;height:14px}html.phone #tf-duel{padding:0 6px;font-size:10px;line-height:14px;top:3px;right:4px}html.phone #minimap-wrap{width:var(--mm);height:var(--mm);border-width:1px;padding:2px;top:6px;right:8px}html.phone #minimap{width:100%;height:100%}html.phone #minimap-area{width:max-content;max-width:calc(var(--mm) + 8px);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:14px;bottom:-17px;left:auto;right:0;overflow:hidden}html.phone #minimap-clock{text-align:right;width:max-content;font-size:10px;line-height:13px;bottom:-31px;left:auto;right:0}html.phone #minimap-clock .icon{vertical-align:-2px;width:11px;height:11px}html.phone #quest-tracker{top:calc(var(--mm) + 42px);width:172px;font-size:12px;line-height:1.3;right:8px}html.phone #hud.no-clock #quest-tracker{top:calc(var(--mm) + 28px)}html.phone .qt-title{letter-spacing:2px;padding:4px 7px;font-size:11px}html.phone .qt-list{padding:0 7px 5px}html.phone .qt-quest{margin-top:5px}html.phone .qt-quest ul{padding-left:13px}html.phone .qt-drop{opacity:.7;padding:0 6px;font-size:17px}html.phone #actionbar{gap:3px;bottom:6px}html.phone #hotbar{gap:4px;padding:5px}html.phone #xpbar{height:11px}html.phone #xpbar span{letter-spacing:.3px;font-size:9px;line-height:9px}html.phone .slot .cdtext{font-size:14px}html.phone .slot .qty{font-size:11px}html.phone .slot.locked .req{white-space:nowrap;font-size:8.5px}html.phone #actionbar>#castbar{width:200px;height:14px;margin-bottom:1px}html.phone #castbar span{font-size:10px;line-height:12px}html.phone #combo{gap:8px;margin-bottom:1px}html.phone #combo i{width:10px;height:10px}html.phone #slot-menu{width:210px}html.phone #chat{left:6px;bottom:calc(var(--bar-h,84px) + 8px);width:min(300px, calc(100vw / var(--ui) - 64px))}html.phone.portrait #chat{bottom:calc(var(--bar-h,142px) + 36px)}html.phone #chat-log{border-bottom:1px solid #3b312899;border-radius:2px;height:54px;padding:3px 6px;font-size:12px;line-height:16px}html.phone #chat:not(.open) #chat-log{cursor:pointer;background:#04040466;border-color:#0000;overflow:hidden}html.phone #chat:not(.open) #chat-input,html.phone #chat:not(.open) #chat-suggest{display:none}html.phone #chat-suggest{z-index:1;max-height:calc(100% - 40px);margin:0;position:absolute;bottom:36px;left:0;right:0;overflow-y:auto}html.phone #chat.open{z-index:21}html.phone #chat.open #chat-log{height:min(200px, calc(100vh / var(--ui) - var(--bar-h,84px) - 112px));background:#040404e0;border-bottom:none;border-radius:2px 2px 0 0}html.phone.portrait #chat.open #chat-log{height:min(220px, calc(100vh / var(--ui) - var(--bar-h,142px) - 150px))}html.phone #chat-input{background:#040404eb;padding:8px;font-size:14px}html.phone .suggest{padding:7px 9px;font-size:12px}html.phone #menu{gap:5px;max-width:220px;bottom:6px;right:8px;pointer-events:none!important}html.phone.portrait #menu{bottom:calc(var(--bar-h,142px) + 36px)}html.phone.landscape #menu{max-width:355px}html.phone #menu button{pointer-events:auto;width:40px;height:40px}html.phone #menu button>.icon{width:25px;height:25px}html.phone #hud:not(.menu-open) #menu button:not(#menu-toggle){display:none}html.phone #hud.menu-open #menu{z-index:24}html.phone #hud.menu-open #menu:before{content:"";flex:none;order:-5;width:100%;height:9px}html.phone.landscape #hud.menu-open #menu:before{height:calc(var(--bar-h,84px) - 48px)}html.phone #btn-map{order:-4}html.phone #menu button[data-panel=inventory]{order:-3}html.phone #menu button[data-panel=skills]{order:-2}html.phone #menu button[data-panel=character]{order:-1}html.phone #settings-popover{width:min(340px, calc(100vw / var(--ui) - 12px));z-index:26;top:6px;right:6px;max-height:calc(100vh / var(--ui) - 12px)!important;bottom:auto!important}html.phone #hud .panel,html.phone #hud #panel-npc{left:6px;right:6px;top:calc(var(--mm) + 72px);z-index:22;width:auto;max-width:none;max-height:calc(100vh / var(--ui) - var(--mm) - 72px - var(--bar-h,142px) - 100px);padding:0 10px 10px;bottom:auto;overflow-y:auto;transform:none}html.phone.landscape #hud .panel,html.phone.landscape #hud #panel-npc{left:312px;right:calc(var(--mm) + 16px);max-height:calc(100vh / var(--ui) - var(--bar-h,84px) - 14px);top:6px}html.phone #hud.menu-open #tip,html.phone #hud.chat-open #tip{display:none}html.phone #hud:has(.panel:not(.hidden),#panel-npc:not(.hidden)) #quest-tracker{display:none}html.phone #hud:has(.panel:not(.hidden),#panel-npc:not(.hidden)) #tip{display:none}@media (max-height:720px){html.phone.portrait #hud .panel,html.phone.portrait #hud #panel-npc{max-height:calc(100vh / var(--ui) - 66px - var(--bar-h,142px) - 100px);top:66px}html.phone.portrait #hud:has(.panel:not(.hidden),#panel-npc:not(.hidden)) #minimap-wrap{visibility:hidden}}html.phone.portrait #hud:has(#panel-inventory:not(.hidden)) :is(#panel-npc.trading,#panel-trade){width:auto;max-width:none;max-height:calc((100vh / var(--ui) - 66px - var(--bar-h,142px) - 100px) * .44);margin:0;top:66px;left:6px;right:6px}html.phone.portrait #hud:has(#panel-npc.trading:not(.hidden),#panel-trade:not(.hidden)) #panel-inventory{top:auto;bottom:calc(var(--bar-h,142px) + 100px);max-height:calc((100vh / var(--ui) - 66px - var(--bar-h,142px) - 100px) * .54)}html.phone.portrait #hud:has(#panel-npc.trading:not(.hidden),#panel-trade:not(.hidden)):has(#panel-inventory:not(.hidden)) #minimap-wrap{visibility:hidden}html.phone.landscape #hud:has(#panel-inventory:not(.hidden)) :is(#panel-npc.trading,#panel-trade){width:auto;max-width:none;margin:0;top:6px;left:6px;right:calc(50% + 3px)}html.phone.landscape #hud:has(#panel-npc.trading:not(.hidden),#panel-trade:not(.hidden)) #panel-inventory{left:calc(50% + 3px);right:6px}html.phone .panel-title{letter-spacing:3px;font-size:15px}html.phone :is(.panel,#panel-npc)>.panel-title{z-index:2;background:#161413;margin:0 -10px 8px;padding:8px 10px 6px;position:sticky;top:0}html.phone :is(.panel,#panel-npc)>.panel-title .panel-close{min-width:40px;margin:-8px -10px -6px 0;font-size:30px;line-height:28px}html.phone #panel-npc small{font-size:11px}html.phone #inv-grid,html.phone #equip-slots{gap:4px}html.phone #equip-slots{margin-bottom:8px}html.phone #equip-slots .cell .slotname{font-size:9px;bottom:2px}html.phone .cell .qty{font-size:12px;right:3px}html.phone .cell .sell-tag{font-size:10px;line-height:12px}html.phone #inv-gold{margin-top:7px;font-size:15px}html.phone #stat-list,html.phone #skill-list{font-size:14px}html.phone .stat-row{padding:3px 2px}html.phone #skill-list{gap:9px 14px}html.phone .skill-row .top{font-size:14px}html.phone .skill-row .lvl{font-size:16px}html.phone .skill-row .icon{vertical-align:-3px;width:16px;height:16px}html.phone .skill-row .sub,html.phone .skill-row .next{font-size:10.5px}html.phone #npc-body h3{font-size:17px}html.phone .npc-text{margin-bottom:10px;font-size:14px;line-height:1.45}html.phone .npc-option{padding:9px 10px;font-size:14px}html.phone .objectives,html.phone .rewards,html.phone .shop-hint,html.phone .train-have{font-size:13px}html.phone .shop-row,html.phone .shop-confirm,html.phone .train-row{font-size:14px}html.phone .shop-tab{font-size:13px}html.phone .shop-confirm{grid-template-columns:34px 1fr}html.phone .shop-confirm button{padding:7px 10px;font-size:14px}html.phone #hud #tip{left:6px;right:6px;top:calc(var(--mm) + 78px);width:auto;max-height:calc(100vh / var(--ui) - var(--mm) - 78px - var(--bar-h,142px) - 100px);padding:9px 12px;animation-name:tipin-phone;bottom:auto;overflow-y:auto;transform:none}html.phone.landscape #hud #tip{max-height:calc(100vh / var(--ui) - var(--bar-h,84px) - 14px);top:6px;left:318px;right:188px}@keyframes tipin-phone{0%{opacity:0;transform:translateY(10px)}}html.phone #tip-title{letter-spacing:2px;font-size:11px}html.phone #tip-text{font-size:13px;line-height:1.4}html.phone .tip-buttons{margin-top:7px}html.phone #tip-ok{padding:6px 18px;font-size:14px}html.phone #hud #panel-map{--map-size:min(calc(100vw / var(--ui) - 18px), calc(100vh / var(--ui) - 214px));padding:8px}html.phone #panel-map .panel-title{background:0 0;margin:0 0 6px;padding:0 0 4px;position:static}html.phone #panel-map .panel-close{margin:-4px -4px 0 0}html.phone.portrait #map-body{flex-direction:column;gap:6px}html.phone.portrait #map-filters{width:var(--map-size);flex-flow:wrap;order:2;min-width:240px;max-height:118px}html.phone.portrait .map-filter{flex:40%;min-height:25px;padding:2px 6px;font-size:12px}html.phone.portrait .map-filter.gap{margin-top:0}html.phone.portrait .map-filter-all{flex:100%;margin:0}html.phone.landscape #hud #panel-map{--map-size:calc(100vh / var(--ui) - 84px)}html.phone.landscape #map-filters{width:172px}html.phone.landscape .map-filter{min-height:25px;font-size:12px}html.phone #panel-map #bigmap{min-width:200px;min-height:200px}html.phone #map-progress{margin-top:4px;font-size:11px}html.phone #zone-banner{letter-spacing:4px;font-size:24px;top:24%}html.phone #zone-banner small{letter-spacing:3px;font-size:12px}html.phone #zone-banner.titled{letter-spacing:3px;font-size:21px;top:20%}html.phone #error-text{font-size:15px;top:31%}html.phone #levelup-banner{font-size:24px;top:34%}html.phone #levelup-banner small{font-size:14px}html.phone #duel-banner{font-size:44px}html.phone #duel-banner small{font-size:15px}html.phone #duel-prompt{width:max-content;max-width:calc(100vw / var(--ui) - 24px);padding:12px 14px}html.phone #duel-prompt-text{font-size:15px}html.phone #death h2{letter-spacing:5px;font-size:30px}html.phone #xp-drops{top:30%;right:10px}html.phone .xp-drop{font-size:13px}html.phone #fct .fct{font-size:calc(30px * var(--fct,1))}html.phone #fct .fct.crit{font-size:calc(44px * var(--fct,1))}html.phone #fct .fct.taken,html.phone #fct .fct.heal{font-size:calc(26px * var(--fct,1))}html.phone #fct .fct.taken.crit{font-size:calc(36px * var(--fct,1))}html.phone #fct .fct.miss{font-size:calc(20px * var(--fct,1))}html.phone .plate .bubble{max-width:180px}html.phone #tooltip{max-width:min(320px, calc(100vw / var(--ui) - 16px));padding:8px 10px;font-size:13px}html.phone #tooltip .tt-name{font-size:15px}html.phone .tt-box{max-width:min(300px, calc(50vw / var(--ui) - 10px));padding:8px 10px}html.phone .login-card{width:calc(100vw / var(--ui) - 16px);max-width:560px;padding:16px 14px}html.phone .login-card h1{letter-spacing:7px;font-size:34px}html.phone .tagline{margin-bottom:12px;font-size:13px}html.phone .style-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin:10px 0 6px}html.phone .style-card{padding:7px 9px}html.phone .style-card b{font-size:15px}html.phone .style-card span{font-size:11px}html.phone #login-go,html.phone .primary-btn{padding:10px 28px;font-size:16px}#social-prompt{zoom:var(--ui)}#party-frames{flex-direction:column;gap:5px;width:176px;display:flex;position:absolute;top:calc(100% + 8px);left:-1px}.party-frame{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--bevel);cursor:pointer;border-left:3px solid #4ee07a;border-radius:3px;padding:5px 7px 6px}.party-frame:hover{border-color:var(--gold);border-left-color:#4ee07a}.party-frame.dead{filter:grayscale(.8)brightness(.75)}.pf-head{text-shadow:0 1px 2px #000;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.pf-head .unit-level{min-width:20px;padding:0 4px;font-size:11px}.pf-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pf-leader{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:9px solid var(--gold);width:0;height:0}.party-frame .bar{height:12px;margin-top:4px}.party-frame .bar span{font-size:10px;line-height:11px}.pf-leave{color:var(--muted);border:1px solid var(--panel-border);background:#060504b3;border-radius:2px;align-self:flex-start;padding:2px 8px;font-size:11px}.pf-leave:hover{color:var(--text);border-color:var(--gold)}#social-prompt{z-index:32;text-align:center;background:var(--panel);border:1px solid var(--gold);box-shadow:var(--bevel), 0 0 26px #c9a24a4d;border-radius:3px;padding:14px 20px;position:absolute;top:38%;left:50%;transform:translate(-50%)}#social-prompt .sp-text{margin-bottom:10px;font-size:18px}#social-prompt button{color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;margin:0 6px;padding:6px 20px;font-size:15px}#social-prompt button:hover{border-color:var(--gold)}#tf-actions{flex-wrap:wrap;gap:4px;display:flex}#tf-actions:not(:empty){margin-top:6px}#tf-actions button{color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;padding:2px 10px;font-size:12px}#tf-actions button:hover{border-color:var(--gold)}#tf-actions button[data-act=attack]{background:#2a1210;border-color:#7a2a22}#tf-actions button[data-act=attack]:hover{border-color:#ff6b5e}#panel-trade{z-index:17;width:min(470px,94vw);max-width:none;top:12%;left:40%;right:auto;transform:translate(-50%)}.tr-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tr-col{border:1px solid #2a231c;border-radius:3px;padding:8px;transition:border-color .15s,box-shadow .15s}.tr-col.accepted{border-color:#3fae4a;box-shadow:inset 0 0 18px #3fae4a38}.tr-head{letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:13px;overflow:hidden}.tr-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.tr-grid .cell[data-offer]{cursor:pointer}.tr-step{opacity:0;justify-content:space-between;transition:opacity .1s;display:flex;position:absolute;top:0;left:0;right:0}.cell:hover .tr-step,.cell:focus-within .tr-step{opacity:1}@media (hover:none){.tr-step{opacity:1}}.tr-step button{width:20px;height:18px;color:var(--text);border:1px solid var(--panel-border);background:#000c;border-radius:2px;padding:0;font-size:14px;line-height:14px}.tr-step button:hover{border-color:var(--gold)}.tr-gold{color:var(--gold);align-items:center;gap:6px;margin-top:8px;font-size:17px;display:flex}.tr-gold .icon{flex:none;width:20px;height:20px}.tr-gold b{font-weight:400}.tr-gold input{width:100%;min-width:0;color:var(--gold);background:#0c0906;border:1px solid #3b3128;border-radius:2px;outline:none;padding:3px 6px;font-family:inherit;font-size:16px}.tr-gold input:focus{border-color:var(--gold)}.tr-state{letter-spacing:2px;text-transform:uppercase;text-align:center;color:#6fe07a;margin-top:4px;font-size:13px}.tr-hint{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.35}.tr-buttons{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.tr-buttons button{color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;padding:7px 18px;font-size:15px}.tr-buttons button:hover{border-color:var(--gold)}.tr-buttons button[data-act=accept]{border-color:#2b7a31}.tr-buttons button[data-act=accept].on{background:#12301a}#panel-friends{z-index:17;width:min(400px,94vw);max-width:none;top:14px;right:14px}.fr-list{scrollbar-width:thin;max-height:46vh;overflow-y:auto}.fr-row{border-bottom:1px solid #1f1a15;align-items:center;gap:8px;padding:6px 4px;font-size:15px;display:flex}.fr-dot{background:#4a4640;border:1px solid #000;flex:none;width:9px;height:9px;transform:rotate(45deg)}.fr-row.online .fr-dot{background:#4ee07a;box-shadow:0 0 6px #4ee07ab3}.fr-name{color:var(--muted);font-weight:700}.fr-row.online .fr-name{color:var(--text)}.fr-where{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.fr-row button,.fr-add button{color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;flex:none;padding:2px 8px;font-size:12px}.fr-row button:hover,.fr-add button:hover{border-color:var(--gold)}.fr-empty{color:var(--muted);padding:10px 4px;font-size:14px;line-height:1.4}.fr-add{gap:6px;margin-top:12px;display:flex}.fr-add input{min-width:0;color:var(--text);background:#0c0906;border:1px solid #3b3128;border-radius:2px;outline:none;flex:1;padding:5px 8px;font-family:inherit;font-size:15px}.fr-add input:focus{border-color:var(--gold)}.fr-add button{padding:5px 12px;font-size:14px}#chat-log .party{color:#9fd0ff}#chat-log .party .chan{color:#6fb2ee}#chat-log .whisper{color:#f0a8ff}#chat-log .whisper .who{color:#f7c8ff}#chat-log .levelup{color:#ffe38a}.item-link{cursor:help;font-weight:700}.item-link:hover{filter:brightness(1.3);text-decoration:underline}#fct .fct.other{font-size:calc(24px * var(--fct,1));color:#cfc8ba;-webkit-text-stroke:1px #000}#fct .fct.other.crit{font-size:calc(34px * var(--fct,1));color:#f2dca8}#fct .fct.other.heal{color:#a6e8ac}#fct .fct.other.miss{font-size:calc(18px * var(--fct,1))}@media (max-width:760px),(max-height:520px){#party-frames{gap:3px;width:118px}.party-frame{padding:3px 5px 4px}.pf-head{gap:4px;font-size:11px}.party-frame .bar{height:8px;margin-top:3px}.party-frame .bar span{display:none}#panel-trade{padding:10px;top:6px;left:50%}.tr-hint{display:none}.tr-grid{grid-template-columns:repeat(3,36px);justify-content:center;gap:3px}.tr-state{display:none}.tr-gold{margin-top:4px;font-size:14px}.tr-gold input{padding:1px 5px;font-size:14px}.tr-buttons{margin-top:6px}.tr-buttons button{padding:5px 12px;font-size:13px}.tr-cols{gap:6px}.tr-col{padding:5px}#panel-friends{padding:10px;top:6px;right:6px}}#panel-craft{width:min(540px,94vw);max-width:none;max-height:min(74vh, calc(100vh / var(--ui) - 190px));z-index:16;flex-direction:column;padding-bottom:10px;display:flex;top:9%;left:50%;right:auto;overflow:hidden;transform:translate(-50%)}#panel-craft .panel-title{flex:none;align-items:center;margin-bottom:8px}#panel-craft .cr-level{flex:none}#panel-craft .cr-list{scrollbar-width:thin;scrollbar-color:#5a4a30 transparent;overscroll-behavior:contain;flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.cr-title{align-items:center;gap:10px;min-width:0;display:flex}.cr-skill .icon{width:30px;height:30px;display:block}.cr-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cr-level{color:var(--text);align-items:center;gap:12px;margin-bottom:10px;font-size:15px;display:flex}.cr-level-text{letter-spacing:1px;flex:none}.cr-xp{background:#0a0807;border:1px solid #2a231c;border-radius:2px;flex:1;height:7px;overflow:hidden}.cr-xp-fill{background:linear-gradient(#e0b85a,#9a7a2e);width:0;height:100%;transition:width .3s}.cr-list{flex-direction:column;gap:6px;display:flex}.cr-row{background:#0a08078c;border:1px solid #2a231c;border-left-width:3px;border-radius:3px;grid-template-columns:56px 1fr;gap:10px;padding:8px;display:grid}.cr-row.ready{border-left-color:var(--gold)}.cr-out{align-self:start;width:56px;height:56px}.cr-out .icon{width:84%;height:84%}.cr-qty{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:14px;position:absolute;bottom:0;right:3px}.cr-main{flex-direction:column;gap:5px;min-width:0;display:flex}.cr-head{align-items:baseline;gap:8px;font-size:16px;display:flex}.cr-item{text-shadow:0 1px 2px #000;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.cr-req{color:var(--muted);flex:none;align-items:center;gap:4px;font-size:13px;display:inline-flex}.cr-req .icon{width:13px;height:13px;display:none}.cr-gain{color:#d8c27a;flex:none;font-size:13px}.cr-inputs{flex-wrap:wrap;gap:4px 12px;display:flex}.cr-input{color:var(--text);align-items:center;gap:4px;font-size:14px;display:inline-flex}.cr-input .icon{width:24px;height:24px;display:block}.cr-count b{font-weight:400}.cr-count.short{color:#ff6b5e}.cr-make{flex-wrap:wrap;gap:6px;margin-top:1px;display:flex}.cr-make button{color:var(--text);border:1px solid var(--panel-border);background:#1d1610;border-radius:2px;padding:4px 12px;font-size:13px}.cr-make button:hover:not(:disabled){border-color:var(--gold)}.cr-make button:disabled{opacity:.38;cursor:var(--cursor-cannot)}.cr-row.locked{opacity:.62}.cr-row.locked .cr-out .icon,.cr-row.locked .cr-input .icon{filter:grayscale(.85)brightness(.7)}.cr-row.locked .cr-req{color:#ff8a7a}.cr-row.locked .cr-req .icon{display:block}.cr-row.locked .cr-make{display:none}html.phone .cr-row{grid-template-columns:48px 1fr;gap:8px;padding:7px}html.phone .cr-out{width:48px;height:48px}html.phone .cr-head{flex-wrap:wrap;gap:2px 8px;font-size:15px}html.phone .cr-item{white-space:normal;flex:100%}html.phone .cr-make button{flex:1;min-height:38px;padding:6px 4px;font-size:14px}html.phone .cr-level{margin-top:2px}