#pauline *{margin:0;padding:0;box-sizing:border-box;font-family:Arial;user-select:none}#pauline body{background-color:#cbcbcb;overscroll-behavior:none}#pauline canvas{display:block;width:100%;height:100%}#pauline canvas.fadeout{animation:fadeout 1s linear}#pauline #ui{width:100%;height:100%;position:fixed}#pauline .button{padding:.7rem 3rem;border:0;border-radius:500px;background-color:#fff;cursor:pointer;user-select:none}#pauline .button.small{position:fixed;padding:.4rem 1.5rem;font-size:32px}@media(max-width: 767px){#pauline .button.small{padding:.2rem 1rem;font-size:18px}}#pauline .button:hover{color:#44f4f4}#pauline .button.inactive{color:#cbcbcb;cursor:default}#pauline #soundoff,#pauline #download{top:1rem;right:1rem}@media(max-width: 767px){#pauline #soundoff,#pauline #download{top:.5rem;right:.5rem}}#pauline #soundoff:hover,#pauline #download:hover{box-shadow:0px 0px 20px 20px #44f4f4}#pauline #soundoff:hover.inactive,#pauline #download:hover.inactive{box-shadow:none}#pauline #soundoff.fadeout,#pauline #download.fadeout{animation:fadeout 1s linear;animation-fill-mode:forwards}#pauline #soundoff{animation:fadein 1s linear}#pauline .center{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}#pauline #startwrapper{animation:startin .7s ease-out}#pauline #startwrapper #start{padding:1vw 3.5vw;font-size:6vw;animation:startpulse 1.5s ease-in-out infinite alternate}@media(max-width: 767px){#pauline #startwrapper #start{white-space:nowrap;padding:1vw 8vw;font-size:12vw}}#pauline #startwrapper.fadeout{animation:startout 1.5s ease-in;animation-fill-mode:forwards}@keyframes startin{from{transform:scale(0)}to{transform:scale(1)}}@keyframes startpulse{from{box-shadow:0px 0px 120px 120px #44f4f4}to{box-shadow:0px 0px 40px 40px #44f4f4}}@keyframes startout{from{transform:scale(1);opacity:1}to{transform:scale(8);opacity:0}}#pauline .hidden{display:none !important}#pauline .nocursor{cursor:none !important}#pauline #instructions .cursormove{font-size:6vw;color:#000;margin:0;animation:zoomin 2s ease-out}@media(max-width: 767px){#pauline #instructions .cursormove{font-size:10vw}}@keyframes zoomin{from{transform:scale(0) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}#pauline #instructions #line{left:50%;bottom:1rem;transform:translate(-50%, 0);cursor:default}#pauline #instructions #democursor{position:fixed;top:50%;left:50%;animation:leftright 3s ease-in-out infinite alternate}@media(orientation: portrait){#pauline #instructions #democursor{animation:updown-portrait 3s ease-in-out infinite alternate;animation-delay:-0.75s}}#pauline #instructions #democursor div{width:3vw;height:3vw;border-radius:50%;background-color:#fff;animation:updown 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;animation-delay:-0.75s;box-shadow:0px 0px 30px 30px #44f4f4}@media(max-width: 767px){#pauline #instructions #democursor div{width:10vw;height:10vw}}@media(orientation: portrait){#pauline #instructions #democursor div{animation:leftright-portrait 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;animation-delay:0}}@keyframes leftright{from{transform:translate(-50%, -50%) translateX(-30vw)}to{transform:translate(-50%, -50%) translateX(30vw)}}@keyframes updown-portrait{from{transform:translate(-50%, -50%) translateY(-40vh)}to{transform:translate(-50%, -50%) translateY(40vh)}}@keyframes updown{from{transform:translateY(20vw)}to{transform:translateY(-20vw)}}@keyframes leftright-portrait{from{transform:translateX(20vh)}to{transform:translateX(-20vh)}}#pauline #instructions.fadeout{animation:fadeout 1.5s linear;animation-fill-mode:forwards}#pauline #songlinestage{height:100%;position:fixed;display:flex;align-items:center;background:red;animation:fadein 500ms linear,rainbow 6557ms linear;box-shadow:inset 0 0 20vh 30vh #cbcbcb;transform:translateX(100vw);transition:6557ms linear}#pauline #songlinestage.end{transform:translateX(-100%)}#pauline #songlinestage p{padding:0 30vw;font-size:30vh;color:#fff;text-align:center;white-space:nowrap}#pauline #songlinestage #maskstart,#pauline #songlinestage #maskend{position:absolute;background-color:#cbcbcb;width:2px;height:100%;top:0;box-shadow:0 0 40px 40px #cbcbcb}#pauline #songlinestage #maskstart{left:-1px}#pauline #songlinestage #maskend{right:-1px}#pauline #bg{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#cbcbcb;animation:fadein .3s linear}#pauline #bg.fadeout{animation:fadeout 2s linear;animation-fill-mode:forwards}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes rainbow{5%{background:#060bfc}25%{background:#7807fd}50%{background:#fb0405}75%{background:#fdfd1d}100%{background:#fa800b}}