body{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;color:#fff;font-family:monospace;user-select:none;background-color:#000}body.not-compatible{font-size:1.5rem;max-width:500px;margin:auto;display:flex;justify-content:center;align-items:center;text-align:center}#the-place{padding:0;margin:auto;display:block;position:absolute;bottom:0;right:0;width:100vw;height:100vh}#ctrl-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#ctrl-container.start{background-color:#000}#help-box-container{display:flex;justify-content:center;align-items:center}#help-box{border-radius:12px;border:1px solid #fff;padding:24px;background-color:rgb(0 0 0 / .8);margin-bottom:50px}h2,h3{text-align:center;margin:0}h2{margin-bottom:12px}h3{margin-bottom:6px;letter-spacing:5px}h3{text-transform:uppercase}#ctrls{display:flex;justify-content:space-between}.box{padding:12px;border:1px solid #fff5;border-radius:6px;text-align:center;margin:6px}.ctrl{font-weight:700}.txt{font-style:italic;color:#fff9;margin-bottom:6px}#start-experience{display:none}.start #start-experience{font-size:2rem;display:flex;justify-content:center;align-items:center;border:1px solid #fff;border-radius:6px;padding:24px;transition:all 0.1s linear}.start #start-experience:hover{background-color:#fff;color:#000;cursor:pointer}#help-box-container.hidden{width:0;height:0;overflow:hidden}.start #title-container{display:initial}#title-container{display:none;text-align:center;margin-bottom:50px}#title-container p{opacity:.5;font-style:italic}#title-container a{color:#fff;text-decoration:none}#bars{position:fixed;bottom:8px;left:0;opacity:.8}#entropy-mode{text-align:center;font-style:italic;font-size:.6rem}#bars.hidden{width:0;height:0;overflow:hidden}.bar{width:100px;height:12px;border-radius:12px;border:1px solid #fff;margin:0 12px}.bar-c{border-radius:12px;width:100%;height:100%}.glow{box-shadow:0 0 0 0 #fff0;animation:glow 0.1s ease-in-out}#bar-0 .bar-c{background-color:rgb(255 0 255 / .8)}#entropy-value{text-align:center}@keyframes glow{0%{box-shadow:0 0 8px 8px #b341ff}100%{box-shadow:0 0 8px 8px #fff0}}