.arcade-modal-overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;padding:24px}.arcade-modal{width:min(560px,100%);max-height:calc(100vh - 48px);background:var(--paper);border-radius:var(--r-lg);border:3px solid var(--line);box-shadow:var(--sh-hover);overflow:hidden;display:flex;flex-direction:column}.arcade-modal--sm{width:min(420px,100%)}.arcade-modal--md{width:min(560px,100%)}.arcade-modal--lg{width:min(760px,100%)}.arcade-modal--xl{width:min(980px,100%)}.arcade-modal__banner{background:linear-gradient(115deg,var(--brand),var(--warm));padding:24px 26px;color:var(--ink-on-brand);position:relative}.arcade-modal__title{font-size:22px;font-weight:900;letter-spacing:-.02em;line-height:1.15}.arcade-modal__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:9px;background:hsla(0,0%,100%,.22);color:var(--ink-on-brand);border:0;display:grid;place-items:center;cursor:pointer;transition:background .12s}.arcade-modal__close:hover{background:hsla(0,0%,100%,.35)}.arcade-modal__close:focus-visible{outline:2px solid var(--ink-on-brand);outline-offset:2px}.arcade-modal__body{padding:24px 26px;display:flex;flex-direction:column;gap:14px;color:var(--ink-2);font-size:14px;line-height:1.6;flex:1 1 auto;min-height:0;overflow-y:auto}.arcade-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px;border-top:2.5px solid var(--line);background:var(--bg)}[data-scope=back] .arcade-modal{border-width:0;box-shadow:0 30px 80px -20px var(--overlay)}[data-scope=back] .arcade-modal__title{font-weight:800}[data-scope=back] .arcade-modal__body{color:var(--ink-2);font-size:13.5px}[data-scope=back] .arcade-modal__footer{border-top:1px solid var(--line);background:var(--paper)}.arcade-modal-enter-active,.arcade-modal-leave-active{transition:opacity .16s ease,transform .18s cubic-bezier(.2,.9,.2,1.1)}.arcade-modal-enter-from,.arcade-modal-leave-to{opacity:0}.arcade-modal-enter-from .arcade-modal,.arcade-modal-leave-to .arcade-modal{transform:translateY(16px) scale(.98)}