.mx-ag-ov{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.mx-ag-ov[hidden]{display:none}
.mx-ag-box{background:var(--panel,#efe6d0);color:var(--text,#2a2320);border:1px solid var(--border,#c9b892);border-radius:12px;max-width:560px;width:100%;box-shadow:0 14px 46px rgba(0,0,0,.5);overflow:hidden}
.mx-ag-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border,#c9b892)}
.mx-ag-head h3{margin:0;font-family:var(--font-display,serif);color:var(--accent,#7a3b2e);font-weight:normal;font-size:1.2rem}
.mx-ag-x{background:none;border:none;font-size:1.3rem;cursor:pointer;color:inherit;opacity:.6;line-height:1}
.mx-ag-ctrls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 16px 4px}
.mx-ag-ctrls select{font:inherit;color:inherit;background:transparent;border:1px solid var(--border,#c9b892);border-radius:8px;padding:6px 10px}
.mx-ag-go{margin-left:auto;background:var(--accent,#7a3b2e);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:600}
.mx-ag-body{padding:8px 16px 4px}
.mx-ag-row{display:flex;gap:8px;padding:7px 0;border-bottom:1px dashed var(--border,#c9b892);align-items:baseline}
.mx-ag-row:last-child{border-bottom:none}
.mx-ag-k{flex:0 0 108px;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-weight:600}
.mx-ag-v{flex:1;font-size:.98rem}
.mx-ag-v b{color:var(--accent,#7a3b2e)}
.mx-ag-foot{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px 16px}
.mx-ag-quest{background:var(--accent,#7a3b2e);color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600}
.mx-ag-quest.mx-ag-done{background:#1f9d55}
.mx-ag-hint{font-size:.8rem;opacity:.65;padding:0 16px 14px}
@media(max-width:480px){.mx-ag-k{flex-basis:84px}}