*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:radial-gradient(circle,#3f5efb,#fc466b);display:flex;justify-content:center;align-items:center;min-height:100vh}.game-container{background:#fff;border-radius:1rem;box-shadow:0 8px 24px #00000026;padding:2rem 2.5rem;width:100%;max-width:700px}.game-container__title{font-size:3rem;text-align:center;color:#2f2caf;margin-bottom:2rem;font-weight:700}.typing-game__paragraph{background:#f9fafb;border:2px dashed #cbd5e1;padding:1.25rem;border-radius:.75rem;font-size:1.2rem;color:#334155;margin-bottom:1.5rem;min-height:125px}.typing-game__label{display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#1e293b}.typing-game__input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #000000;border-radius:.5rem;margin-bottom:1rem;resize:none}.typing-game__input::placeholder{color:#2f2caf;font-size:1rem;font-weight:500;font-family:Segoe UI,sans-serif}.typing-game__input:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d}.typing-game__input--correct{color:green}.typing-game__input--incorrect{color:red}.typing-game__input--incorrectborder{border-color:red}.typing-game__accuracy{font-size:1rem;font-weight:500;color:#18055e;min-width:14ch}.typing-game__accuracy .typing-game__accuracy-value{font-size:1rem;font-weight:700;transition:color .3s ease-in-out}.typing-game__accuracy .typing-game__accuracy-value--low{color:#e74c3c}.typing-game__accuracy .typing-game__accuracy-value--medium{color:#f39c12}.typing-game__accuracy .typing-game__accuracy-value--high{color:#2ecc71}.typing-game__timer{font-size:1rem;font-weight:500;color:#000;margin-right:20px;min-width:8ch}.typing-game__result{font-size:1rem;font-weight:500;color:#000;margin-right:20px;min-width:12ch}.typing-game__status{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem}.typing-game__button{padding:.5rem 1rem;font-size:1rem;font-weight:600;color:#000;background-color:#fff;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.typing-game__button:hover{background-color:#3f5efb6b}@media (max-width: 768px){.game-container{padding:.5rem 2rem}.game-container__title{font-size:2.2rem}.typing-game__paragraph{font-size:1rem}.typing-game__input{font-size:.9rem}}@media (max-width: 576px){.game-container{padding:0rem 1rem}.game-container__title{font-size:1.25rem}.typing-game__paragraph,.typing-game__input{font-size:.85rem}.typing-game__status{flex-direction:column;align-items:flex-start;gap:.5rem}.typing-game__input{width:100%;padding:.5rem;font-size:.85rem;margin-bottom:.2rem}.typing-game__input::placeholder{color:#2f2caf;font-size:.75rem}.typing-game__timer{font-size:.85rem}.typing-game__accuracy{font-size:.85rem;font-weight:500}.typing-game__button{padding:.5rem 1rem;font-weight:600;font-size:.8rem}}