*{box-sizing:border-box}body{margin:0;background:#10243a;color:#fff;font-family:system-ui,sans-serif}main{max-width:680px;margin:auto;padding:12px}h1{font-size:18px;margin:0 0 6px}p{font-size:13px;margin:6px 0}.hud{display:flex;justify-content:space-between;gap:8px;font-weight:700;margin:8px 0}.bar{height:8px;background:#163d58;border-radius:4px;overflow:hidden}.bar span{display:block;height:100%;width:100%;background:#f6ce55;transition:width .1s linear}#question{font-size:17px;font-weight:700;min-height:48px;margin:12px 0 8px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{font:inherit;color:#10243a;background:#f6ce55;border:0;border-radius:8px;min-height:44px;padding:8px 12px}button:disabled{opacity:.6}button.right{background:#59d98e}button.wrong{background:#ff8f6b}button:focus-visible{outline:3px solid #fff;outline-offset:2px}.controls{display:flex;gap:12px;margin:10px 0}#start{flex:1}#result{min-height:20px;font-weight:700}