/* modals.css · Fable modal standard · gen from modal_style */
:root{--modal-glass:var(--glass,color-mix(in oklab,var(--surface) 88%,transparent));--modal-glass-blur:blur(16px) saturate(1.3);--modal-brd:1px solid var(--glass-brd,rgba(255,255,255,.5));--modal-shadow:0 24px 64px -12px rgba(47,19,60,.5),var(--glass-hi,0 0 0 0);--scrim-bg:color-mix(in oklab,#14081C 48%,transparent);--scrim-blur:blur(7px);--modal-content-maxw:62ch;--modal-foot-gap:10px;--z-sheet:1400;--z-modal:1420;--z-map-expanded:1440;--z-popover:1460;--z-tour:1500;--z-toast:1600;--modal-centered-dialog-w:min(440px,94vw);--modal-centered-dialog-maxh:88vh;--modal-centered-dialog-pad:20px;--modal-centered-dialog-r:20px;--modal-confirm-dialog-w:min(400px,92vw);--modal-confirm-dialog-maxh:60vh;--modal-confirm-dialog-pad:20px;--modal-confirm-dialog-r:18px;--modal-sheet-w:100%;--modal-sheet-maxh:86vh;--modal-sheet-pad:12px 16px calc(18px + env(safe-area-inset-bottom));--modal-sheet-r:22px 22px 0 0;--modal-full-screen-overlay-w:100%;--modal-full-screen-overlay-maxh:100vh;--modal-full-screen-overlay-pad:14px 16px 48px;--modal-full-screen-overlay-r:0;--modal-popover-w:min(320px,86vw);--modal-popover-maxh:50vh;--modal-popover-pad:3px;--modal-popover-r:10px;--modal-toast-w:min(440px,92vw);--modal-toast-maxh:auto;--modal-toast-pad:11px 18px;--modal-toast-r:100px;--modal-coach-mark-w:min(440px,calc(100% - 48px));--modal-coach-mark-maxh:80vh;--modal-coach-mark-pad:28px;--modal-coach-mark-r:24px;}
:root[data-vw="tablet"]{--modal-centered-dialog-w:min(600px,80vw);--modal-centered-dialog-maxh:86vh;--modal-centered-dialog-pad:24px 28px;--modal-centered-dialog-r:22px;--modal-confirm-dialog-w:min(480px,64vw);--modal-confirm-dialog-maxh:56vh;--modal-confirm-dialog-pad:22px 24px;--modal-confirm-dialog-r:20px;--modal-sheet-w:min(560px,78vw);--modal-sheet-maxh:80vh;--modal-sheet-pad:16px 22px 20px;--modal-sheet-r:22px;--modal-full-screen-overlay-w:min(720px,84vw);--modal-full-screen-overlay-maxh:100vh;--modal-full-screen-overlay-pad:18px 24px 56px;--modal-full-screen-overlay-r:0;--modal-popover-w:min(360px,40vw);--modal-popover-maxh:48vh;--modal-popover-pad:4px;--modal-popover-r:10px;--modal-toast-w:min(480px,60vw);--modal-toast-maxh:auto;--modal-toast-pad:11px 20px;--modal-toast-r:100px;--modal-coach-mark-w:min(560px,70vw);--modal-coach-mark-maxh:76vh;--modal-coach-mark-pad:32px 36px;--modal-coach-mark-r:24px;}
:root[data-vw="desktop"]{--modal-centered-dialog-w:min(680px,56vw);--modal-centered-dialog-maxh:84vh;--modal-centered-dialog-pad:28px 32px;--modal-centered-dialog-r:24px;--modal-confirm-dialog-w:min(520px,40vw);--modal-confirm-dialog-maxh:52vh;--modal-confirm-dialog-pad:24px 26px;--modal-confirm-dialog-r:20px;--modal-sheet-w:min(640px,48vw);--modal-sheet-maxh:78vh;--modal-sheet-pad:18px 26px 22px;--modal-sheet-r:22px;--modal-full-screen-overlay-w:min(860px,64vw);--modal-full-screen-overlay-maxh:100vh;--modal-full-screen-overlay-pad:22px 28px 64px;--modal-full-screen-overlay-r:0;--modal-popover-w:min(380px,26vw);--modal-popover-maxh:44vh;--modal-popover-pad:4px;--modal-popover-r:12px;--modal-toast-w:min(520px,36vw);--modal-toast-maxh:auto;--modal-toast-pad:12px 22px;--modal-toast-r:100px;--modal-coach-mark-w:min(620px,44vw);--modal-coach-mark-maxh:72vh;--modal-coach-mark-pad:36px 40px;--modal-coach-mark-r:26px;}
:root[data-wide="1"]{--modal-centered-dialog-w:min(680px,56vw);--modal-centered-dialog-maxh:84vh;--modal-centered-dialog-pad:28px 32px;--modal-centered-dialog-r:24px;--modal-confirm-dialog-w:min(520px,40vw);--modal-confirm-dialog-maxh:52vh;--modal-confirm-dialog-pad:24px 26px;--modal-confirm-dialog-r:20px;--modal-sheet-w:min(640px,48vw);--modal-sheet-maxh:78vh;--modal-sheet-pad:18px 26px 22px;--modal-sheet-r:22px;--modal-full-screen-overlay-w:min(860px,64vw);--modal-full-screen-overlay-maxh:100vh;--modal-full-screen-overlay-pad:22px 28px 64px;--modal-full-screen-overlay-r:0;--modal-popover-w:min(380px,26vw);--modal-popover-maxh:44vh;--modal-popover-pad:4px;--modal-popover-r:12px;--modal-toast-w:min(520px,36vw);--modal-toast-maxh:auto;--modal-toast-pad:12px 22px;--modal-toast-r:100px;--modal-coach-mark-w:min(620px,44vw);--modal-coach-mark-maxh:72vh;--modal-coach-mark-pad:36px 40px;--modal-coach-mark-r:26px;}