.hud{width:650px;max-width:calc(100vw - 40px);bottom:22px;padding:12px 14px 8px;border:1px solid #64717a88;border-radius:6px;background:linear-gradient(180deg,#19232bed,#0c141beb);box-shadow:0 8px 28px #0009,inset 0 1px #d5e2ea16}
.hud .vitals{display:flex;gap:10px;align-items:center;margin-bottom:9px;background:none;border:0;padding:0}.hud .bars{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}.hud .resource{height:23px;border:1px solid #89949b66;border-radius:3px;background:#080e13;box-shadow:inset 0 2px 5px #000;overflow:hidden;position:relative}.hud .resource>i{position:absolute;inset:0 auto 0 0;height:100%;border-radius:0;transition:width .18s ease;box-shadow:inset 0 1px #ffffff3b,inset 0 -3px #0005}.hud .hp>i{background:linear-gradient(180deg,#ad6266,#733b45 55%,#492730)}.hud .mp>i{background:linear-gradient(180deg,#548eae,#31566e 55%,#203849)}.hud .resource>small{position:absolute;left:8px;top:3px;font-size:10px;color:#f3e8e8;z-index:2}.hud .resource>span{position:absolute;right:8px;top:3px;font-size:11px;color:#f2f5f7;text-shadow:0 1px 3px #000;z-index:2}.hud .shield-bar{grid-column:1/-1;height:14px;background:#13232c}.hud .shield-bar>small,.hud .shield-bar>span{top:0;font-size:9px}.hud .level{width:38px;min-width:38px;background:#18232b;border:1px solid #69778166;border-radius:3px}.hud #status{font-size:10px;max-width:45px}.hud>.hotbar{display:flex!important;justify-content:center;gap:5px;background:none;border:0;box-shadow:none;padding:0;margin:0;width:100%}.hud>.hotbar>button{width:68px;min-width:0;flex:1;height:64px;border-radius:4px;border:1px solid #596a7780;background:linear-gradient(155deg,#2b3a46,#111d27);position:relative}.hud>.hotbar>button.future{background:linear-gradient(155deg,#394047,#17212a);border-color:#8f8d7566}.hud>.hotbar>button small{font-size:10px;white-space:nowrap}.hud .hotbar kbd{position:absolute;top:3px;left:5px;font-size:9px}.hud .hotbar svg{width:27px;height:27px;filter:drop-shadow(0 1px 2px #000);color:#d9d6c7}.hud .divider{width:4px}.hud .xp{margin-top:8px;height:3px}.hud #xpText{font-size:9px}.menu{bottom:155px;right:20px}.hints{bottom:22px}.label.player .mini-hp{display:block;width:78px;height:5px;margin:4px auto 0;background:#22161be6;border:1px solid #e4d6c555;border-radius:3px;overflow:hidden}.label.player .mini-hp i{display:block;height:100%;background:#cb6673}
.game-chat{position:fixed;z-index:16;left:22px;bottom:174px;width:310px;border:1px solid #839ba84d;border-radius:9px;background:#0c1723c9;color:#d9e5ec;font-size:12px}.game-chat header{display:flex;gap:12px;align-items:center;padding:7px 10px}.chat-status{font-size:10px;color:#a6c7d6}.chat-toggle{margin-left:auto}.chat-lines{height:130px;overflow-y:auto;padding:0 10px;overflow-wrap:anywhere}.chat-lines>div{margin:4px 0}.ultimate-line{color:#ffd17a}.game-chat form{display:flex;border-top:1px solid #ffffff20;padding:5px;gap:4px}.game-chat input{min-width:0;flex:1;background:#122231;color:white;border:0;padding:7px}.game-chat button{padding:4px 8px}.game-chat.collapsed .chat-lines,.game-chat.collapsed form{display:none}.item-stat-list{margin:8px 0;padding:0;list-style:none}.item-stat-list li{padding:3px 0;border-bottom:1px solid #ffffff10}.compare-popup{max-height:calc(100vh - 24px);overflow-y:auto}.compare-columns>section:only-child{grid-column:1/-1}@media(max-width:800px){.game-chat{left:10px;bottom:135px;width:240px}.chat-lines{height:90px}}

.game-chat{bottom:200px}.target{top:24px}@media(max-width:800px){.hud{bottom:12px;max-width:calc(100vw - 16px);padding:8px}.hud>.hotbar{gap:3px}.hud>.hotbar>button{height:55px}.hud .hotbar small{font-size:8px}.menu{bottom:180px;right:10px}.game-chat{bottom:245px}.hints{display:none}}