/* generated by scripts/hudshell-css.mjs from styles.css - do not edit */
@keyframes hudGlow{0%{box-shadow:0 0 0 0 rgba(255,181,71,0);filter:brightness(1)}20%{box-shadow:0 0 10px 3px rgba(255,181,71,.75);filter:brightness(1.35)}100%{box-shadow:0 0 0 0 rgba(255,181,71,0);filter:brightness(1)}}
@keyframes hudStGlow{0%{box-shadow:0 0 0 0 rgba(255,181,71,0);color:inherit}25%{box-shadow:0 0 10px 3px rgba(255,181,71,.65);color:#FFD08A}100%{box-shadow:0 0 0 0 rgba(255,181,71,0)}}
.sc-hudli .h-st.is-sglow b,.sc-hudli .h-st.is-sglow i{color:#FFB547;text-shadow:0 0 6px rgba(255,181,71,.9),0 0 12px rgba(255,181,71,.5);transition:color .2s,text-shadow .2s}
.hli-menu{position:fixed;z-index:58;min-width:220px;max-width:min(300px,calc(100vw - 16px));padding:6px;border-radius:16px;background:#181c3a;border:2px solid #b2a4ec;box-shadow:0 10px 30px rgba(0,0,0,.5);font:500 14px Lexend,Inter,sans-serif;color:#ece8ff;display:flex;flex-direction:column}
.hli-menu[hidden]{display:none}
.hli-mh{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-bottom:1px solid rgba(178,164,236,.3);margin-bottom:4px;font-weight:700;overflow:hidden}
.hli-mu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hli-menu>button,.hli-menu>a{display:flex;align-items:center;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.hli-menu>button:hover,.hli-menu>a:hover,.hli-menu>button:focus-visible,.hli-menu>a:focus-visible{background:#2e3570;outline:none}
.hli-menu .hli-out{color:#ffbe46}
.sc-hudli{left:0!important;right:0!important;width:auto!important}
@media (min-width:601px){.sc-hudli .h-main .h-cats{gap:2px}.sc-hudli .h-main .h-cat{min-width:55px;font-size:10px}.sc-hudli .h-main{gap:12px}}
.sc-hudli .h-cats.hli-fl{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px);mask-image:linear-gradient(90deg,transparent 0,#000 28px)}
.sc-hudli .h-cats.hli-fr{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 28px);mask-image:linear-gradient(270deg,transparent 0,#000 28px)}
.sc-hudli .h-cats.hli-fl.hli-fr{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.sc-hudli .h-who{grid-template-columns:auto auto auto;align-items:center;justify-items:stretch;column-gap:8px;row-gap:5px}
.sc-hudli .h-who>.h-row{display:contents}
.sc-hudli .h-who .h-lvl,.sc-hudli .h-who .h-pet{justify-content:flex-start;box-sizing:border-box;padding-left:8px;padding-right:8px;border:1px solid transparent}
.sc-hudli .h-who .h-pet{border-color:rgba(34,228,255,.35)}
.sc-hudli .h-who .h-xbar,.sc-hudli .h-who .h-xbar--pet{width:110px;height:8px}
@media (max-width:600px),(max-height:500px){.sc-hudli .h-who .h-xbar,.sc-hudli .h-who .h-xbar--pet{width:56px;height:5px}}
.sc-hudli .h-who .h-lvl,.sc-hudli .h-who .h-pet{grid-column:1}
.sc-hudli .h-who .h-xbar{grid-column:2}
.sc-hudli .h-who .h-xpt{grid-column:3}
.sc-hudli .h-who .h-lvl,.sc-hudli .h-who .h-pet{height:22px;padding-top:0;padding-bottom:0}
@media (max-width:600px),(max-height:500px){.sc-hudli .h-who .h-lvl,.sc-hudli .h-who .h-pet{height:18px}}
@media (min-width:601px){
  .sc-hudli .h-main .h-stats{display:flex;flex-direction:column;justify-content:center;gap:1px;flex:none;line-height:1}
  .sc-hudli .h-main .h-st{display:flex;align-items:center;gap:4px;font-size:11px;line-height:1;white-space:nowrap}
  .sc-hudli .h-main .h-st i{font-size:11px;width:12px;text-align:center}
  .sc-hudli .h-main .h-st b{font-size:11px;min-width:2.2em}
  .sc-hudli .h-main .h-st em{display:inline!important;font-size:9px;font-style:normal;opacity:.75}
}
.sc-hudli .h-xbar.hli-xglow{animation:hudGlow 1s ease-out;overflow:visible}
.sc-hudli .h-st.is-sglow{animation:hudStGlow 1.1s ease-out;border-radius:8px}
.sc-hudli .hli-pop{display:inline-block;animation:hliPop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes hliPop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.hli-plus{position:fixed;z-index:59;pointer-events:none;transform:translate(-50%,-100%);font:700 13px Lexend,Inter,sans-serif;text-shadow:0 0 6px rgba(0,0,0,.6),0 0 8px currentColor;animation:hliPlus 1.15s ease-out forwards;white-space:nowrap}
.hli-plus--notes{color:#FFB547}
.hli-plus--listeners{color:#FF8A3D}
.hli-plus--fans{color:#FFC94A}
@keyframes hliPlus{0%{opacity:0;translate:0 4px}15%{opacity:1}100%{opacity:0;translate:0 -26px}}
@media (prefers-reduced-motion:reduce){.sc-hudli .h-xbar.hli-xglow,.sc-hudli .h-st.is-sglow,.sc-hudli .hli-pop{animation:none}.hli-plus{animation:none;opacity:0}}
@media (min-width:601px) and (max-width:1299px){
  .sc-hudli .h-main{gap:8px}
  .sc-hudli .h-main .h-hs{flex-direction:column;gap:2px}
  .sc-hudli .h-main .h-hi{width:42px;height:26px}
  .sc-hudli .h-main .h-cat{min-width:46px;font-size:9px}
  .sc-hudli .h-main .h-who .h-xbar,.sc-hudli .h-main .h-who .h-xbar--pet{width:70px}
}
@media (min-width:601px) and (max-width:1099px){.sc-hudli .h-main{gap:4px}.sc-hudli .h-main .h-cats{gap:1px}}
@media (min-width:601px) and (max-width:1099px){.sc-hudli .h-main .h-who .h-xbar,.sc-hudli .h-main .h-who .h-xbar--pet{width:58px}}
@media (min-width:601px) and (max-width:1099px){.sc-hudli .h-main .h-cat{font-size:0;min-width:34px;gap:0}}
@media (min-width:1960px){html .sc-hudli{left:calc(50% - 940px)!important;right:calc(50% - 940px)!important;width:auto!important}.sc-hudli[data-layout=a] .h-cats,.sc-hudli[data-layout=b] .h-cats{justify-content:center}}
@media (min-width:601px) and (max-width:1099px){.sc-hudli .h-main .h-cat{min-width:38px}.sc-hudli .h-main .h-cat .h-b{width:36px;height:36px;border-radius:11px}}
@media (min-width:601px) and (max-width:899px){.sc-hudli .h-main .h-cat{min-width:30px}.sc-hudli .h-main .h-cat .h-b{width:30px;height:30px;border-radius:9px}.sc-hudli .h-main .h-who .h-xbar,.sc-hudli .h-main .h-who .h-xbar--pet{width:40px}.sc-hudli .h-main .h-acts{gap:4px}}
@media (min-width:601px) and (max-width:999px){.sc-hudli .h-main .h-stats .h-st em{display:none!important}.sc-hudli .h-main{gap:3px}}
.hli-menu a.hli-mh--a{display:flex;align-items:center;gap:6px;min-height:44px;box-sizing:border-box;text-decoration:none;color:inherit;cursor:pointer;border-radius:8px}
.hli-menu a.hli-mh--a:hover,.hli-menu a.hli-mh--a:focus-visible{background:rgba(255,255,255,.08);outline:none}
@media (min-width:601px){
  .sc-hudli .h-main .h-stats{gap:0;align-self:stretch;justify-content:space-evenly}
  .sc-hudli .h-main .h-st{gap:5px;font-size:15px;line-height:16px}
  .sc-hudli .h-main .h-st i{font-size:16px;width:16px}
  .sc-hudli .h-main .h-st b{font-size:15px;font-weight:800;min-width:0}
  .sc-hudli .h-main .h-st em{font-size:12px;opacity:.8}
}
@media (min-width:601px){.sc-hudli .h-main .h-st{line-height:15px;height:15px}.sc-hudli .h-main .h-st i,.sc-hudli .h-main .h-st b,.sc-hudli .h-main .h-st em{line-height:15px}}
@media (min-width:601px){.sc-hudli .h-main .h-stats{align-self:center;gap:2px;justify-content:center}}
@media (min-width:601px){.sc-hudli .h-main .h-stats{gap:2px!important}}
.hli-fsd{position:fixed;z-index:61;display:flex;gap:0;pointer-events:auto;opacity:.55;transition:opacity .4s ease}
.hli-fsd[hidden],.hli-fsd button[hidden]{display:none}
.hli-fsd:hover,.hli-fsd:focus-within{opacity:1}
.hli-fsd button{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;padding:0;cursor:pointer;color:#fff}
.hli-fsd button svg{width:30px;height:30px;padding:7px;box-sizing:border-box;border-radius:50%;background:rgba(26,29,63,.85);box-shadow:inset 0 0 0 1.5px rgba(178,164,236,.7)}
.hli-fsd button[aria-pressed=true] svg{box-shadow:inset 0 0 0 1.5px #FFB547;color:#FFB547}
.hli-fsd button.hli-z{font:700 17px/1 Lexend,Inter,sans-serif}
.hli-fsd button.hli-z::before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:rgba(26,29,63,.85);box-shadow:inset 0 0 0 1.5px rgba(178,164,236,.7);z-index:-1}
.hli-fsd button{position:relative;isolation:isolate}
.hli-fsd button:disabled{opacity:.4;cursor:default}
@media (min-width:601px){
  .sc-hudli .h-main .h-stats{display:grid!important;grid-template-columns:20px 3ch auto;grid-auto-rows:18px;column-gap:6px;row-gap:1px!important;align-items:center;align-self:center}
  .sc-hudli .h-main .h-stats .h-st{display:contents}
  .sc-hudli .h-main .h-st i{grid-column:1;font-size:19px;width:20px;line-height:18px;text-align:center;justify-self:center}
  .sc-hudli .h-main .h-st b{grid-column:2;font-size:18px;font-weight:800;line-height:18px;text-align:right;justify-self:end;font-variant-numeric:tabular-nums}
  .sc-hudli .h-main .h-st em{grid-column:3;font-size:15px;line-height:18px;text-align:left;justify-self:start}
}
@media (min-width:601px) and (max-width:999px){.sc-hudli .h-main .h-stats{grid-template-columns:20px 3ch}}
@media (min-width:1300px) and (max-width:1399px),(min-width:1960px){.sc-hudli .h-main .h-cat{min-width:52px}.sc-hudli .h-main .h-cats{gap:1px}}
@media (min-width:601px){.sc-hudli .h-main .h-stats{grid-template-columns:20px max-content max-content;column-gap:0!important;row-gap:2px!important;grid-auto-rows:18px}
.sc-hudli .h-main .h-st b{margin-left:8px}.sc-hudli .h-main .h-st em{margin-left:6px}}
@media (min-width:601px) and (max-width:999px){.sc-hudli .h-main .h-stats{grid-template-columns:20px max-content}}
.hli-menu>a.hli-mp{background:#FFB547;color:#1b1203;font-weight:700;justify-content:center;margin:2px 0 4px}
.hli-menu>a.hli-mp:hover,.hli-menu>a.hli-mp:focus-visible{background:#ffc66e;outline:2px solid #fff;outline-offset:-2px}
.sc-hudli .h-dzb{width:44px;height:44px;min-width:44px;align-self:center;border-radius:12px;border:2px solid #7a4a00;background:linear-gradient(#ffd36b,#f2a93b);color:#3b2300;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 3px 0 #9c5d00}
.sc-hudli .h-dzb:hover{filter:brightness(1.06)}
.sc-hudli .h-dzb:focus{outline:0}
.sc-hudli .h-dzb:focus-visible{outline:3px solid #22E4FF;outline-offset:2px}