:root{-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,canvas{touch-action:none;color:#222;background:#f0f0f0;width:100%;height:100%;margin:0;font-family:monospace;font-size:18px;overflow:hidden}#no-webgpu{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding:2em;display:flex}#intro{color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#intro .instructions{text-align:center;padding:0 3rem 1rem;line-height:1.3}#start-button{cursor:pointer;text-transform:uppercase;letter-spacing:.1rem;color:#f0f0f0;background:0 0;border:2px solid #f0f0f0;border-radius:5em;padding:.5rem 1rem;font-family:monospace;font-size:1.5rem;transition:opacity .4s ease-in-out .5s;display:block}#start-button:active{background:#0000001a}#overlay{pointer-events:none;background:0 0;flex-direction:column;display:none;position:absolute;bottom:0;left:0}#overlay p{max-width:30em}#info-button{pointer-events:all;cursor:pointer;background:0 0;border:none;width:4rem;height:4rem}#info-message{padding-left:4rem;font-size:.8rem}@media (width<=600px){#info-message{padding-left:2rem;font-size:.6rem}#intro{font-size:.6rem}#intro .instructions{max-width:30em}#start-button{border-width:1px;font-size:1rem}}#info-message a{color:#222;opacity:.7;pointer-events:all}#info-message ul{margin:0;padding-left:1rem;line-height:1.2;list-style-type:square}#info-message p:last-child{margin-bottom:0}