/* A shared floating surface supersedes the old full-page dialog recipes. */
html[data-theme] body[data-popup-surface=floating] :is(dialog,#token-dialog,.token-chart.chart-expanded){box-sizing:border-box!important;position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;margin:0!important;transform:translate(-50%,-50%)!important;animation:none!important;transition:none!important;width:min(var(--popup-width,720px),calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:var(--popup-height,auto)!important;max-height:calc(100dvh - 48px)!important;min-width:0!important;min-height:0!important;padding:20px!important;overflow:auto!important;border:1px solid var(--baton-border)!important;border-radius:16px!important;background:color-mix(in srgb,var(--baton-panel) 90%,transparent)!important;color:var(--baton-text)!important;box-shadow:0 16px 50px #0002!important;backdrop-filter:blur(8px);}
html[data-theme] body[data-popup-surface=floating] :is(dialog,.token-chart.chart-expanded)::backdrop{background:rgb(0 0 0 / .06)!important;backdrop-filter:none!important;}
html[data-theme] body[data-popup-surface=floating] :is(#token-dialog,#report-dialog,#card-report-dialog,.media-viewer){--popup-width:1040px}
html[data-theme] body[data-popup-surface=floating] :is(.wallet-dialog,.workspace-profile-dialog,.console-quick-sheet,.mobile-options-sheet){--popup-width:440px}
html[data-theme] body[data-popup-surface=floating] .wallet-dialog{--popup-height:min(760px,calc(100dvh - 48px));padding:0!important;overflow:hidden!important}
html[data-theme] body[data-popup-surface=floating] .wallet-drawer-shell{border:0!important;box-shadow:none!important;background:transparent!important}
html[data-theme] body[data-popup-surface=floating] .comic-reader{--popup-width:960px;--popup-height:min(800px,calc(100dvh - 48px));padding:0!important;overflow:hidden!important}
html[data-theme] body[data-popup-surface=floating] .home-game-dialog{--popup-width:580px;--popup-height:min(680px,calc(100dvh - 48px));padding:0!important;overflow:hidden!important}
html[data-theme] body[data-popup-surface=floating] .token-chart.chart-expanded{--popup-width:1100px;--popup-height:min(800px,calc(100dvh - 48px));z-index:1000!important}
html[data-theme] body[data-popup-surface=floating] dialog.pet-dialog .pet-dialog-top{margin:-20px -20px 16px!important;padding:10px 20px!important;top:-20px!important}
@media(max-width:700px){html[data-theme] body[data-popup-surface=floating] :is(dialog,#token-dialog,.token-chart.chart-expanded){width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:12px!important;border-radius:14px!important}html[data-theme] body[data-popup-surface=floating] :is(.comic-reader,.home-game-dialog,.wallet-dialog){padding:0!important}html[data-theme] body[data-popup-surface=floating] dialog.pet-dialog .pet-dialog-top{margin:-12px -12px 12px!important;padding:8px 12px!important;top:-12px!important}}

html[data-theme] body[data-popup-surface=floating] :is(dialog,#token-dialog) :is(button,select,input:not([type=checkbox]):not([type=radio])){min-width:44px!important;min-height:44px!important}
html[data-theme] body[data-popup-surface=floating] :is(dialog,#token-dialog)[hidden],html[data-theme] body[data-popup-surface=floating] :is(dialog,#token-dialog) [hidden]{display:none!important}