*{padding:0;margin:0}body{background-color:#1b2838;font-family:Arial,Helvetica,sans-serif}header{height:auto;text-align:center;color:#c7d5e0}main{max-height:90vh;aspect-ratio:9 / 18;margin:auto;background-color:#c7d5e0;padding:1rem;border-radius:.5rem}footer{height:auto;text-align:center;align-self:center;color:#c7d5e0}.storyBar{display:flex;gap:6px;margin-bottom:1rem}.storySegment{flex:1;height:15px;background:#2a475e;border:none;border-radius:4px;padding:0;cursor:pointer}.storySegment.active{background:#66c0f4}.hidden{display:none}h1{text-align:center}.btn{padding:.5rem 1rem;border-radius:999px;border:none;cursor:pointer;font-size:.95rem;font-weight:600}.btn.steam{background:#171a21;color:#c7d5e0;border:1px solid #66c0f4}.btn.navigation{background:radial-gradient(circle at top,#1b2838,#0b1015 60%,#050608);color:#fff}.btn.start{background:#66c0f4;color:#171a21;min-width:200px}.btn:disabled{opacity:.5;cursor:default}