html,body{color:#fff;text-align:center;background-color:#111;height:100dvh;margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:18px;overflow:hidden}body{flex-direction:column;justify-content:space-between;display:flex}body>*{z-index:2;position:relative}canvas{z-index:1;position:absolute;top:0;left:0}h1{text-shadow:0 0 6px #111;margin:20px;padding:0;font-size:40px}h2{margin:10px 10px 40px;font-size:26px}p{margin:20px 0}#score{white-space:pre;text-align:left;position:absolute;top:20px;left:20px}#controls{gap:10px;display:flex;position:absolute;top:20px;right:20px}#controls button{box-shadow:none;background-color:#0000;padding:10px 20px;font-size:30px}#content{z-index:4;flex-direction:column;align-items:center;gap:50px;padding:50px 40px 0;display:flex}#text,#subtitles{background-color:#00000080;border-radius:16px;width:auto;padding:20px 30px;display:block}#footer{text-align:right;color:#ddd;padding:10px 20px;font-size:15px}#subtitles-wrap{z-index:10;pointer-events:none;justify-content:center;padding:0 40px;display:flex;position:absolute;bottom:150px;left:0;right:0}#subtitles.catastrophe{background-color:#ff0000b3;font-weight:700}a{color:#aaa}#arrows{z-index:4;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:0;right:0}#arrows>div{gap:5px;display:flex}#arrows button{font-size:28px}button{cursor:pointer;text-align:center;text-transform:uppercase;color:#fff;background-color:#8b4513;border:none;border-radius:8px;margin:0 auto;padding:20px 40px;font-family:sans-serif;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:block;box-shadow:0 5px #654321}button:hover{background-color:sienna;scale:1.2}button:active{transform:translateY(3px);box-shadow:0 2px #654321}button:focus{outline:none}#start{top:50%}#text,#arrows,#the-button,#subtitles{opacity:1;transition:all .3s ease-in-out}.hide{pointer-events:none;opacity:0!important}