input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #1a1208 inset!important;-webkit-text-fill-color:#f3e6c4!important;transition:background-color 9999s ease-in-out 0s}:root{--hud-h: 150px;--hud-bg: #2a1d10;--hud-bg-2: #3a2716;--hud-bg-3: #1a1208;--hud-border: #c8a456;--hud-border-dark: #6b4f1d;--hp-fill: #d62828;--hp-empty: #4a1313;--mp-fill: #1d6cd6;--mp-empty: #11335f;--xp-fill: #e2c044;--xp-empty: #3f3416;--sp-fill: #4caf50;--sp-empty: #1c3a1d;--slot-bg: #1a1208;--slot-border: #6b4f1d;--slot-border-hover: #c8a456;--slot-border-active: #ffe680;--text: #f3e6c4;--text-dim: #b09d6c;--slot-size: 34px;--hot-size: 64px;--content-height: calc(3 * var(--slot-size) + 2 * 4px);--inv-col-width: calc(10 * var(--slot-size) + 9 * 4px);--hotbar-col-width: calc(5 * var(--hot-size) + 4 * 10px);--break-col-width: calc(2 * var(--slot-size) + 8px);--orb-size: 122px}.hud{position:fixed;left:0;right:0;bottom:0;height:var(--hud-h);background:linear-gradient(180deg,var(--hud-bg-2) 0%,var(--hud-bg) 100%);border-top:5px solid transparent;box-shadow:0 -4px 12px #000c;display:flex;align-items:stretch;gap:14px;padding:11px 14px 12px;font-family:Courier New,monospace;color:var(--text);z-index:50;-webkit-user-select:none;user-select:none;image-rendering:pixelated}.hud-xp-bar{display:none}.hud-vitals-bar{position:absolute;top:-10px;left:0;right:0;height:5px;display:flex;background:#111}.hud-vitals-bar__mp{height:100%;background:var(--mp-fill);transition:width .2s}.hud-vitals-bar__hp{height:100%;background:var(--hp-fill);transition:width .2s}.hud-col{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:0;height:100%;flex-shrink:0}.hud-col--stats{flex:1;min-width:120px;max-width:200px}.hud-col-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);text-align:center;border-bottom:1px solid var(--hud-border-dark);padding:3px 0;height:20px;box-sizing:border-box;line-height:1.3}.hud-col-title--paged{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0 2px}.hud-page-btn{background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}.hud-page-btn:hover{color:var(--hud-border)}.hud-break-group{display:flex;align-items:center;gap:10px}.hud-col-title--tab{display:block;background:var(--slot-bg);border:1px solid var(--hud-border);color:var(--text);padding:3px 10px;font-size:11px;font-weight:700;height:20px;box-sizing:border-box;line-height:1.3;text-align:center}.hud-chat{flex:1;background:#140e0899;border:1px solid var(--hud-border-dark);display:flex;flex-direction:column;min-height:0}.hud-chat__tabs{display:flex;gap:4px;padding:3px 4px;border-bottom:1px solid var(--hud-border-dark);background:var(--hud-bg)}.hud-chat__tab{background:transparent;border:1px solid var(--hud-border-dark);color:var(--text-dim);padding:1px 8px;font-size:10px;font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.hud-chat__tab--active{border-color:var(--hud-border);color:var(--text);background:var(--slot-bg)}.hud-chat__mapinfo{margin-left:auto;background:transparent;border:1px solid var(--hud-border-dark);color:var(--text-dim);padding:1px 8px;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.hud-chat__messages{flex:1;overflow-y:auto;padding:4px 6px;font-size:11px;line-height:1.35;scrollbar-width:thin;scrollbar-color:var(--hud-border-dark) transparent}.hud-chat__messages::-webkit-scrollbar{width:6px}.hud-chat__messages::-webkit-scrollbar-thumb{background:var(--hud-border-dark)}.hud-chat__msg{word-break:break-word;margin-bottom:1px}.hud-chat__msg__author{font-weight:700;margin-right:4px}.hud-chat__msg--global .hud-chat__msg__author{color:#88c8ff}.hud-chat__msg--local .hud-chat__msg__author{color:#c8e860}.hud-chat__msg--friends .hud-chat__msg__author{color:#ffac63}.hud-chat__msg--system .hud-chat__msg__author{color:var(--text-dim);font-style:italic}.hud-chat__hint{padding:3px 6px;font-size:10px;color:var(--text-dim);border-top:1px solid var(--hud-border-dark);background:var(--hud-bg);text-align:center;letter-spacing:.5px}.hud-stats-col{display:flex;flex-direction:column;gap:0;flex:1;justify-content:space-evenly;padding:2px 0}.hud-stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:4px;padding:1px 0;border-bottom:1px dotted rgba(107,79,29,.35)}.hud-stat-row:last-child{border-bottom:none}.hud-stat-label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;flex-shrink:0}.hud-stat-value{font-size:11px;color:var(--text);font-weight:700;text-align:right;white-space:nowrap;letter-spacing:.3px;text-shadow:1px 1px 0 #000}.hud-stat-bonus{font-size:9px;color:#6f6;font-weight:400}.hud-stat-gold{color:var(--hud-border)}.hud-stat-xp{color:#5f5;font-size:10px}.hud-btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;flex:1}.hud-btn{background:var(--hud-bg-2);border:1px solid var(--hud-border-dark);color:var(--text-dim);font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;padding:0 2px;transition:background 80ms,border-color 80ms,color 80ms;height:100%}.hud-btn:hover{background:var(--hud-bg);border-color:var(--hud-border);color:var(--text)}.hud-btn--active{border-color:#5f5;color:#8f8}.hud-btn--active:hover{border-color:#8f8;color:#bfb}.hud-btn--danger:hover{border-color:#f55;color:#f88}.hud-stats{height:var(--content-height);display:flex;flex-direction:column;justify-content:space-between}.hud-stats .hud-bar{height:16px}.hud-bar{position:relative;height:var(--slot-size);background:var(--hp-empty);border:1px solid var(--hud-border-dark)}.hud-bar--hp{background:var(--hp-empty)}.hud-bar--mp{background:var(--mp-empty)}.hud-bar--sp{background:var(--sp-empty)}.hud-bar--xp{background:var(--xp-empty)}.hud-bar__fill{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--fill, 0%);transition:width .18s ease-out}.hud-bar--hp .hud-bar__fill{background:linear-gradient(180deg,#ff5050 0%,var(--hp-fill) 100%)}.hud-bar--mp .hud-bar__fill{background:linear-gradient(180deg,#5a9bff 0%,var(--mp-fill) 100%)}.hud-bar--xp .hud-bar__fill{background:linear-gradient(180deg,#ffec80 0%,var(--xp-fill) 100%)}.hud-bar--character{background:var(--hud-bg-2);border:1px solid var(--hud-border-dark);cursor:pointer;font-family:inherit;color:var(--text);transition:background 80ms,border-color 80ms}.hud-bar--character:hover{background:var(--hud-bg);border-color:var(--slot-border-hover)}.hud-bar--sp .hud-bar__fill{background:linear-gradient(180deg,#80ff90 0%,var(--sp-fill) 100%)}.hud-bar__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;text-shadow:1px 1px 0 #000;font-weight:700;letter-spacing:.3px}.slot{width:var(--slot-size);height:var(--slot-size);background:var(--slot-bg);border:1px solid var(--slot-border);display:flex;align-items:center;justify-content:center;position:relative;font-size:22px;line-height:1;cursor:pointer;transition:border-color 80ms;flex-shrink:0;padding:0;background-clip:padding-box}.slot:hover{border-color:var(--slot-border-hover)}.slot--active{border-color:var(--slot-border-active);box-shadow:inset 0 0 0 1px #000,0 0 6px #ffe68080}.slot__key{position:absolute;top:0;left:2px;font-size:8px;color:var(--text);text-shadow:1px 1px 0 #000;font-weight:700;pointer-events:none;letter-spacing:0}.slot__qty{position:absolute;bottom:0;right:2px;font-size:9px;color:var(--text);text-shadow:1px 1px 0 #000;font-weight:700}.slot__cooldown{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text);text-shadow:1px 1px 0 #000;pointer-events:none}.hud-inv{display:grid;grid-template-columns:repeat(10,var(--slot-size));grid-auto-rows:var(--slot-size);gap:4px;justify-content:center}.hud-hotbar{height:var(--content-height);display:grid;grid-template-columns:repeat(5,var(--hot-size));gap:10px;justify-content:center;align-content:center}.hud-hotbar__cell{display:flex;flex-direction:column;align-items:center;gap:4px}.hud-hotbar__name{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:700;line-height:1}.slot--round{width:var(--hot-size);height:var(--hot-size);border-radius:50%;border-width:3px;background:radial-gradient(circle at 35% 30%,#3a2a16,#110a05 80%);box-shadow:inset 0 0 0 1px #000,inset 1px 1px 3px #ffe6a033,0 2px 4px #000000b3;font-size:30px}.slot--round:hover{border-color:var(--slot-border-hover);box-shadow:inset 0 0 0 1px #000,inset 1px 1px 1px #ffe6a040,0 0 4px #ffe6804d}.slot--round.slot--active{border-color:var(--slot-border-active);box-shadow:inset 0 0 0 1px #000,inset 1px 1px 1px #ffe6a059,0 0 8px #ffe680b3}.slot[draggable=true]{cursor:grab}.slot[draggable=true]:active{cursor:grabbing}.slot--round:hover{cursor:pointer}.slot--round .slot__key{top:-7px;left:50%;transform:translate(-50%);background:var(--hud-bg);border:1px solid var(--hud-border-dark);padding:0 3px;border-radius:6px;font-size:9px;letter-spacing:.2px}.hud-menu-panel{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:linear-gradient(180deg,var(--hud-bg-2) 0%,var(--hud-bg) 100%);border:2px solid var(--hud-border);box-shadow:0 -4px 20px #000c;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;z-index:55;min-width:160px;white-space:nowrap}.hud-menu-panel .hud-btn{height:28px;font-size:10px}.break-zone{height:var(--content-height);width:var(--break-col-width);background:var(--slot-bg);border:2px dashed var(--hud-border-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color 80ms,background 80ms}.break-zone:hover,.break-zone--hover{border-color:#4dcc4d;background:#0f2a10;box-shadow:inset 0 0 0 1px #000,0 0 8px #50c85080}.break-zone__icon{font-size:36px;line-height:1}.break-zone .atlas-icon{width:48px;height:48px;background-size:768px 3072px!important}.hud-spellbook{display:grid;grid-template-columns:repeat(10,var(--slot-size));grid-auto-rows:var(--slot-size);gap:4px;justify-content:center}.hud-actions{display:flex;gap:4px;justify-content:center}.hud-col-map{flex:1;min-width:0}.hud-minimap{height:var(--content-height);background:#1a3520;border:2px solid var(--hud-border-dark);position:relative;overflow:hidden}.hud-minimap__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,#2d5a36,#1a3520 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 4px,transparent 4px,transparent 8px)}.hud-minimap__player{position:absolute;width:6px;height:6px;background:#ff3030;border:1px solid #ffaaaa;box-shadow:0 0 4px #ff5050cc;border-radius:50%;transform:translate(-50%,-50%);transition:left .1s linear,top .1s linear}.hud-minimap__coords{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:10px;color:var(--text);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;letter-spacing:.5px;font-weight:700;pointer-events:none}.chat-overlay{position:fixed;left:14px;top:14px;width:340px;max-width:30vw;max-height:220px;background:#0a0603b8;border:1px solid var(--hud-border-dark);box-shadow:0 4px 14px #0009;display:flex;flex-direction:column;font-family:Courier New,monospace;z-index:40;pointer-events:none}.chat-overlay__tabs{display:flex;gap:3px;padding:3px 4px;border-bottom:1px solid var(--hud-border-dark);background:#140d06d9;pointer-events:auto}.chat-overlay__messages{flex:1;overflow-y:auto;padding:5px 8px;font-size:11px;line-height:1.4;scrollbar-width:none;color:var(--text)}.chat-overlay__messages::-webkit-scrollbar{display:none}.chat-input-floating{position:fixed;left:14px;bottom:var(--hud-h);width:380px;max-width:40vw;background:#140e08eb;border:2px solid var(--hud-border);box-shadow:0 4px 12px #0009;padding:6px;display:flex;gap:4px;align-items:center;font-family:Courier New,monospace;z-index:60}.chat-input-floating__channel{background:var(--slot-bg);border:1px solid var(--hud-border-dark);color:var(--text-dim);padding:2px 6px;font-size:10px;font-family:inherit;cursor:pointer;text-transform:uppercase}.chat-input-floating__channel--active{border-color:var(--hud-border);color:var(--text)}.chat-input-floating input{flex:1;background:var(--slot-bg);border:1px solid var(--hud-border-dark);color:var(--text);padding:4px 6px;font-family:inherit;font-size:12px;outline:none}.chat-input-floating input:focus{border-color:var(--hud-border)}.minimap-overlay{position:fixed;top:14px;right:14px;width:160px;background:#0a0603b8;border:1px solid var(--hud-border-dark);box-shadow:0 4px 14px #0009;font-family:Courier New,monospace;z-index:40;pointer-events:none}.minimap-overlay__header{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:#140d06d9;border-bottom:1px solid var(--hud-border-dark);font-size:10px;font-weight:700;color:var(--hud-border);letter-spacing:1px;text-transform:uppercase}.minimap-overlay__coords{color:var(--text-dim);font-size:9px;letter-spacing:.5px}.minimap-overlay__map{position:relative;width:160px;height:160px;background:#00000040;overflow:hidden}.minimap-overlay__dot{position:absolute;width:5px;height:5px;background:#f44;border:1px solid #ffaaaa;border-radius:50%;box-shadow:0 0 5px #ff3c3ce6;transform:translate(-50%,-50%)}.castbar{position:fixed;transform:translate(-50%,-100%);width:48px;font-family:Courier New,monospace;pointer-events:none;z-index:35;text-align:center}.castbar__label{font-size:11px;color:var(--text);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.castbar__track{height:8px;background:#000000b3;border:1px solid var(--hud-border);position:relative;overflow:hidden}.castbar__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffec80,#e2c044);transform-origin:left center;animation:castbar-fill linear forwards}@keyframes castbar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bubbles-layer{position:fixed;top:0;left:0;right:0;bottom:var(--hud-h);pointer-events:none;z-index:30}.bubble{position:absolute;transform:translate(-50%,-100%);background:#fffff5f2;color:#1a1208;border:2px solid #c8a456;padding:4px 10px;font-family:Courier New,monospace;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 2px 6px #00000080;animation:bubble-pop .2s ease-out}.bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 6px 0 6px;border-style:solid;border-color:#c8a456 transparent transparent transparent}@keyframes bubble-pop{0%{transform:translate(-50%,-90%) scale(.7);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}.class-btn{background:var(--slot-bg);border:2px solid var(--slot-border);color:var(--text);padding:8px 6px;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:border-color 80ms,background 80ms}.class-btn:hover{border-color:var(--slot-border-hover)}.class-btn--active{border-color:var(--slot-border-active);box-shadow:inset 0 0 0 1px #000,0 0 6px #ffe68066}.class-grid,.maps-scroll{scrollbar-width:none;-ms-overflow-style:none}.class-grid::-webkit-scrollbar,.maps-scroll::-webkit-scrollbar{display:none}.class-btn__icon{font-size:20px;line-height:1}.class-btn__name{font-size:11px;font-weight:700;letter-spacing:.5px}.class-btn__stats{font-size:9px;color:var(--text-dim)}.panel{position:fixed;background:linear-gradient(180deg,var(--hud-bg-2),var(--hud-bg));border:2px solid var(--hud-border);box-shadow:0 6px 24px #000c;font-family:Courier New,monospace;color:var(--text);z-index:60;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--hud-bg);border-bottom:1px solid var(--hud-border-dark);font-size:13px;font-weight:700;cursor:grab;letter-spacing:.5px}.panel__close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:18px;line-height:1;padding:0 4px;font-family:inherit}.panel__close:hover{color:var(--text)}.panel__body{padding:10px;flex:1;overflow:auto}.stat-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--hud-border-dark);font-size:12px}.stat-row:last-child{border-bottom:none}.stat-row__label{color:var(--text-dim)}.stat-row__value{color:var(--text);font-weight:700}.hud-orb-col{display:flex;align-items:center;justify-content:center;height:100%;flex-shrink:0;width:var(--orb-size)}.hud-orb{position:relative;width:var(--orb-size);height:var(--orb-size);border-radius:50%;overflow:hidden;border:3px solid var(--hud-border);box-shadow:0 0 0 1px #000,0 0 20px #000c,inset 0 0 10px #0009;flex-shrink:0}.hud-orb__fill{position:absolute;left:0;right:0;bottom:0;top:calc(100% - var(--pct, 0%));transition:top .3s ease-out}.hud-orb--hp .hud-orb__fill{background:linear-gradient(180deg,#ff5050,#b01818 40%,#6a0808)}.hud-orb--mp .hud-orb__fill{background:linear-gradient(180deg,#5a9bff,#1450c0 40%,#071a5a)}.hud-orb__gloss{position:absolute;top:8%;left:10%;width:38%;height:40%;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.3) 0%,transparent 80%);pointer-events:none;border-radius:50%}.hud-orb__shimmer{position:absolute;left:-10%;right:-10%;top:calc(100% - var(--pct, 0%) - 4px);height:8px;background:#ffffff2e;border-radius:50%;transition:top .3s ease-out;pointer-events:none}.hud-orb--hp .hud-orb__empty{background:#2a0a0a}.hud-orb--mp .hud-orb__empty{background:#060c22}.hud-orb__empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hud-orb__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;pointer-events:none;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.hud-orb__label-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffffd9;line-height:1}.hud-orb__label-val{font-size:11px;color:#ffffffb3;letter-spacing:.5px;line-height:1.3;margin-top:2px}