.hero-level-hotspot{position:absolute;z-index:8;padding:0;border:0;border-radius:2px;background:transparent;cursor:pointer;min-width:0;min-height:0;box-shadow:none;transition:none!important}
.hero-level-hotspot:hover:not(:disabled),.hero-level-hotspot:focus-visible{background:#f5d18b33;outline:1px solid #f5d18b;transform:none}
.hero-level-hotspot:disabled{pointer-events:none}
#heroBarEditor{position:absolute;z-index:24;width:220px;padding:14px;background:linear-gradient(145deg,#172b35,#07131f);border:1px solid #ab9058;border-radius:7px;box-shadow:0 12px 35px #0009;color:#e4d5af}
#heroBarEditor[hidden]{display:none!important}#heroBarEditor strong{font-size:13px}#heroBarEditor label{display:grid;gap:4px;margin-top:10px;font-size:11px;color:#adbdc9}#heroBarEditor input{width:100%;font-size:13px;padding:6px 8px}#heroBarEditor>div{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}#heroBarEditor button{padding:5px 12px;font-size:11px}#barEditStatus{font-size:10px;color:#f4a3a3;line-height:1.5;margin:7px 0 0}
.game-hero-inspector .director-selection-head{border-bottom:1px solid #6e5f3b;padding-bottom:14px}
.game-hero-inspector .director-selection-head .portrait{width:48px;height:48px;flex:0 0 48px;border:2px solid #a38b52;border-radius:50%;box-shadow:0 0 0 3px #091421}
.game-hero-inspector .selected-name{color:#ead9b2}
.game-hero-inspector .director-selection-copy .side-tag{font-size:10px;color:#a8b5bd}
.game-hero-summary{padding:12px;margin:0 0 12px;border:1px solid #77633c;border-radius:3px;background:linear-gradient(130deg,#112633,#07121c);box-shadow:inset 0 0 0 2px #0c1820}
.game-hud-bars{display:grid;gap:4px}.game-hud-bars>div{position:relative;text-align:center;height:19px;border:1px solid #9b8753;background:#09130e;overflow:hidden}
.game-hud-bars i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#9edb4c,#428f2f);background-size:100% 100%}.game-hud-bars span{position:relative;z-index:1;font-size:10px;color:#fffbe8;text-shadow:0 1px 2px #000;font-weight:600;line-height:17px}
.game-hud-bars .game-hud-mana{height:15px;border-color:#3c778f;background:linear-gradient(#397caa,#235374)}.game-hud-mana span{font-size:9px;line-height:13px}
.game-hud-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:12px 0;color:#ddd6bd}
.game-hud-stats>div{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0}
.game-hud-stats dt{font-size:9px;color:#97aaaf;white-space:nowrap}.game-hud-stats dt span{color:#d0af67;font-size:13px;margin-right:4px}.game-hud-stats dd{margin:0;font-size:12px;font-variant-numeric:tabular-nums}
.game-hud-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 0;border-top:1px solid #354037;border-bottom:1px solid #354037}
.game-hud-skills .skill-choice{padding:3px;min-width:0;border:1px solid #8e784b;border-radius:2px;background:#0a1925}.game-hud-skills .skill-copy{display:none}.game-hud-skills .skill-icon-clip{margin:auto}
.game-hud-items{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:11px}.game-hud-items button{padding:0;aspect-ratio:1;min-width:0;background:#07121a;border:1px solid #6d6245;border-radius:2px;overflow:hidden}.game-hud-items button:last-child{border-color:#85733e;border-radius:50%}.game-hud-items img{display:block;width:100%;height:100%;object-fit:cover}.game-hud-items span{font-size:10px;color:#607375}
.game-hero-inspector .unit-health-panel{padding:10px;border-color:#344b45;background:#0d1c24}.game-hero-inspector .fields{gap:8px}.game-hero-inspector .fields label{font-size:11px}
.game-hero-inspector .workbench-unit-details>summary{color:#c1ac78}.game-hero-inspector .director-inspector-tabs .active{border-color:#c5a96c;color:#ead6a6;background:#233139}

.game-hud-bars>div{display:flex;align-items:center;justify-content:center}.game-hud-bars>div>span{display:block;line-height:1}.game-hud-bars .game-hud-mana span{font-size:9px;line-height:1}
.header-actions>button{white-space:nowrap}
@media(min-width:821px) and (max-width:1700px){.header-actions{gap:6px}.header-actions #admin span,.header-actions #load span,.header-actions #save span{display:none}.header-actions #admin,.header-actions #load,.header-actions #save{min-width:34px;padding:8px}.brand{min-width:210px}.director-mode-title{display:none}}

#board:focus-visible{outline-offset:-3px}