.modal__dialog{inline-size:auto;max-block-size:calc(100dvh - var(--spacing-6));max-inline-size:calc(100dvw - var(--spacing-6))}.modal-panel{inline-size:min(42rem, calc(100dvw - var(--spacing-6)));grid-template-rows:auto minmax(0,1fr);box-shadow:0 1.25rem 4rem #00000059}.modal-panel--narrow{inline-size:min(28rem, calc(100dvw - var(--spacing-6)))}.modal-panel--wide{inline-size:min(58rem, calc(100dvw - var(--spacing-6)))}.modal-panel__header{min-block-size:2.75rem}.modal-panel__content{min-block-size:0}.game-menu-modal .game-shell__sidebar{block-size:100%;max-block-size:none}@property --splash-spinner-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--splash-spinner-color-primary:var(--color-green-50);--splash-spinner-color-secondary:var(--color-white)}.modal[data-theme=warning]{--splash-spinner-color-primary:var(--color-red-50);--splash-spinner-color-secondary:var(--color-white)}.modal[data-theme=success]{--splash-spinner-color-primary:var(--color-yellow-50);--splash-spinner-color-secondary:var(--color-white)}.modal[data-variant=splash]{--splash-spinner-angle:0turn;background-image:conic-gradient(from var(--splash-spinner-angle), var(--splash-spinner-color-primary) 0, var(--splash-spinner-color-primary) 10%, var(--splash-spinner-color-secondary) 10%, var(--splash-spinner-color-secondary) 20%, var(--splash-spinner-color-primary) 20%, var(--splash-spinner-color-primary) 30%, var(--splash-spinner-color-secondary) 30%, var(--splash-spinner-color-secondary) 40%, var(--splash-spinner-color-primary) 40%, var(--splash-spinner-color-primary) 50%, var(--splash-spinner-color-secondary) 50%, var(--splash-spinner-color-secondary) 60%, var(--splash-spinner-color-primary) 60%, var(--splash-spinner-color-primary) 70%, var(--splash-spinner-color-secondary) 70%, var(--splash-spinner-color-secondary) 80%, var(--splash-spinner-color-primary) 80%, var(--splash-spinner-color-primary) 90%, var(--splash-spinner-color-secondary) 90%, var(--splash-spinner-color-secondary) 100%);transition:opacity .2s ease-out;animation:4s linear infinite splash-spin}@keyframes splash-spin{to{--splash-spinner-angle:1turn}}.splash-avatar-crown:after{content:"";background-image:url(../media/crown.0hzz37smo68jz.svg);background-repeat:no-repeat;background-size:100% 100%;width:50%;height:30%;position:absolute;top:-4%;left:-10%;transform:rotate(-44deg)}