*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,sans-serif;color:#000;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}html,body{margin:0;padding:0;min-height:100vh;min-height:100dvh;overflow:hidden}#app{min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;min-height:48px;flex-shrink:0}.back-btn{background:#000;color:#fff;border:none;padding:10px 16px;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.back-btn:active{opacity:.9}.header-stats{display:flex;flex-direction:column;align-items:flex-end}.elapsed-display{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.progress-label{font-size:.9rem;color:#666}.setup-screen{justify-content:flex-start;align-items:center}.setup-content{text-align:center;padding:24px}.title{font-size:2rem;margin:0 0 32px}.setup-label{font-size:1.1rem;margin-bottom:16px;color:#333}.time-options{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.time-btn{padding:12px 24px;font-size:1.1rem;border:2px solid #ccc;background:#fff;border-radius:8px;cursor:pointer;color:#000}.time-btn.active{background:#000;color:#fff;border-color:#000}#start-btn{padding:16px 48px;font-size:1rem;background:#000;color:#fff;-webkit-text-fill-color:#fff;border:none;border-radius:8px;cursor:pointer;touch-action:manipulation}.countdown-screen{justify-content:center;align-items:center;background:#fff}.countdown-number{font-size:8rem;font-weight:700;color:#000;line-height:1}.game-screen{padding-bottom:env(safe-area-inset-bottom)}.game-area{flex:1;display:flex;flex-direction:column;max-width:700px;margin:0 auto;width:100%;padding:16px}@media(min-width:768px){.game-area{max-width:90vw}.keypad{min-height:20vh;max-width:550px}}.score-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.score-icon{font-size:1.25rem;opacity:.8}.score-value{font-size:1.25rem;font-weight:600}.progress-dots{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:24px}.progress-dot{width:12px;height:12px;border:1px solid #ccc;border-radius:2px;flex-shrink:0}.progress-dot.pending{background:transparent}.progress-dot.current{background:#e0e0e0}.progress-dot.done.correct{background:#22c55e;border-color:#22c55e}.progress-dot.done.incorrect{background:#ef4444;border-color:#ef4444}.question-row{display:flex;flex-direction:column;width:100%;align-items:center;gap:12px;margin-bottom:24px;min-height:80px}.question-text{font-size:4rem;font-weight:700;width:100%;align-items:center;text-align:center;min-width:140px;font-variant-numeric:tabular-nums}.answer-display{width:100%;text-align:center;min-width:120px;min-height:56px;border:2px solid #ccc;border-radius:8px;display:flex;align-items:flex-start;padding:0 16px;font-size:2rem;align-items:center;font-weight:600;font-variant-numeric:tabular-nums;transition:background .1s,border-color .1s,color .1s}.answer-display.wrong{background:#ef4444;border-color:#ef4444;color:#fff}.answer-display.correct{background:#22c55e;border-color:#22c55e;color:#fff}.keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:22px;margin-top:auto;margin-right:40px;margin-bottom:50px;width:100%;max-width:100%;justify-self:center}.keypad-row,.keypad-row-bottom{display:contents}.key{min-width:0;min-height:120px;width:100%;height:100%;font-size:3rem;font-weight:500;color:#000;-webkit-text-fill-color:#000;background:#fff;border:3px solid #555;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.key:active,.key.pressed{background:#000!important;border-color:#000!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.key:active svg,.key.pressed svg{stroke:#fff}.key-backspace{background:#000;border-color:#000;color:#fff;-webkit-text-fill-color:#fff}.key-backspace svg{width:24px;height:24px}.key-backspace:active{background:#333}.key-check{background:#fff;border-color:#ccc;color:#000}.key-check svg{width:28px;height:28px}.answer-display--done{justify-content:center;color:#000;font-size:2.5rem}.answer-display--fail{background:#ef4444;border-color:#ef4444;color:#fff;-webkit-text-fill-color:#fff}.question-text--fail{color:#ef4444}.end-stats-inline{display:flex;flex-direction:column;gap:10px;margin-top:20px}.end-stat-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;font-size:1.15rem}.end-stat-label{color:#555}.end-stat-value{font-weight:600;font-variant-numeric:tabular-nums}.play-again-btn{padding:10px 16px;font-size:16px;font-weight:500;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.play-again-btn:active{opacity:.9}.top-scores{margin-top:24px;text-align:left}.top-scores-title{font-size:.9rem;color:#666;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.score-row-entry{display:flex;justify-content:center;gap:12px;font-size:1.2rem;font-variant-numeric:tabular-nums;padding:6px 16px;border-radius:6px;margin-bottom:4px}.score-rank{color:#666;min-width:20px}.score-current{background:#000;color:#fff;font-weight:600}