/* Bilawl 1.9: original brass-and-enamel emblems, native game data. */
#bilal-ui>.hud-status{display:block!important;top:calc(var(--map-top) + 7px);left:calc(var(--map-left) + 10px);width:clamp(172px,22vw,300px);padding:5px 8px 7px;background:linear-gradient(110deg,#122a31e8,#13271bc2);border:1px solid #b39a62;border-radius:4px;box-shadow:inset 0 0 0 1px #091616,0 3px 8px #0007}
#bilal-ui>.hud-nav{display:flex!important;top:calc(var(--map-top) + 7px);right:calc(var(--map-right) + 10px);gap:5px}
#bilal-ui .hud-button.bilawl-emblem{width:48px;height:48px;padding:4px;border:1px solid #d2b675;border-radius:9px 3px 9px 3px;background:radial-gradient(ellipse at top,#50717e,#1b3440 70%);box-shadow:inset 0 0 0 2px #1a242a,inset 0 3px 0 #f5db9c55,0 3px 0 #080f15;position:relative}
#bilal-ui .hud-button.bilawl-emblem:nth-child(2n){border-radius:3px 9px 3px 9px;background:radial-gradient(ellipse at top,#53684b,#243a2f 70%)}
#bilal-ui .hud-button.bilawl-emblem[data-page=store]{background:radial-gradient(ellipse at top,#4f7881,#163640 70%)}
#bilal-ui .bilawl-art{width:100%;height:100%;fill:none;stroke:#1c242a;stroke-width:2.2;filter:drop-shadow(0 2px 1px #0007)}
.status-heading{font-size:11px;margin-bottom:3px}.status-heading small{font-size:10px;color:#c6d9c5}.meter{height:19px;margin-top:3px;border-radius:2px}.meter>span{font-size:11px;line-height:15px}.meter.xp{height:5px}
#bilawl-states{display:flex;gap:3px;flex-wrap:wrap;position:absolute;top:calc(100% + 5px);left:0;max-width:100%}.condition{width:28px;height:28px;display:block;border:1px solid #a78a57;border-radius:4px;background:#132b30df;box-shadow:0 1px 3px #0008}.condition.skull-4{background:#aa1f27}.condition.skull-5{background:#040809}.condition.skull-1{background:#b79227}.condition.skull-2{background:#3c803e}.condition.skull-6{background:#bc632b}
.bilal-tools{top:calc(var(--map-top) + 61px);right:calc(var(--map-right) + 10px)}.bilal-tools button{width:32px;height:28px}
.hotkeys{top:calc(var(--map-top) + 122px + (var(--map-height) - 150px)/2)}.hotkey{width:min(calc(var(--slot)*var(--ui-scale)),calc((var(--map-height) - 178px)/6));height:min(calc(var(--slot)*var(--ui-scale)),calc((var(--map-height) - 178px)/6));min-width:30px;min-height:30px}
.fixed-art,.fixed-weapon{display:block;width:70%;height:70%;pointer-events:none}.fixed-art>span,.fixed-weapon>span:not(.item-icon){display:block;width:100%;height:100%}.fixed-weapon{display:grid;place-items:center}.hotkey.targeting{border-color:#ffee8a;box-shadow:0 0 8px #e6b936,inset 0 0 10px #e6b93677}.hotkey[data-slot="6"]{background:radial-gradient(ellipse at top,#74512f,#27261d 75%)}.hotkey[data-slot="7"]{background:radial-gradient(ellipse at top,#3c5964,#1b292e 75%)}
#bilawl-chat{position:absolute;left:calc(var(--map-left) + 93px);right:calc(var(--map-right) + 93px);bottom:max(5px,env(safe-area-inset-bottom));max-width:1000px;margin:auto;color:#eee9d9;font-size:12px;text-shadow:0 1px 2px #000;z-index:2;pointer-events:none}
#bilawl-chat header{display:flex;align-items:center;gap:3px;pointer-events:auto;min-height:30px;background:#112b35cc;border:1px solid #8e8257;border-radius:4px 4px 0 0;padding:3px}
#bilawl-chat button{border:1px solid #837a55;border-radius:3px;background:linear-gradient(#345661,#172b34);color:#ead7a8;padding:6px 9px;min-height:30px;white-space:nowrap;font-size:12px}
#bilawl-chat-tabs{display:flex;gap:3px;flex:1;min-width:0;overflow:auto;scrollbar-width:thin}#bilawl-chat-tabs .selected{background:linear-gradient(#6b6949,#3d472e);border-color:#dfc784;color:#fff0b8}
#bilawl-chat-log{display:none;height:min(175px,25dvh);overflow:auto;padding:8px 10px;overscroll-behavior:contain;background:#061b27bc;border-left:1px solid #8e825777;border-right:1px solid #8e825777;pointer-events:auto;user-select:text;line-height:1.5;overflow-wrap:anywhere;scrollbar-color:#8c8a65 #112c34}
#bilawl-chat-log .chat-line button{display:inline;padding:0;min-height:0;background:transparent;border:0;text-decoration:underline;color:#80d8ff;font-size:inherit}
#bilawl-chat-form{display:none;gap:4px;padding:4px;background:#112b35e8;border:1px solid #8e8257;border-top:0;pointer-events:auto}#bilawl-chat-input{flex:1;min-width:0;width:0;min-height:34px;background:#0b1926;color:#f5eccc;border:1px solid #797556;border-radius:3px;padding:6px 9px;user-select:text;font-size:14px}
#bilawl-chat.expanded #bilawl-chat-log{display:block}#bilawl-chat.expanded #bilawl-chat-form{display:flex}#bilawl-chat:not(.expanded) header{background:#112b35bb}#bilawl-chat:not(.expanded) #bilawl-chat-tabs{opacity:.85}
#bilal-ui .shade{z-index:8}#bilal-ui .toast{z-index:10}.fixed-art .bilawl-art{width:100%!important;height:100%!important}

@media(max-width:1000px){#bilal-ui .hud-button.bilawl-emblem{width:40px;height:40px}#bilal-ui>.hud-nav{gap:4px}.bilal-tools{top:calc(var(--map-top) + 54px)}#bilal-ui>.hud-status{width:190px}}
@media(max-width:650px){#bilal-ui>.hud-nav{display:grid!important;grid-template-columns:repeat(4,36px);gap:4px}#bilal-ui .hud-button.bilawl-emblem{width:36px;height:36px;padding:3px}#bilal-ui>.hud-status{width:170px;left:calc(var(--map-left) + 5px)}#bilal-ui>.hud-nav{right:calc(var(--map-right) + 5px)}.bilal-tools{top:calc(var(--map-top) + 90px)}.bilal-tools button{height:25px;width:27px}#bilawl-chat{left:8px;right:8px;bottom:5px}.hotkeys{top:calc(var(--map-top) + 140px + (var(--map-height) - 210px)/2)}.hotkey{width:min(56px,calc((var(--map-height) - 245px)/6));height:min(56px,calc((var(--map-height) - 245px)/6))}#bilawl-chat button{padding:5px 7px}.condition{width:24px;height:24px}.status-heading{font-size:10px}}
@media(max-height:500px){#bilal-ui>.hud-status{width:175px;padding:3px 5px}.status-heading{margin:0;font-size:9px}.meter{height:14px;margin-top:2px}.meter>span{font-size:9px;line-height:10px}#bilal-ui .hud-button.bilawl-emblem{width:36px;height:36px}.condition{width:21px;height:21px}.bilal-tools{top:calc(var(--map-top) + 48px)}.hotkeys{top:calc(var(--map-top) + 92px + (var(--map-height) - 132px)/2);gap:2px}.hotkey{width:max(30px,calc((var(--map-height) - 156px)/6));height:max(30px,calc((var(--map-height) - 156px)/6))}#bilawl-chat{left:60px;right:60px}#bilawl-chat-log{height:85px}#bilawl-chat-form input{min-height:30px}.fixed-weapon .item-icon{transform:scale(.8)}}

@media(max-width:650px) and (min-height:501px){#bilal-ui.chat-expanded .hotkeys{top:calc(var(--map-top) + 140px + (var(--map-height) - 420px)/2)}}

/* 1.10: one compact native-console skin, readable tabs and a single message field. */
#bilawl-chat{max-width:1050px;font-size:14px;bottom:max(8px,env(safe-area-inset-bottom));filter:drop-shadow(0 3px 6px #0007)}
#bilawl-chat header{gap:0;padding:0;background:#121f25f0;border:1px solid #9e8755;border-radius:7px 7px 0 0;min-height:42px}
#bilawl-chat-tabs{gap:0;scrollbar-width:none}
#bilawl-chat button{min-height:42px;background:transparent;border:0;border-radius:0;font-weight:700;color:#b8c8c9;padding:9px 15px;letter-spacing:.2px}
#bilawl-chat-tabs button{border-bottom:3px solid transparent;min-width:72px}
#bilawl-chat-tabs .selected{color:#fff1c8;border-color:#edcf82;background:linear-gradient(#6b67452b,#a990543b)}
#bilawl-chat-tabs .unread:not(.selected){color:#ffb9a2}
#bilawl-chat [data-chat=toggle]{border-left:1px solid #9e875577;background:linear-gradient(#3f6066,#233e45);color:#f2dfb4;border-radius:0 6px 0 0;min-width:80px}
#bilawl-chat [data-chat=channels],#bilawl-chat [data-chat=close-channel]{padding-inline:11px;font-size:18px;color:#cdbb91}
#bilawl-chat-log{height:min(220px,27dvh);background:#0b1825c7;border-color:#9e875566;padding:10px 13px;font:600 14px/1.55 Arial,sans-serif;text-shadow:0 1px 2px #000,1px 0 #000;scrollbar-color:#788c90 #152831}
#bilawl-chat-form{padding:7px;background:#15232de8;border-color:#9e875588;border-radius:0 0 6px 6px;gap:7px}
#bilawl-chat-input{border:1px solid #526773;background:#08131de8;border-radius:5px;min-height:40px;font-size:15px;color:#f0f2e6}
#bilawl-chat-form button{background:linear-gradient(#52654a,#30442e);border:1px solid #b6a366;border-radius:5px;width:44px;padding:5px;color:#f8e7b4}
#bilawl-chat:not(.expanded) header{border-radius:6px;background:#10202bc9;min-height:34px}
#bilawl-chat:not(.expanded) button{min-height:34px;padding-block:5px}
#bilawl-chat button:focus-visible{outline:2px solid #f0d18e;outline-offset:-3px}
.bilal-spell-art{width:40px;height:40px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #0008)}
.hotkey .bilal-spell-art{width:80%;height:80%}.choice .bilal-spell-art{width:42px;height:42px}
.character-sheet{text-align:center}.profile-seal{display:block;width:64px;height:64px;margin:0 auto;color:#e9c97b}.profile-seal svg{width:100%;height:100%;fill:none;stroke:currentColor}.character-sheet h2{font:bold 23px Georgia;color:#f4df9b}.character-sheet dl{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:12px}.character-sheet dl>div{padding:10px;background:#24271e;border:1px solid #5c5b43}.character-sheet dt{font-size:11px;color:#c1b695}.character-sheet dd{margin:5px 0 0;color:#f7edd5}
@media(max-width:650px){#bilawl-chat{left:6px;right:6px}#bilawl-chat button{padding-inline:9px;font-size:12px}#bilawl-chat-tabs button{min-width:60px}#bilawl-chat-log{font-size:13px;height:180px}#bilawl-chat-input{font-size:16px}#bilawl-chat [data-chat=toggle]{min-width:62px}}
@media(max-height:500px){#bilawl-chat-log{height:100px}#bilawl-chat header,#bilawl-chat button{min-height:32px}#bilawl-chat button{padding-block:4px}#bilawl-chat-form{padding:4px}#bilawl-chat-input{min-height:32px}}

#bilawl-chat [data-chat=filters]{padding-inline:8px}#bilawl-chat [data-chat=filters] svg{width:21px;height:21px;vertical-align:middle;pointer-events:none}#bilawl-chat-form [data-chat=mode]{width:auto;min-width:55px;font-size:11px;padding-inline:7px;background:#233840;border-color:#60747a}

/* 1.11: original native menu; this flat copy appears only with panels folded. */
#bilal-ui>.hud-nav.native-access{display:none!important}
#bilal-ui.panels-collapsed>.hud-nav.native-access{display:grid!important;grid-template-columns:repeat(7,24px);gap:3px;top:calc(var(--map-top) + 8px);right:calc(var(--map-right) + 8px);padding:5px;background:#19232ce8;border:1px solid #666f76;border-radius:4px;max-height:34vh;overflow:auto}
.native-access-button{width:24px;height:24px;border:1px solid #536a7d;padding:0;border-radius:3px;background:#14293b;overflow:hidden;position:relative;cursor:pointer;pointer-events:auto}
.native-access-button img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.native-access-button.native-store{grid-column:span 5;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#126378,#09384c);color:#dffeff;font:bold 11px Arial;order:-1}
.native-store img{width:24px;height:24px}.native-access-button:active{filter:brightness(1.4)}
.flat-native-menu{display:grid;grid-template-columns:repeat(7,40px);gap:7px;justify-content:center;padding:12px}.flat-native-menu .native-access-button{width:40px;height:40px}.flat-native-menu .native-store{width:100%}
#bilal-ui .bilal-tools{top:calc(var(--map-top) + 8px);right:calc(var(--map-right) + 8px)}
#bilal-ui.panels-collapsed .bilal-tools{top:calc(var(--map-top) + 8px);right:calc(var(--map-right) + 217px)}
#bilal-ui>.hud-status{width:clamp(190px,22vw,300px);padding:7px 10px 9px;border:1px solid #8b9198;border-radius:12px 3px 12px 3px;background:linear-gradient(120deg,#15283bee,#07111eee);box-shadow:inset 0 1px 0 #d7f3ff66,0 3px 9px #0009}
#bilal-ui .status-heading{display:flex;gap:7px;align-items:center;color:#fff0bc;text-shadow:0 1px 2px #000;font-weight:800}
#bilal-ui .status-heading small{margin-left:auto;white-space:nowrap;color:#e0f0ff}
#bilal-ui .meter{height:24px;position:relative;overflow:hidden;margin-top:4px;border:1px solid #4b1a2c;border-radius:8px 3px;background:#210c1b;box-shadow:inset 0 2px 4px #000a,0 1px 0 #c4d6e244}
#bilal-ui .meter i{height:100%;background:linear-gradient(#ff9a9e 0%,#ff3454 25%,#df1238 50%,#9c0733 53%,#ed1b48 100%);box-shadow:inset 0 1px 0 #fff9,0 0 14px #ff315a99;transition:width .15s linear}
#bilal-ui .meter.mana{border-color:#144d86;background:#071a37}
#bilal-ui .meter.mana i{background:linear-gradient(#9ee9ff 0%,#28c7ff 25%,#0786ff 50%,#064dc9 53%,#1486f5 100%);box-shadow:inset 0 1px 0 #fff9,0 0 14px #00bbff99}
#bilal-ui .meter span{inset:0;font:800 12px/22px Arial;text-shadow:0 1px 2px #000,1px 0 2px #000;letter-spacing:.25px}
#bilal-ui .meter.xp{height:13px;border-color:#594b15;background:#251f0d;margin-top:5px;border-radius:4px}
#bilal-ui .meter.xp i{background:linear-gradient(#fff8a2,#ffce28 45%,#d5970b 55%,#ffe34a);box-shadow:0 0 10px #ffda4e88}
#bilal-ui .meter.xp span{font:800 9px/11px Arial;color:#fff9d8}
#bilal-ui .hotkey{padding:0;overflow:hidden;border:2px solid #526579;border-radius:7px;background:linear-gradient(#294655,#122531);box-shadow:inset 0 1px 1px #c1e2eb99,0 3px 4px #0009}
#bilal-ui .hotkey.spell-slot{border-color:#6b8496}
#bilal-ui .hotkey .bilal-spell-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;z-index:0}
#bilal-ui .hotkey .key{z-index:3;top:3px;left:3px;padding:2px 5px;border-radius:3px;background:#071727c9;color:#fff4d9;font-size:13px;text-shadow:0 1px 2px #000}
#bilal-ui .hotkey .slot-label{z-index:2;bottom:0;padding:4px 2px 3px;background:linear-gradient(transparent,#03101be8);color:#fff8e6;font-size:10px;line-height:12px;text-shadow:0 1px 2px #000}
#bilal-ui .hotkey .cooldown{z-index:4}.hotkey .count{z-index:3}
@media(min-width:1001px) and (min-height:650px){
 #bilal-ui .hotkeys{top:calc(var(--map-top) + 151px);transform:none;gap:5px}
 #bilal-ui .hotkeys.left{left:max(0px,calc(var(--map-left) - 2px))}#bilal-ui .hotkeys.right{right:max(0px,calc(var(--map-right) - 2px))}
 #bilal-ui .hotkey{width:min(calc(90px * var(--ui-scale)),calc((var(--map-height) - 216px)/6));height:min(calc(90px * var(--ui-scale)),calc((var(--map-height) - 216px)/6));min-width:50px;min-height:50px}
 #bilawl-chat{left:calc(var(--map-left) + 105px);right:calc(var(--map-right) + 105px)}
}
@media(pointer:coarse){
 #bilal-ui.panels-collapsed>.hud-nav.native-access{grid-template-columns:repeat(5,40px);max-height:33vh}
 .native-access-button{width:40px;height:40px}.native-access-button.native-store{height:32px}
 #bilal-ui.panels-collapsed .bilal-tools{right:calc(var(--map-right) + 232px)}
}
@media(max-width:650px){#bilal-ui>.hud-status{width:165px;padding:5px 6px}.native-access{max-width:45vw}#bilal-ui.panels-collapsed>.hud-nav.native-access{grid-template-columns:repeat(4,32px);gap:2px}.native-access-button{width:32px;height:32px}.native-access-button.native-store{grid-column:span 4}#bilal-ui.panels-collapsed .bilal-tools{right:calc(var(--map-right) + 8px);top:calc(var(--map-top) + 250px)}}
@media(max-height:500px){#bilal-ui>.hud-status{width:174px;padding:3px 6px}#bilal-ui .meter{height:17px;margin-top:2px}#bilal-ui .meter span{font-size:10px;line-height:15px}#bilal-ui .meter.xp{height:10px}#bilal-ui .meter.xp span{font-size:8px;line-height:8px}#bilal-ui.panels-collapsed>.hud-nav.native-access{max-height:40vh}}

#bilal-ui.panels-collapsed>.native-access:not(.expanded){display:flex!important;overflow:visible;max-height:none}
#bilal-ui .native-access:not(.expanded)>.native-access-button:not(.native-store):not(#native-grid-toggle){display:none}
#bilal-ui .native-access:not(.expanded)>.native-store{width:108px}
#bilal-ui #native-grid-toggle{order:-2;flex-shrink:0;padding:4px;background:linear-gradient(#416878,#173347)}
#bilal-ui .native-access.expanded #native-grid-toggle{grid-column:span 2;width:100%}
#bilal-ui .native-access.expanded .native-store{grid-column:span 5}
@media(pointer:coarse){#bilal-ui .native-access.expanded #native-grid-toggle{grid-column:span 1}#bilal-ui .native-access.expanded .native-store{grid-column:span 4;height:40px}}
@media(max-width:650px){#bilal-ui .native-access.expanded .native-store{grid-column:span 3;height:32px}#bilal-ui .native-access.expanded #native-grid-toggle{grid-column:span 1}#bilal-ui.panels-collapsed .bilal-tools{top:calc(var(--map-top) + 52px);right:calc(var(--map-right) + 8px)}}
#menu-shade .flat-native-menu .native-access-button{padding:0!important;border:1px solid #657781;background:#162631}

@media(max-height:500px){#bilal-ui .hotkeys{top:calc(var(--map-top) + 103px + (var(--map-height) - 132px)/2)}}