/* The approved atlas is the only active material for every popup and action. */
#modal{border:0;border-radius:0;background:transparent;box-shadow:none;color:#eed4a0;filter:drop-shadow(0 12px 24px #000b)}
#modal::backdrop{background:#030201a6;backdrop-filter:none}
#modal .dialog-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#modal-surface{z-index:0}#modal-decoration{z-index:2}
#modal .modal-inner{position:relative;z-index:1;border:0;border-radius:0;background:none;box-shadow:none}
#modal h2{color:#f2d497;text-shadow:0 2px 3px #000}
#modal h2::after,#modal-footer::before{content:'';position:absolute;left:7%;right:7%;bottom:0;height:10px;pointer-events:none;background:linear-gradient(90deg,transparent,#aa7634 43%,transparent 43% 57%,#aa7634 57%,transparent) center/100% 1px no-repeat}
#modal h2::before,#modal-footer::after{content:'◆';position:absolute;left:0;right:0;bottom:0;height:10px;font:10px/10px Georgia,serif;color:#b77d35;pointer-events:none}
#modal-footer::before,#modal-footer::after{top:0;bottom:auto}
#modal .modal-action{position:relative;isolation:isolate;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:none;color:#f7dfb1;text-shadow:0 2px 2px #351500}
#modal .modal-primary{color:#3b2008;text-shadow:0 1px 0 #ffd979}
#modal .modal-button-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}
#modal .modal-button-label{position:relative;z-index:1;font:inherit;line-height:inherit;color:inherit}
#modal .modal-action:hover:not(:disabled) .modal-button-art{filter:brightness(1.08)}
#modal .modal-action:active:not(:disabled){transform:translateY(1px);filter:none}
#modal .modal-action:disabled{filter:saturate(.6);opacity:.65;cursor:default}