@font-face,html{font-family:surf;font-style:normal;font-weight:400;src:url(/fonts/surf.tff)}body{cursor:default;font-family:surf,sans-serif;background:#f5f5f5;height:100%;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none}.player,body{margin:0;padding:0}.player{touch-action:none;background-color:#353535;-webkit-tap-highlight-color:transparent;outline:0}.App-logo{background:#ee5050;display:block;padding:.9em;background:#ff0;letter-spacing:-.05em;text-align:center;color:#333}.App-logo,.Loading{margin-left:auto;margin-right:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.Loading{margin-top:1rem;font-size:calc(.5px + 2vmin);color:#f5f5f5}.Loading,.Watermark{display:flex;padding:0;font-family:circular;text-transform:uppercase}.Watermark{width:4rem;margin:1rem;position:absolute;bottom:0;right:0;font-size:calc(.1px + 1.4vmin);color:#fff;opacity:1;pointer-events:none}.wrap{padding:0;overflow:hidden}.second-row{position:relative;top:0;left:0;right:0;bottom:0;background-color:#fff}.frame{overflow:hidden;width:1280px;height:800px;border:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0}.overlay{flex-direction:column;align-items:top;font-size:calc(1px + 2vmin);margin:1rem 2rem 2rem}.overlay,.overlayToggle{font-family:circular;text-transform:uppercase;position:absolute;display:flex;justify-content:left;color:#fff;padding:0}.overlayToggle{align-items:middle;right:0;margin:1rem 1rem 2rem 2rem}.icony{padding:12px}.debugu{font-family:circular;text-transform:uppercase;position:absolute;align-items:top;font-size:calc(3px + 1.5vmin);color:rgba(0,0,0,.438);text-align:right;margin:1rem 2rem 2rem;padding:0;right:0}.App-header,.debugu{display:flex;flex-direction:column}.App-header{background-color:#282c34;min-height:100vh;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#ca1111}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}canvas{width:100%;height:100px;display:block}.annotation{cursor:pointer;position:absolute;top:0;left:0;z-index:1;margin-left:10px;margin-top:10px;padding:1em;max-width:245px;min-width:145px;color:#fff;background:rgba(0,0,0,.8);border-radius:.5em;font-size:12px;line-height:1.2;-webkit-transition:opacity .5s;transition:opacity .5s}#number{position:absolute;z-index:-1}@font-face{font-family:circular;font-style:normal;font-weight:400;src:url(/fonts/circular-book.woff)}.over{overflow:auto;overflow-y:scroll;width:50%;height:75%;position:absolute;border-radius:4px;margin:1rem;right:0;bottom:0;padding:0;background-color:transparent}.card,.over{font-family:circular;color:#111}.card{margin:0;background-color:#d3d3d3}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3){.over{font-family:circular;width:100%;height:40%;position:absolute;border-radius:8px;color:#111;margin:0;bottom:0;padding:0;background-color:transparent}}.tag{font-family:circular;position:absolute}.title{margin:1rem;font-size:calc(1px + 2vmin);font-weight:700}.bread{margin:1rem;font-size:calc(1px + 1.5vmin)}.blink{animation:blink-animation .5s infinite;-webkit-animation:blink-animation .5s infinite;animation-direction:alternate;-webkit-animation-direction:alternate}@keyframes blink-animation{to{opacity:0}}@-webkit-keyframes blink-animation{to{opacity:1}}