.arcade-drawer-overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(3px);z-index:var(--z-scrim);animation:arcade-drawer-fade .16s ease-out}.arcade-drawer{position:fixed;background:var(--paper);z-index:var(--z-panel);display:flex;flex-direction:column;outline:none}.arcade-drawer--right{top:0;right:0;bottom:0;width:min(440px,100%);border-left:3px solid var(--line);animation:arcade-drawer-slide-right .22s cubic-bezier(.2,.9,.2,1.05)}.arcade-drawer--left{top:0;left:0;bottom:0;width:min(440px,100%);border-right:3px solid var(--line);animation:arcade-drawer-slide-left .22s cubic-bezier(.2,.9,.2,1.05)}.arcade-drawer--top{top:0;left:0;right:0;height:min(420px,100%);border-bottom:3px solid var(--line);animation:arcade-drawer-slide-top .22s cubic-bezier(.2,.9,.2,1.05)}.arcade-drawer--bottom{bottom:0;left:0;right:0;height:min(420px,100%);border-top:3px solid var(--line);animation:arcade-drawer-slide-bottom .22s cubic-bezier(.2,.9,.2,1.05)}.arcade-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 26px 14px;border-bottom:2.5px solid var(--line)}.arcade-drawer__heading{display:flex;flex-direction:column;gap:4px;min-width:0}.arcade-drawer__title{font-size:18px;font-weight:900;letter-spacing:-.01em;color:var(--ink);margin:0}.arcade-drawer__desc{font-size:13px;color:var(--ink-2);margin:0;line-height:1.5}.arcade-drawer__close{flex:none;background:transparent;border:0;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);transition:background .12s}.arcade-drawer__close:hover{background:var(--paper-2);color:var(--ink)}.arcade-drawer__close:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.arcade-drawer__body{padding:20px 26px;flex:1;overflow-y:auto;color:var(--ink);font-size:14px;line-height:1.6}.arcade-drawer__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-drawer--bottom,[data-scope=back] .arcade-drawer--left,[data-scope=back] .arcade-drawer--right,[data-scope=back] .arcade-drawer--top{border-width:1px}[data-scope=back] .arcade-drawer__header{border-bottom-width:1px}[data-scope=back] .arcade-drawer__footer{border-top-width:1px;background:var(--paper)}[data-scope=back] .arcade-drawer__title{font-weight:700}@keyframes arcade-drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes arcade-drawer-slide-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes arcade-drawer-slide-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes arcade-drawer-slide-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes arcade-drawer-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.arcade-drawer,.arcade-drawer-overlay{animation:none}}