*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100svh}.app{background:#0f0f0f;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100svh;font-family:system-ui,sans-serif;display:flex;position:relative}.score-num{color:#fff;letter-spacing:-2px;font-size:4rem;font-weight:700;line-height:1}.inputs{flex-direction:column;align-items:center;gap:14px;display:flex}.input-group{align-items:center;gap:14px;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.1em;text-align:right;width:48px;font-size:.7rem;font-weight:600}.input-group label.red{color:#f44}.input-group label.blue{color:#4d7bff}.input-group label.yellow{color:#ffd000}.input-group input{color:#fff;text-align:center;-moz-appearance:textfield;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:8px;outline:none;width:84px;padding:10px 8px;font-size:1.3rem}.input-group input::-webkit-outer-spin-button{-webkit-appearance:none}.input-group input::-webkit-inner-spin-button{-webkit-appearance:none}.input-group input:focus{border-color:#444}.timer{color:#555;letter-spacing:-1px;font-size:2rem;font-weight:700;line-height:1;transition:color .2s}.timer.urgent{color:#f44}button{color:#0f0f0f;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#fff;border:none;border-radius:8px;padding:12px 44px;font-size:.95rem;font-weight:700;transition:background .15s}button:hover{background:#e0e0e0}button:active{background:#ccc}.btn-ghost{color:#444;letter-spacing:.08em;background:0 0;border:1px solid #2e2e2e;padding:6px 18px;font-size:.75rem}.btn-ghost:hover{color:#888;background:#1a1a1a}.btn-ghost:active{background:#222}.game-over-label{text-transform:uppercase;letter-spacing:.15em;color:#555;font-size:.75rem;font-weight:600}.game-over-answer{flex-direction:column;align-items:center;gap:6px;display:flex}.game-over-answer span{font-size:1.4rem;font-weight:700}.game-over-answer span.red{color:#f44}.game-over-answer span.blue{color:#4d7bff}.game-over-answer span.yellow{color:#ffd000}.settings{color:#444;letter-spacing:.05em;align-items:center;gap:6px;font-size:.75rem;display:flex;position:fixed;bottom:20px;right:24px}.settings input{color:#555;text-align:center;-moz-appearance:textfield;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:4px;outline:none;width:36px;padding:3px 4px;font-size:.75rem}.settings input::-webkit-outer-spin-button{-webkit-appearance:none}.settings input::-webkit-inner-spin-button{-webkit-appearance:none}