*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#050505;font-family:Courier New,monospace}body{font-family:"Press Start 2P",monospace}.main-heading{font-size:4rem;color:#5ffcff;text-shadow:0 0 10px #5ffcff,0 0 20px #5ffcff;margin-bottom:16px}.sub-heading{font-size:1.5rem;color:#5ffcff;letter-spacing:1px;text-align:center;align-items:center;margin-bottom:22px;text-shadow:0 0 10px #5ffcff,0 0 20px #5ffcff}.instruction{color:#aaa;margin-bottom:6px;font-size:.9rem;line-height:1.7}.instruction span{color:#3cff00;text-shadow:0 0 10px #3cff00}.btn{margin-top:12px;padding:14px 42px;font-family:"Press Start 2P",monospace;font-size:.9rem;letter-spacing:2px;background:#39ff14;background-color:#000;color:#000;border:none;cursor:pointer;border-radius:20%;text-transform:uppercase;background:transparent;color:#39ff14;border:2px solid #39ff14;box-shadow:0 0 10px #39ff14,inset 0 0 10px #0ff3;transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:scale(1.05);box-shadow:0 0 15px #39ff14,0 0 40px #39ff14}.btn:active{transform:scale(.95)}.btn.outline{background:transparent;color:#5ffcff;border:2px solid #5ffcff;box-shadow:0 0 10px #5ffcff,inset 0 0 10px #0ff3}.btn.outline:hover{background:#5ffcff1a}.app{height:100vh;width:100vw;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;padding:60px 40px}.app.waiting{background:radial-gradient(#5a0000,#000);box-shadow:inset 0 0 100px red}.app.ready{background:radial-gradient(#0f5a00,#000);box-shadow:inset 0 0 120px #0f0;animation:pulseGreen 1s infinite alternate}@keyframes pulseGreen{0%{box-shadow:inset 0 0 80px #0f0}to{box-shadow:inset 0 0 160px #0f0}}.wait-text{color:red;font-size:3rem;text-shadow:0 0 20px red}.click-text{color:#0f0;font-size:4rem;text-shadow:0 0 30px #00ff00}.stopwatch{margin-top:20px;color:#0f0;font-size:1.5rem}.too-soon{color:red;font-size:3rem;text-shadow:0 0 20px red;margin-bottom:12px}.hint{color:#aaa}.hint span{color:#0f0}.result{color:#0f0;font-size:4rem;text-shadow:0 0 30px #00ff00}.your-time,.keep{color:#5ffcff}@media(max-width:600px){.App{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}}