/* The aspect ledger uses the native menu frame and focus treatment. */
.scr-aspect-codex .aspect-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.scr-aspect-codex .aspect-filters .menu-btn{flex:1 1 120px;min-height:44px;padding:8px}
.aspect-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr);gap:16px;align-items:start}
.aspect-layout>*{min-width:0}
.aspect-layout h2{font:700 17px var(--serif);color:#dfc58c;margin:0 0 10px}
.aspect-power-list,.aspect-item-list{display:flex;flex-direction:column;gap:6px}
.scr-aspect-codex .aspect-layout .menu-btn{width:100%;min-height:48px;white-space:normal;text-align:left}
.scr-aspect-codex .menu-btn.selected{border-color:#ddbd7a;background:#302717;box-shadow:inset 3px 0 #ddbd7a}
.aspect-layout .menu-btn.unlearned{color:#b1aa9b;background:#13120f}
.aspect-layout .menu-btn.learned .mb-sub{color:#90bda7}
.aspect-wallet{display:flex;flex-wrap:wrap;gap:8px 16px;color:#dfc58c;border-block:1px solid #51452b;margin-bottom:12px}
.aspect-wallet p{margin:10px 0}
.aspect-choice,.aspect-cost,.aspect-status,.aspect-replace{margin:0 0 12px;line-height:1.45;overflow-wrap:anywhere}
.aspect-cost{font-weight:700;color:#dfc58c}
.aspect-status{color:#d0c2a7}
.aspect-recipe>.menu-btn{margin-bottom:8px}
.aspect-preview{border-top:1px solid #51452b;margin-top:12px;padding-top:12px}
.aspect-preview h3{font:700 17px var(--serif);color:#dfc58c;margin:0 0 10px}
.aspect-preview p{line-height:1.45;overflow-wrap:anywhere}
.aspect-lore{font-style:italic;color:#afa18c}
.aspect-known,.aspect-empty{color:#aaa08d}
@media(max-width:900px){.aspect-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.aspect-recipe{grid-column:1/-1}.aspect-power-list,.aspect-item-list{max-height:300px;overflow-y:auto;padding:2px}}
@media(max-width:580px){.aspect-layout{grid-template-columns:minmax(0,1fr)}.aspect-recipe{grid-column:auto}.scr-aspect-codex .aspect-filters .menu-btn{flex-basis:110px}.scr-aspect-codex .aspect-layout .menu-btn{min-height:52px}.aspect-layout{gap:18px}}

.scr-aspect-codex,.scr-aspect-imprint-confirm{position:fixed;inset:0;z-index:61}
.scr-aspect-codex .menu-frame{width:min(96vw,1500px);height:94vh;height:94dvh}
.scr-aspect-codex .menu-head{flex-wrap:wrap;gap:8px}
.scr-aspect-codex .menu-tabs{flex-wrap:wrap;min-width:0}
.scr-aspect-imprint-confirm .menu-frame{width:min(94vw,660px);height:auto;max-height:90vh;max-height:90dvh}
.aspect-payment-text{line-height:1.65;overflow-wrap:anywhere;padding:12px 0}
.aspect-payment-buttons{display:flex;gap:12px;padding-bottom:12px}
.scr-aspect-imprint-confirm .aspect-payment-buttons .menu-btn{min-height:52px}
@media(max-width:580px){.scr-aspect-codex .menu-head{padding:10px}.scr-aspect-codex .menu-body{padding:12px}.scr-aspect-codex .menu-title{font-size:1.7rem}.scr-aspect-codex .menu-sub{display:block;margin-top:4px}.scr-aspect-codex .menu-tabs{width:100%;gap:4px}.scr-aspect-codex .menu-tab{font-size:12px;padding:5px}.scr-aspect-codex .menu-foot{flex-wrap:wrap}}
