body,html{padding:0;margin:0;font-family:-apple-system,Helvetica Neue,sans-serif,YuGothic;overflow:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000;overscroll-behavior-y:none}}.highlight{color:#fff;background-color:#d96529}.container{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#000}canvas{display:block}.title{font-size:40px;margin-top:40px}.position-center{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.circle-200{width:200px;height:200px;border-radius:100px;border:6px solid #eaeaea}.circle-200,.circle-300{background-color:#000;position:absolute}.circle-300{width:300px;height:300px;border-radius:150px;border:6px solid #eaeaea}.circle-400{width:400px;height:400px;border-radius:200px;background-color:#000;border:10px solid #eaeaea;position:absolute}.circle-pointer-300{width:30px;height:30px;border-radius:15px;background-color:#fff;position:absolute}#play-button{position:absolute;height:100px;width:100px;border-radius:50px;border:solid #000;cursor:pointer}.play-button-img{margin-top:3px;width:70px;height:70px}#play-button:active{background-color:#d96529;animation:small .1s;animation-fill-mode:forwards}@keyframes small{to{transform:scale(.92)}}#footer-zone{position:fixed;bottom:70px}.footer-button{padding:10px;margin-left:5px;margin-right:5px;width:100px;height:61px;border-radius:20px;border:solid #000;cursor:pointer}.footer-button:active{animation:small .1s;animation-fill-mode:forwards;background-color:#d96529}.tide-icon{position:absolute;width:30px;height:30px;z-index:20}.circle-anim-300{transform:translateY(-145px)}