.class-skill-bar{position:absolute;right:max(37px,env(safe-area-inset-right));bottom:211px;width:310px;pointer-events:auto}
.class-skill-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:8px}
#skill-help{background:#111c17c9;border-color:#bda87550;border-radius:3px;font-size:9px;letter-spacing:.7px;padding:5px 8px;color:#d9c89d}
#skill-help span+span{margin-left:7px;color:#b1bda9}
.class-skill-status{font-size:9px;color:#baf6d2;text-shadow:0 1px 4px #000;text-align:right}
.class-skill-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.class-skill{--skill-color:#ffb35b;position:relative;display:flex;gap:8px;align-items:center;text-align:left;border:1px solid color-mix(in srgb,var(--skill-color),transparent 48%);border-radius:7px;min-height:66px;padding:11px 9px;background:linear-gradient(130deg,#25352cdd,#0e1715f2);box-shadow:0 4px 17px #0005;color:var(--skill-color)}
.class-skill[data-effect=guard]{--skill-color:#78c9ff}.class-skill[data-effect=judgement]{--skill-color:#ffe5a0}.class-skill[data-effect=renewal]{--skill-color:#8fffc6}.class-skill[data-effect=venom]{--skill-color:#b8f36a}.class-skill[data-effect=shadow]{--skill-color:#bf9aff}.class-skill[data-effect=fireball]{--skill-color:#ff8950}.class-skill[data-effect=frost]{--skill-color:#91ecff}
.class-skill-icon{display:block;flex:0 0 31px;height:32px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--skill-color),transparent 65%))}
.class-skill-icon svg{display:block;width:100%;height:100%}
.class-skill-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.class-skill-copy strong{font-size:10px;font-weight:600;line-height:1.35;color:#e5e8d9}
.class-skill-copy small{font-size:8px;color:#a9b4a5;white-space:nowrap}
.class-skill kbd{position:absolute;top:-7px;right:8px;font:8px Inter,Segoe UI,sans-serif;padding:2px 5px;border:1px solid #a4936666;background:#202a22;border-radius:3px;color:#d3c395}
.class-skill-cooldown{display:none;position:absolute;inset:0 auto 0 0;width:43px;align-items:center;justify-content:center;background:#071410e8;border-right:1px solid #a9b78e33;border-radius:7px 0 0 7px;font-size:13px;color:white}
.class-skill.is-cooling .class-skill-cooldown{display:flex}
.class-skill:disabled{opacity:.78;cursor:default}.class-skill.is-cooling .class-skill-copy{opacity:.85}.class-skill.is-empowered{border-color:var(--skill-color);box-shadow:0 0 13px color-mix(in srgb,var(--skill-color),transparent 75%)}
#class-skill-guide{margin-top:14px;border-top:1px solid #d5b4792e;padding-top:6px}#class-skill-guide p{margin:9px 0}#class-skill-guide strong{display:block;color:#e0c68e;font-size:11px}#class-skill-guide span{display:block;margin-top:4px;font-size:10px;line-height:1.6}
#pause-dialog{max-height:92dvh;overflow-y:auto}
@media(max-width:900px){.class-skill-bar{right:25px;bottom:183px;width:280px}.class-skill{min-height:61px;gap:6px;padding:9px 7px}.class-skill-icon{flex-basis:28px}.class-skill-copy strong{font-size:9px}}
@media(max-height:520px){.class-skill-bar{right:max(20px,env(safe-area-inset-right));bottom:154px;width:267px}.class-skill{min-height:53px;padding:7px}.class-skill kbd{display:none}.class-skill-heading{margin-bottom:5px}#skill-help{font-size:8px;padding:4px 6px}.class-skill-status{font-size:8px}.class-skill-icon{flex-basis:25px;height:27px}.class-skill-copy{gap:4px}.class-skill-copy small{font-size:8px}.quest-panel{display:none}}
@media(max-width:580px) and (min-height:521px){.class-skill-bar{right:20px;bottom:219px;width:225px}.class-skill-buttons{gap:8px}.class-skill{min-height:65px;padding:9px 6px;gap:5px}.class-skill-icon{flex-basis:24px;height:28px}.class-skill kbd{display:none}.class-skill-copy strong{font-size:9px}.class-skill-copy small{font-size:7px}.class-skill-heading{gap:4px}#skill-help{font-size:8px;letter-spacing:0}.class-skill-status{max-width:90px;font-size:8px}.class-skill-cooldown{width:33px;font-size:12px}}