:root{
  --screen:#a8e6cf; --dark:#1a472a; --light:#f1ffe7;
  --btn:#5aa469; --btn-press:#3b744a; --ok:#00c853; --err:#d50000;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--dark);color:var(--light);font-family:'VT323',monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;transition:background .5s,color .5s;}
h1,h2{font-family:'Press Start 2P',cursive;margin:0;}
.hidden{display:none;}
.warn{color:var(--err);margin-top:10px;}
button{font-family:'Press Start 2P',cursive;background:var(--btn);color:var(--light);border:3px solid var(--light);border-radius:10px;padding:14px 20px;font-size:12px;cursor:pointer;margin:10px auto;transition:.15s;text-transform:uppercase;box-shadow:0 3px 0 #000;}
button:active{background:var(--btn-press);transform:translateY(2px);box-shadow:none;}
input{font-family:'VT323',monospace;font-size:20px;padding:10px;border:3px solid var(--light);border-radius:10px;width:80%;text-align:center;}
main{background:var(--screen);color:var(--dark);border:6px solid var(--light);border-radius:20px;width:90%;max-width:720px;padding:24px;margin:20px auto;transition:background .5s,border .5s;}
#questionText{font-size:26px;margin:26px 0 16px;font-weight:bold;}
.choice-btn{display:block;width:92%;font-size:20px;margin:10px auto;border:3px solid #fff;border-radius:12px;padding:14px;background:var(--btn);color:#fff;}
.choice-btn:active{background:var(--btn-press);}
.feedback{min-height:28px;font-family:'Press Start 2P';font-size:14px;margin-top:18px;}
.ok{color:var(--ok);} .bad{color:var(--err);}
#lives{font-size:28px;margin-top:10px;}
.heart{color:#e53935;text-shadow:1px 1px 0 #000;}
.progress-bar{width:100%;height:14px;background:#cdecc5;border:3px solid var(--dark);border-radius:999px;margin-top:18px;overflow:hidden;}
.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#5aa469,#7dd87d);transition:width .3s;}
#winScreen .big-text{font-size:24px;color:#1b5e20;display:block;margin-top:10px;text-shadow:2px 2px #fff;}


button:hover, .choice-btn:hover {
    transform: scale(1.06);
}