*{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:center;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;margin-bottom:32px}.time-btn{padding:12px 24px;font-size:1.1rem;border:2px solid #ccc;background:#fff;border-radius:8px;cursor:pointer}.time-btn.active{background:#000;color:#fff;border-color:#000}.start-btn{display:block;width:100%;max-width:280px;margin:0 auto 12px;padding:16px 48px;font-size:1.25rem;background:#000;color:#fff;-webkit-text-fill-color:#fff;border:none;border-radius:8px;cursor:pointer;touch-action:manipulation}.multi-btn{display:block;width:100%;max-width:280px;margin:0 auto;padding:16px 48px;font-size:1.25rem;background:#fff;color:#000;-webkit-text-fill-color:#000;border:3px solid #000;border-radius:8px;cursor:pointer;touch-action:manipulation}.multi-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header-title{font-size:1.2rem;font-weight:600;margin:0}.multi-content{flex:1;display:flex;flex-direction:column;padding:24px;max-width:600px;width:100%;margin:0 auto}.multi-content--center{align-items:center;justify-content:center;text-align:center}.multi-actions{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:8px}.multi-action-btn{width:100%;max-width:280px;padding:16px;font-size:1.25rem;font-weight:600;background:#000;color:#fff;-webkit-text-fill-color:#fff;border:3px solid #000;border-radius:8px;cursor:pointer;touch-action:manipulation}.multi-action-btn--outline{background:#fff;color:#000;-webkit-text-fill-color:#000}.room-code{font-size:4rem;font-weight:900;letter-spacing:.15em;margin:24px 0 8px;font-variant-numeric:tabular-nums}.multi-hint{color:#555;font-size:1rem;margin:8px 0}.multi-status{font-size:1.1rem;font-weight:500;margin:16px 0}.multi-error{color:#ef4444;font-size:1rem;margin:8px 0}.code-input-row{margin:16px 0}.code-input{font-size:2.5rem;font-weight:700;letter-spacing:.2em;text-align:center;width:180px;padding:12px 16px;border:3px solid #555;border-radius:8px;background:#fff;color:#000;-webkit-text-fill-color:#000;text-transform:uppercase;outline:none}.code-input:focus{border-color:#000}.multi-result-title{font-size:2rem;font-weight:700;margin:0 0 24px;text-align:center}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.result-card{border:3px solid #ccc;border-radius:12px;padding:20px 16px;text-align:center}.result-card--winner{border-color:#000;background:#000;color:#fff}.result-card--winner .result-card-label,.result-card--winner .result-card-score,.result-card--winner .result-card-time,.result-card--winner .result-card-avg{color:#fff;-webkit-text-fill-color:#fff}.result-card-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;color:#555}.result-card--winner .result-card-label{color:#ccc}.result-card-score{font-size:1.5rem;font-weight:700;margin:0 0 4px}.result-card-time{font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;margin:0 0 4px}.result-card-avg{font-size:.9rem;color:#888;margin:0}.countdown-screen{justify-content:center;align-items:center;background:#000}.countdown-number{font-size:8rem;font-weight:700;color:#fff;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:2.5rem;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:center;padding:0 16px;font-size:2rem;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}.end-screen .header{justify-content:space-between}.end-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.end-content h2{font-size:2rem;margin:0 0 24px}.end-stats{text-align:center;margin-bottom:32px;font-size:1.2rem}.end-stats p{margin:8px 0}.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:8px;text-align:center;min-width:220px}.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}