body{margin:0;padding:0;background:#000;color:#fff;font-family:Arial,sans-serif}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.centered{text-align:center}.title{font-size:3em;margin-bottom:20px;color:#0f0}.subtitle{font-size:1.2em;margin-bottom:30px;line-height:1.6}.green-text{color:#0f0}.moves-text{color:#888;font-size:.85em}.primary-button{padding:15px 40px;font-size:1.5em;background:#0f0;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-bottom:20px;transition:transform .1s ease}.primary-button:hover{transform:scale(1.05)}.full-width{width:100%}.stats-bar{margin-bottom:20px;display:flex;gap:40px;justify-content:center;font-size:1.2em}.card{background:#111;padding:20px;border-radius:8px;border:2px solid #0f0}.card-large{padding:30px}.score-row{display:flex;justify-content:space-between;padding:10px}.score-row:not(:last-child){border-bottom:1px solid #333}.game-over-title{font-size:3em;margin-bottom:30px;color:#0f0}input[type=text]{padding:12px;font-size:1.2em;width:100%;margin-bottom:15px;background:#222;color:#fff;border:2px solid #0f0;border-radius:8px;outline:none;box-sizing:border-box}input[type=text]:focus{box-shadow:0 0 8px #0f0}.new-score{animation:highlightScore 1s ease-in-out alternate;background:#00ff001a}@keyframes highlightScore{0%{transform:scale(1);box-shadow:0 0 #0f0}to{transform:scale(1.05);box-shadow:0 0 15px #0f0}}.reset-button{margin-top:12px;padding:6px 12px;border-radius:6px;border:1px solid #666;background:transparent;color:#ccc;cursor:pointer}.reset-button:hover{color:#fff;border-color:#fff}.top-bar{padding:20px}.back-button{text-decoration:none;color:#0f0;border:1px solid #0f0;padding:6px 12px;border-radius:8px;font-weight:600;transition:all .2s ease}.back-button:hover{background:#0f0;color:#000}.typing-play-area{width:90vw;max-width:700px}.sentence-display{background:#111;border:2px solid #333;border-radius:8px;padding:20px 24px;margin-bottom:16px;font-size:1.25em;line-height:1.7;letter-spacing:.02em;text-align:left;word-break:break-word}.char-neutral{color:#888}.char-correct{color:#0f0}.char-wrong{color:red;background:#ff000026;border-radius:2px}.char-cursor{color:#888;border-left:2px solid #0f0;animation:blink .8s step-start infinite}@keyframes blink{50%{border-color:transparent}}.warning-text{color:#f80;font-size:1em;margin-bottom:12px;padding:8px 14px;border:1px solid #f80;border-radius:6px;background:#ff880014}.typing-input{width:100%;padding:14px 16px;font-size:1.15em;font-family:monospace;background:#1a1a1a;color:#fff;border:2px solid #0f0;border-radius:8px;outline:none;resize:none;box-sizing:border-box;line-height:1.6;letter-spacing:.02em}.typing-input:focus{box-shadow:0 0 10px #00ff004d}.typing-input::placeholder{color:#444}.typing-hint{margin-top:10px;color:#555;font-size:.9em}@media (max-width: 600px){.typing-play-area{width:100%;max-width:100%;padding:0 12px;box-sizing:border-box}.sentence-display{font-size:1em;padding:14px}.typing-input{font-size:1em;padding:12px}.stats-bar{gap:20px;font-size:1em}.title{font-size:2.2em}.subtitle{font-size:1em}.primary-button{font-size:1.2em;padding:12px 24px}}