#step1,#step2,#step3{display:none}body{color:#000;background-color:#fff;flex-direction:column;align-items:center;gap:30px;padding:40px;font-family:Courier New,Courier,monospace;display:flex}.secret-input{color:#000;text-align:center;letter-spacing:5px;background-color:#e8e8e8;border:3px solid #444;border-radius:5px;width:80%;max-width:600px;padding:15px;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700;display:block;box-shadow:inset 0 4px 8px #0003}.lamp-board,.keyboard-container{background-color:#2a2a2a;border:2px solid #111;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:12px;max-width:650px;padding:25px;display:flex;box-shadow:inset 0 0 15px #000c,0 5px 15px #00000080}.key{color:#111;cursor:pointer;background-color:#ddd;border:2px solid #888;border-radius:50%;width:45px;height:45px;font-size:18px;font-weight:700;transition:all .1s;box-shadow:0 4px #888}.key:active{transform:translateY(4px);box-shadow:0 0 #888}.lamp{color:#555;background-color:#333;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:700;transition:all 50ms;display:flex;box-shadow:inset 0 2px 5px #000c}.lamp.lit{color:#fff;text-shadow:0 0 5px #fff;background-color:#fa0;border-color:#fa0;box-shadow:0 0 15px #fa0,0 0 30px #fa0,inset 0 0 10px #fffc}