@property --modal-pad-block-ideal{syntax: "<length>"; inherits: false; initial-value: 0px;}.dialog.svelte-zhy50f{--modal-gutter-ideal: clamp(0px, 2.5vmin, calc(var(--spacing) * 4));--modal-pad-block-ideal: calc(max(var(--modal-gutter-ideal), var(--safe-area-top)) + max(var(--modal-gutter-ideal), var(--safe-area-bottom))) ;--modal-pad-inline-ideal: calc(max(var(--modal-gutter-ideal), var(--safe-area-left)) + max(var(--modal-gutter-ideal), var(--safe-area-right))) ;--modal-gutter: clamp( 0px, (100dvw - (var(--modal-width) + var(--modal-pad-inline-ideal))) * 1e5, var(--modal-gutter-ideal) );border:0;height:var(--app-height);inset:0;margin:0;max-height:none;max-width:none;padding:max(var(--modal-gutter),var(--safe-area-top)) max(var(--modal-gutter),var(--safe-area-right)) max(var(--modal-gutter),var(--safe-area-bottom)) max(var(--modal-gutter),var(--safe-area-left));position:fixed;width:100dvw}.dialog[data-collapsed].svelte-zhy50f{--modal-gutter: 0px}.dialog[open].svelte-zhy50f{display:grid;grid-template-columns:100%;grid-template-rows:100%;place-items:center}.modal-panel.svelte-zhy50f{inline-size:100%;max-block-size:100%;max-inline-size:var(--modal-width)}.dialog.svelte-zhy50f::backdrop{background-color:#0009;animation:svelte-zhy50f-fade-in .3s ease-out}.dialog[data-closing=true].svelte-zhy50f{outline:none}.dialog[data-closing=true].svelte-zhy50f::backdrop{animation:svelte-zhy50f-fade-out .2s ease-out forwards}.dialog[open].svelte-zhy50f::backdrop{opacity:1}@starting-style{.dialog[open].svelte-zhy50f::backdrop{opacity:0}}@keyframes svelte-zhy50f-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-zhy50f-fade-out{0%{opacity:1}to{opacity:0}}.modal-header-close-btn:before{--padding: 1rem;inset:calc(var(--padding) * -1)}@media(hover:hover){.modal-header-close-btn:hover:before{bottom:calc(var(--padding) * -1 - var(--hover-translation));left:calc(var(--padding) * -1 + var(--hover-translation));right:calc(var(--padding) * -1 - var(--hover-translation));top:calc(var(--padding) * -1 + var(--hover-translation))}}.modal-header-close-btn:active:before{bottom:calc(var(--padding) * -1 + var(--hover-translation));left:calc(var(--padding) * -1 - var(--hover-translation));right:calc(var(--padding) * -1 + var(--hover-translation));top:calc(var(--padding) * -1 - var(--hover-translation))}.piece-preview{--wobble-rest: -3deg;--wobble-tilt: 5deg;--wobble-scale: 1.12}.dice-icon{animation:svelte-13f606d-dice-spin .4s cubic-bezier(.22,1,.36,1)}@keyframes svelte-13f606d-dice-spin{0%{rotate:-180deg}to{rotate:0deg}}@media(prefers-reduced-motion:reduce){.dice-icon{animation:none}}