.canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.welcome{margin:1em}.main-content::-webkit-scrollbar{display:none}.main-content{background-color:black;width:calc(100vw);height:100vh;margin:0;padding:0;overflow:scroll;overflow-anchor:none;touch-action:none;-webkit-overflow-scrolling:auto}.main-content,.ui-container{position:absolute;overscroll-behavior:scroll}.ui-container{padding-top:20px;width:calc(100% - 40px);top:60px;left:20px;background:rgba(0,0,0,0);z-index:100;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 80px);-ms-overflow-style:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,black 40px);mask-image:linear-gradient(180deg,transparent 0,black 40px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-container::-webkit-scrollbar{display:none}.heading{font-size:1.5rem;margin-bottom:1rem;color:#0af}.paragraph{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.link{display:inline-block;padding:.75rem 1.5rem;background-color:#0af;width:max-content;color:#000;text-decoration:none;font-weight:700;border-radius:6px;transition:all .3s ease}.link:hover{background-color:#08c}.play{align-self:center;display:block}.section{display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 80px);gap:1em}.subheading{display:inline-block;background:rgba(0,0,0,.7);font-size:20px;text-align:center;color:#0af;margin-bottom:1rem;border-radius:5px;min-width:200px;padding:10px;align-self:center}.control-table{width:100%;max-width:600px;margin:1rem auto 2rem;border-collapse:collapse;background:#111a;border:1px solid #0ff5;border-radius:8px;overflow:hidden;backdrop-filter:blur(4px)}.control-table th{background:rgba(0,0,255,.2);color:#0af;font-weight:700;padding:12px 16px;text-align:left;border-bottom:1px solid #0ff5}.control-table td{padding:12px 16px;text-align:left;color:#ddd}.even-row{background-color:#222a}kbd{background:#222;border:1px solid #555;padding:3px 6px;border-radius:4px;margin-right:4px;color:#0af;font-family:monospace;font-size:.9rem}.stage-select-heading{font-size:1.5rem;margin-bottom:2rem;color:#0af}.stage-select-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--blue);color:#fff;text-decoration:none;text-align:center;font-weight:700;border:1px solid white;border-radius:6px;transition:all .3s ease;margin:.5rem;min-width:100px}.stage-select-link:hover{opacity:.85}.spacer{height:100vh}