body,html{height:100vh}body{color:#191919;font-family:Segoe UI,system-ui,-apple-system,sans-serif;letter-spacing:.3125rem;margin:0;scrollbar-color:gold #0057b7;scrollbar-width:thin}body::-webkit-scrollbar{background-color:gold;height:.3125rem;width:.3125rem}body::-webkit-scrollbar-thumb{background-color:#0057b7}.content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;position:relative;z-index:1}.title{font-size:2.25rem;font-weight:400;margin:0;text-align:center}.button,.title{line-height:1;text-transform:uppercase}.button{background-color:#202124;border:0;border-radius:.125rem;color:#f8f9fa;cursor:pointer;font:inherit;letter-spacing:inherit;margin-top:1.25rem;padding:.625rem 1.25rem;transition:opacity .25s}.button:hover{opacity:.9}.canvas{height:100vh;z-index:-1}.canvas,.reload-msg{left:0;position:fixed;top:0;width:100vw}.reload-msg{background-color:#0057b7;color:gold;display:none;padding:.3125rem 0;text-align:center;text-transform:uppercase;z-index:2}.reload-msg.is-show{display:block}.reload-msg__btn{cursor:pointer;transition:text-shadow .25s}.reload-msg__btn:hover{text-shadow:.125rem .125rem .125rem #000}.js-off{background-color:#0057b7;bottom:0;color:gold;left:0;line-height:1;padding:.3125rem 0;position:fixed;text-align:center;text-transform:uppercase;width:100vw;z-index:2}@media(prefers-color-scheme:dark){body{background-color:#202124;color:#f8f9fa}.button{background-color:#fff;color:#191919}}@media(prefers-reduced-motion:reduce){.button,.reload-msg__btn{transition:none}}