@font-face{font-family:Kurokane;src:url(/fonts/kurokane.ttf)}html,body{--size: 2em;--text-color: #45474c;--bg-color: #e0e0ff;--color-1: #cdcdcd;color:#fff;background-color:var(--bg-color);margin:0;height:100%;overflow:hidden;overscroll-behavior:none;position:relative}canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}#info{background-color:#fff;text-align:center;font-family:Kurokane;font-size:12px;position:absolute;color:#222;padding:2em;border-radius:1em;filter:drop-shadow(rgba(152,206,231,.5) 0px 0px 20px);border:none}#info h1{font-family:Kurokane}#info button{position:absolute;top:8px;right:8px;outline:none;border:none;background-color:transparent;color:var(--text-color);width:var(--size);height:var(--size)}#info a{color:#888}.controls{display:flex;flex-direction:row;gap:1em;position:absolute;bottom:0;padding:1em;color:#fff}#right-controls{right:0}#left-controls{left:0}.controls>button{outline:none;border:none;background-color:transparent;width:var(--size);height:var(--size);color:var(--text-color)}.controls>button:active{transform:translateY(2px)}button>svg{display:block;filter:drop-shadow(rgba(0,0,0,.25) 0px 0px 7px)}#info-btn{background:url(/info.svg) center center / var(--size) no-repeat}#close-btn{background:url(/cross.svg) center center / var(--size) no-repeat}#reset-btn{background:url(/reset-ball.svg) center center / var(--size) no-repeat}.volume-on{background:url(/audio-on.svg) center center / var(--size) no-repeat,url(/audio-off.svg) var(--size) center / var(--size) no-repeat}.volume-off{background:url(/audio-off.svg) center center / var(--size) no-repeat,url(/audio-on.svg) var(--size) center / var(--size) no-repeat}#loading{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#edf6ff,#e0e0ff);color:#000;font-family:Kurokane;display:flex;justify-content:center;align-items:center;transition:opacity .5s 1s;-webkit-user-select:none;user-select:none;touch-action:none}kbd{display:inline-block;border:solid 1px #ccc;padding:2px 4px;border-radius:3px;background-color:#eee;font-family:Roboto Mono;font-weight:700;box-shadow:0 1px 1px #0000001a,0 1px 1px #fffc inset;color:#333;line-height:1;white-space:nowrap;margin-inline:2px}kbd svg{display:inline-block;width:1em;height:1em}.section-controls{background-color:var(--bg-color);border-radius:5px;padding:.2em}