.modal-backdrop{z-index:300;background:#000000bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel-bg);border:2px solid var(--brand-shadow);border-radius:8px;flex-direction:column;min-width:360px;max-width:440px;max-height:90vh;padding:0;display:flex;overflow:hidden;box-shadow:0 10px 32px #0000008c}.modal-card .modal-body{flex:auto;overflow-y:auto}.modal-card .modal-header,.modal-card .modal-footer{flex:none}.modal-header{background:linear-gradient(180deg, var(--accent), var(--accent-dark));color:#fff;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h2{text-shadow:0 1px 2px #00000080;margin:0;font-size:18px}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:24px;line-height:1}.modal-body{padding:16px}.modal-footer{border-top:1px solid #5a3a1d4d;justify-content:flex-end;gap:10px;padding:12px 16px;display:flex}@media (max-width:414px){.modal-card{width:100%;min-width:0}}