body{margin:0;background-color:#000;font-family:Orbitron,Audiowide,sans-serif;text-shadow:0 0 5px #0ff,0 0 10px #0ff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.key{display:inline-block;padding:4px 8px;margin:0 2px;background:#eee;border:1px solid #ccc;color:#000;text-shadow:none;border-radius:4px;font-family:monospace;font-size:.9em;box-shadow:1px 1px 2px #0003}canvas{display:block;border:2px solid white;background-color:#000}#hud{width:100%;text-align:center;padding:1rem 0;font-size:1.5rem;font-family:Orbitron,Audiowide,sans-serif;text-shadow:0 0 5px #0ff,0 0 10px #0ff;color:#fff;background-color:#111;display:flex;justify-content:center;gap:3rem}#hud div{min-width:150px}#block-legend{margin-top:1rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;color:#fff;font-family:Orbitron,Audiowide,sans-serif}#block-legend .item{display:flex;align-items:center;gap:.5rem;font-size:1rem}#block-legend .item__block{width:20px;height:20px;box-shadow:0 0 10px #fff}#block-legend .item__block--3{background:#781ac4}#block-legend .item__block--2{background:#0bb9e1}#block-legend .item__block--1{background:#2dff52}#block-legend .item__block--explosive{background:#ff5e3b}@keyframes flicker{0%{background-color:#fff;box-shadow:0 0 6px red}to{background-color:#f55;box-shadow:0 0 12px orange}}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75vw;height:auto;background-color:#000c;color:#fff;text-shadow:turquoise;display:none;justify-content:center;align-items:center;flex-direction:column;z-index:10}.overlay.active{display:flex}.overlay button{margin-top:1rem;padding:.5rem 1rem;font-size:1rem;background:#fff;color:#000;border:none;border-radius:5px;cursor:pointer;font-family:Orbitron,Audiowide,sans-serif}.overlay__start--instructions{justify-content:center;text-align:center}@media screen and (max-width: 600px) and (min-width: 450px){#block-legend{gap:1rem}#block-legend .item{gap:.5rem;font-size:1rem}#hud{font-size:1rem;gap:3rem}#hud div{min-width:50px}}@media screen and (max-width: 350px){#block-legend{gap:.75rem}#block-legend .item{gap:.5rem;font-size:1rem}#hud{font-size:1rem;gap:3rem}#hud div{min-width:50px}}