:root{--rocktopus-safe-area-top:env(safe-area-inset-top,0px);--rocktopus-safe-area-right:env(safe-area-inset-right,0px);--rocktopus-safe-area-bottom:env(safe-area-inset-bottom,0px);--rocktopus-safe-area-left:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;overscroll-behavior:none;background:#000;height:-webkit-fill-available;overflow:hidden}body{width:100%;height:100%;min-height:100dvh;overscroll-behavior:none;background:#000;min-height:-webkit-fill-available;font-family:Arial,sans-serif;overflow:hidden}#root{width:100%;height:100%;min-height:100dvh;min-height:-webkit-fill-available}button{touch-action:manipulation;text-transform:uppercase}button:focus{outline:2px solid #316b6f}@media (hover:hover) and (pointer:fine){button{transition:filter .12s,box-shadow .12s}button:hover{filter:brightness(1.12);box-shadow:inset 0 0 0 1px #aaeeff4d,inset 0 0 14px #aaeeff1f,0 4px 14px #00000059}}@keyframes spin{to{transform:rotate(360deg)}}