*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{align-items:center;background:#171a23;color:#fbfbfd;display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;height:100vh;justify-content:center;line-height:0;width:100vw}main{position:relative}canvas{background:#0d0d13}h3{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(1rem,5vw,5rem);font-weight:400;margin:0 0 1rem;text-align:center;text-transform:uppercase}h3:last-child{margin:0}h3.btn{font-size:clamp(1rem,3vw,1.5rem)}.b{background:#0d0d13;display:none;height:100%;left:0;line-height:normal;padding:1rem;position:absolute;text-align:center;top:0}.b,.b>*{width:100%}.s{align-items:center;display:flex;flex-direction:row;justify-content:center}#stages{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:0 0 1rem}.s-b{background:#0d0d13;border:6px solid;border-radius:8px;color:#fbfbfd;padding:clamp(.25rem,3vw,1rem);text-align:center}.s-b:hover{border-color:#bf98ff;cursor:pointer}.l{color:#444}.l:hover{border-color:currentColor;cursor:not-allowed}.twobuttons{display:grid;gap:1rem;grid-template:1fr/1fr 1fr;margin:0 0 1rem}