:root{--button-width:3rem;--button-padding:2rem;--uniform-back-color:#000e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--uniform-back-color)}canvas#webgl-canvas{outline:none;position:fixed;top:0;left:0}#loader{background:var(--uniform-back-color);z-index:20;width:100%;height:100vh;position:absolute;top:0;left:0}.progress-bar{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}#progress-bar{-webkit-user-select:none;user-select:none;pointer-events:none;width:40%;max-width:450px;margin-top:1rem;padding-block:1rem}.spinner svg{scale:.25}#instruction-layer{z-index:10;background:#ccc2;flex-flow:column;justify-content:end;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0;box-shadow:inset 0 0 .75rem .2rem #222}#intro{justify-content:center;align-items:center;display:flex}.intro-wrapper{max-width:calc((var(--button-width) + var(--button-padding)) * 3)}.intro-item{grid-template-areas:"desc desc""key1 key2";justify-content:center;align-items:center;display:grid}.intro-description,.loader-title,.progress-text{color:#ccc;letter-spacing:.1rem;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;grid-area:desc;margin-bottom:1.5em;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:100;line-height:1.2}.loader-title{font-size:1.6rem}.progress-text{font-size:.75rem}.intro-key{width:var(--button-width);height:var(--button-width);padding:var(--button-padding);color:#ddd;border:.1rem solid #eeea;flex-wrap:wrap;place-content:center;margin-bottom:3.2rem;display:flex;box-shadow:inset 0 0 .1rem .11rem #ccc,0 0 .1rem .11rem #ddd}.intro-key span{font-size:calc(var(--button-width) / 2);text-align:center;-webkit-user-select:none;user-select:none;font-weight:700}.hidden{visibility:hidden}#ik-1{grid-area:key1}#ik-2{grid-area:key2;justify-self:end}@keyframes PULSE{0%{opacity:1;scale:1}50%{opacity:.85;scale:.95}to{opacity:.5;scale:.9}}._PULSE{animation:2.25s linear infinite alternate PULSE}@keyframes FADEOUT{0%{opacity:1}to{opacity:0}}._FADEOUT{animation:.55s ease-out forwards FADEOUT}._FADEOUT-2{animation:.45s linear forwards FADEOUT}