#abilityBar{position:absolute;right:14px;bottom:110px;z-index:5;display:flex;flex-direction:column;gap:8px;pointer-events:auto}
#abilityBar[hidden]{display:none}
#abilityBar button{width:115px;min-height:64px;padding:7px;border:2px solid #172735;border-radius:9px;background:#fff1da;box-shadow:3px 3px 0 #172735;color:#172735;display:grid;grid-template-columns:24px 1fr;gap:3px;align-items:center;touch-action:manipulation}
#abilityBar b{grid-row:1/3;font-size:22px;color:#f26b1d}
#abilityBar span{font:700 11px/1.15 system-ui;text-align:left}
#abilityBar small{font:800 10px system-ui;text-align:left;color:#0c659d}
#abilityBar button:disabled{opacity:.65;box-shadow:none}
#abilityDialog{width:min(650px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;margin:auto;padding:24px;border:3px solid #172735;border-radius:16px;background:#fff1da;color:#172735;overflow:auto;font-family:var(--p-text)}
#abilityDialog::backdrop{background:#142b41d9}
#abilityDialog h2{font:700 34px var(--p-display);text-transform:uppercase;margin:8px 0}
#abilityDialog p{font-size:14px;line-height:1.5}
#abilityDialog>small{color:#a7490c;font-weight:800}
#abilityDialog label{display:flex;align-items:center;gap:10px;font-weight:700;margin:14px 0}
#abilityDialog select{padding:8px 16px;font-size:18px;background:white;color:#172735;border:2px solid #172735;border-radius:6px}
#abilityDialog .ability-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
#abilityDialog button{border:2px solid #172735;border-radius:10px;padding:16px;background:#e1f2ff;color:#172735;cursor:pointer}
#abilityDialog .ability-options button{display:flex;flex-direction:column;gap:14px;align-items:start;box-shadow:4px 4px 0 #172735;text-align:left;min-height:190px}
#abilityDialog strong{font:700 23px/1.1 var(--p-display);text-transform:uppercase}
#abilityDialog span{font:14px/1.4 var(--p-text)}
#abilityDialog .ability-options small{font-weight:800;color:#a7490c;margin-top:auto}
@media(max-width:600px){#abilityBar{right:8px;bottom:110px}#abilityBar button{width:92px;min-height:60px;padding:5px}#abilityBar span{font-size:10px}#abilityDialog{padding:16px}#abilityDialog .ability-options{grid-template-columns:1fr}#abilityDialog .ability-options button{min-height:140px}#abilityDialog h2{font-size:28px}}
@media(max-height:500px) and (orientation:landscape){#abilityBar{bottom:74px;right:10px;flex-direction:row}#abilityBar button{width:98px;min-height:50px}#abilityDialog .ability-options{grid-template-columns:1fr 1fr}}

html body[data-state="paused"] #abilityBar,html body[data-state="menu"] #abilityBar,html body[data-state="shop"] #abilityBar,html body[data-state="dead"] #abilityBar{display:none}

html body #bossHud:is([data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]){position:absolute;left:50%;right:auto;transform:translateX(-50%);top:10px;width:min(460px,calc(100% - 94px));padding:8px 12px;border:2px solid #172735;border-radius:7px;background:#fff1da;color:#172735;box-shadow:3px 3px 0 #172735;box-sizing:border-box}
html body #bossHud:is([data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]) .boss-topline{display:flex;justify-content:center;font-size:8px;margin-bottom:4px;color:#65427c}
html body #bossHud:is([data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]) #bossKicker{display:none}
html body #bossHud:is([data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]) #bossName{font:700 17px/1.1 var(--p-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a84f15}
html body #bossHud:is([data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]) #bossCount{font-size:10px;white-space:nowrap;color:#172735}
html body #bossHud:is([data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]) .bar{height:9px;margin-top:5px;background:white;border:1px solid #172735}
@media(max-width:600px){html body #bossHud:is([data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]){left:12px;transform:none;width:calc(100% - 80px)}html body #bossHud:is([data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]) #bossName{font-size:14px}}

#abilityDialog .ability-options button{text-transform:none;letter-spacing:0}

@media(min-width:601px) and (max-width:1000px){html body #bossHud:is([data-kind="santa_boss"],[data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]){left:240px;right:70px;transform:none;width:auto}}
@media(max-width:600px){html body #bossHud:is([data-kind="santa_boss"],[data-kind="krampus"],[data-kind="halloween_goat"],[data-kind="halloween_chupacabras"]){top:calc(98px + env(safe-area-inset-top));left:12px;width:calc(100% - 24px)}}