.skill-level-up{position:absolute;left:calc((100% - 248px)/2);bottom:190px;transform:translateX(-50%);width:360px;height:76px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:12px;padding:10px;border:3px ridge #a58b59;background:#453d2e url('/assets/ui/panel-texture.png');box-shadow:0 0 0 1px #17130f,2px 3px 0 #0008;color:#fff;text-shadow:1px 1px #000;pointer-events:none;z-index:16}
.skill-level-up img{width:50px;height:50px;object-fit:contain;image-rendering:pixelated}
.skill-level-up-title{display:block;font:20px/1.1 'OSRS Plain',monospace;color:#ffff00;margin:0 0 5px}
.skill-level-up-message{font:16px/1.15 'OSRS Plain',monospace;color:#fff;margin:0}
.skill-level-up[data-level="99"]{border-color:#ffe17b;box-shadow:0 0 0 1px #30220b,0 0 15px #db9c3433}
.skill-level-up[data-unlocks="true"]{width:440px;height:138px;padding:10px;align-items:start}
.skill-level-up-unlocks:empty,.skill-level-up-page:empty{display:none}
.skill-level-up-unlocks{display:grid;gap:2px;margin-top:6px;font:12px/1.2 'OSRS Small',monospace;color:#ffff00}
.skill-level-up-unlocks span[data-ready="false"]{color:#ffbb7b}
.skill-level-up-page{display:block;margin-top:3px;color:#bfb398;font:12px/1 'OSRS Small',monospace}
@media(max-width:600px){
  .skill-level-up{top:170px;bottom:auto;left:9px;right:9px;transform:none;width:auto;gap:10px}
  body:has(#skill-level-up:not([hidden])) .xp-drops{top:260px;height:115px;min-height:100px}
  body:has(#boss-hud:not([hidden])) .skill-level-up{top:225px}
  body:has(#boss-hud:not([hidden])):has(#skill-level-up:not([hidden])) .xp-drops{top:310px;height:75px;min-height:70px}
  .skill-level-up[data-unlocks="true"]{width:auto;height:128px;padding:6px;gap:8px;grid-template-columns:40px 1fr}
  .skill-level-up[data-unlocks="true"] img{width:40px;height:40px}
  .skill-level-up[data-unlocks="true"] .skill-level-up-title{font-size:16px;line-height:1;margin-bottom:3px}
  .skill-level-up[data-unlocks="true"] .skill-level-up-message{font:12px/1.1 'OSRS Small',monospace}
  .skill-level-up[data-unlocks="true"] .skill-level-up-unlocks{margin-top:4px;gap:2px;font-size:12px}
  body:has(#skill-level-up[data-unlocks="true"]:not([hidden])) .xp-drops{top:305px;height:80px;min-height:75px}
  body:has(#boss-hud:not([hidden])):has(#skill-level-up[data-unlocks="true"]:not([hidden])) .skill-level-up{top:225px;height:128px}
  body:has(#boss-hud:not([hidden])):has(#skill-level-up[data-unlocks="true"]:not([hidden])) .xp-drops{top:358px;height:70px;min-height:70px;right:auto;left:9px;width:95px}
  body:has(#boss-hud:not([hidden])):has(#skill-level-up[data-unlocks="true"]:not([hidden])) .xp-drop{column-gap:5px;row-gap:2px}
  body:has(#boss-hud:not([hidden])):has(#skill-level-up[data-unlocks="true"]:not([hidden])) .xp-drop-skill{height:16px;gap:2px}
  body:has(#boss-hud:not([hidden])):has(#skill-level-up[data-unlocks="true"]:not([hidden])) .xp-drop-skill img{width:15px;height:15px}
  body:has(#boss-hud:not([hidden])):has(#skill-level-up[data-unlocks="true"]:not([hidden])) .xp-drop-value{font-size:12px}
}
@media(max-height:650px) and (min-width:601px){.skill-level-up{bottom:160px}}