#timer,button{font-weight:700}#options,.navbar,nav{display:flex}.keyboard button,button{color:#fff;cursor:pointer}body{margin:0;font-family:'Barlow Condensed',sans-serif;background-color:#0e0e15;color:#fff;padding-top:100px}.hero-banner{position:fixed;top:0;left:0;width:100%;height:100%;background:url('assets/banner.webp') center center/cover no-repeat;z-index:-1}.navbar,.overlay{position:absolute}.overlay{inset:0;background-color:rgba(0,0,0,.55);z-index:-1}.navbar{top:10px;left:20px;right:40px;justify-content:space-between;align-items:center;z-index:2}.navbar .logo{height:80px}nav a{margin-left:12px;padding:6px 14px;border:2px solid #c7eaf6;border-radius:5px;background:0 0;color:#c7eaf6;font-weight:600;text-decoration:none;transition:.2s}nav a:hover{background-color:rgba(0,0,0,.6);box-shadow:0 0 10px #c7eaf6}nav a.active{background-color:#003c52;color:#fff}.container{padding:20px;max-width:1000px;margin:-50px auto 0}#leaderboard-screen,#name-screen,#quiz-screen,#result-screen{margin-top:40px;text-align:center}#answer-input,#player-name{width:170px;height:30px;padding:0 12px;font-size:16px;line-height:48px;border-radius:6px;text-align:center;border:2px solid #555;background-color:#1c1c2c;color:#fff;margin:10px auto;display:block}button{padding:10px 20px;font-size:16px;border:none;border-radius:6px;background-color:#2c2c40;transition:background-color .2s}button:hover{background-color:#404060}#timer{font-size:24px;margin-bottom:10px}#quiz-image{width:100%;max-width:400px;border-radius:10px;margin-bottom:20px}#options{flex-direction:column;gap:10px;align-items:center}#options button{width:80%}#leaderboard-list{list-style:none;padding:0;max-width:400px;margin:0 auto}#leaderboard-list li{font-size:18px;padding:6px;margin-bottom:6px;background:rgba(255,255,255,.05);border-radius:4px}#leaderboard-screen{margin-top:40px;padding:10px;background:rgba(255,255,255,.05);border-radius:8px}.exam-title-logo{width:400px;max-width:90%;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}#feedback,.score-rank{margin-bottom:10px;text-align:center;font-weight:700}#quiz-buttons{display:flex;justify-content:center;gap:12px;margin-top:10px}#feedback{color:gold;font-size:14px;min-height:20px;opacity:0;transition:opacity .4s}#quiz-buttons button{font-size:14px;padding:6px 14px;min-width:80px}#feedback.show{opacity:1}.score-rank{font-size:22px;color:#fff}.score-number{font-size:60px;font-weight:700;color:#c7eaf6;text-shadow:0 0 5px #90cbdfd2}.high-score-text{font-size:18px;color:#aaa;margin-bottom:20px;text-align:center}.score-player-name{font-size:24px;font-weight:700;color:#c7eaf6;margin-bottom:-20px;margin-top:50px;text-align:center}#quiz-screen{margin-top:-35 px}.keyboard{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:6px;transform:scale(1);transform-origin:top center;max-width:100%}.keyboard-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:4px;overflow-x:auto}.keyboard-row::-webkit-scrollbar{display:none}.keyboard button{padding:6px 10px;font-size:14px;font-weight:700;background:#222;border:2px solid #c7eaf6;border-radius:4px;min-width:32px;flex:0 0 auto;white-space:nowrap}.keyboard button:hover{background:#333}#virtual-keyboard{display:none!important}@media (min-width:600px){#virtual-keyboard{display:none}}