*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Noto Sans JP,sans-serif}.scanlines{pointer-events:none;position:absolute;inset:0;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);opacity:.3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 1s ease-in-out infinite}@keyframes selected-pulse{0%,to{filter:brightness(.8) drop-shadow(0 0 5px rgba(168,85,247,.3))}50%{filter:brightness(1.6) drop-shadow(0 0 25px rgba(168,85,247,1)) drop-shadow(0 0 50px rgba(236,72,153,1))}}.animate-selected-pulse{animation:selected-pulse 1s ease-in-out infinite}.radial-button{transform:translate(calc(-50% + var(--radial-x, 0)),var(--radial-y, 0))}@media(min-width:640px){.radial-button{transform:translate(calc(-50% + var(--radial-x-sm, var(--radial-x, 0))),var(--radial-y-sm, var(--radial-y, 0)))}}.radial-container{width:5rem;height:5rem;overflow:visible}@media(min-width:640px){.radial-container{width:7rem;height:7rem}}.radial-container-centered{width:340px;height:5rem;overflow:visible}@media(min-width:640px){.radial-container-centered{width:460px;height:7rem}}.player-status-position{bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 6rem)}@media(min-width:640px){.player-status-position{bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 9rem)}}