#skill-second,#skill-third,#block{display:none}
#racial-status{position:fixed;left:12px;top:242px;width:210px;font-size:9px;color:#d6c29d;background:#142234dd;padding:6px 8px;border-radius:4px;pointer-events:none}
.dungeon #combat-actions{inset:0;width:auto;height:auto;pointer-events:none}
.dungeon #combat-actions button{position:fixed}
.dungeon #attack{right:18px;bottom:18px;width:70px;height:70px}
.dungeon #evade{right:102px;bottom:22px;width:54px;height:54px}
.dungeon #block{display:block;right:166px;bottom:24px;width:50px;height:50px;font-size:8px;touch-action:none}
.dungeon #block.blocking{border-color:#fff3bd;box-shadow:0 0 15px #cdb87688}
.dungeon #skill-area{right:18px;bottom:100px;width:54px;height:54px}
.dungeon #skill-second{display:block;right:86px;bottom:100px;width:54px;height:54px;font-size:9px}
.dungeon #skill-third{display:block;right:154px;bottom:100px;width:54px;height:54px;font-size:8px}
.dungeon #actions{position:fixed;inset:0;display:block;pointer-events:none}
.dungeon #actions button{position:fixed;pointer-events:auto}
.dungeon #transform{right:18px;bottom:164px;width:54px;height:54px;font-size:8px;white-space:pre-line}
.dungeon #dash{right:82px;bottom:168px;width:46px;height:46px;font-size:8px}
.dungeon #interact{right:auto;left:50%;transform:translateX(-50%);bottom:236px;width:52px;height:52px}
.dungeon #message{top:288px;font-size:10px}
#character-editor[hidden]{display:none}
#character-editor{position:fixed;inset:12px;z-index:9;pointer-events:auto;background:linear-gradient(130deg,#172536fc,#0c1421fc);border:1px solid #c8a66a88;border-radius:5px 18px;max-width:620px;margin:auto;overflow:auto;touch-action:pan-y;padding:18px;color:#dbe4ec}
#character-editor h2{font-family:Georgia,serif;font-weight:normal;font-size:22px;letter-spacing:.1em;color:#efd6a6;margin:0 0 12px}
#character-editor p{font-size:11px;line-height:1.5;color:#b9c7d4}
#character-editor label{font-size:11px;display:block;margin:10px 0 5px}
#character-editor input,#character-editor select{display:block;margin-top:6px;background:#202f43;color:#eef3f9;border:1px solid #82786688;border-radius:5px;width:100%;padding:10px;font:inherit;font-size:13px}
#character-editor button{border-radius:4px;padding:10px 14px;font-size:11px;background:#93724644;border:1px solid #c9ad78aa;margin:6px 6px 0 0}
#character-editor select:disabled{opacity:.7}
#character-reset-prompt{padding:10px;border:1px solid #d88989;background:#482c35}
@media(max-height:550px){
 #racial-status{top:148px;font-size:8px;padding:4px 6px;width:214px}
 .dungeon #message{top:70px;max-width:38%}
 #character-editor{padding:12px 18px}
 #character-form{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
 #character-form h2,#character-form>p,#character-form .character-buttons,#character-reset-prompt,#character-reset{grid-column:1/-1}
 #character-race-detail,#character-class-detail{margin:0}
 .dungeon #interact{right:230px;left:auto;transform:none;bottom:92px;width:48px;height:48px}
}
@media(max-height:360px){
 .dungeon #attack{width:64px;height:64px}
 .dungeon #evade{width:50px;height:50px}
 .dungeon #block{width:46px;height:46px}
 .dungeon #skill-area,.dungeon #skill-second,.dungeon #skill-third{bottom:86px;width:48px;height:48px}
 .dungeon #skill-second{right:80px}.dungeon #skill-third{right:142px}
 .dungeon #transform{bottom:148px;width:46px;height:46px}
 .dungeon #dash{right:76px;bottom:148px;width:42px;height:42px}
}
#combat-panel:before{content:attr(data-sigil)}
#hero-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}