.intro-container{display:flex;flex-direction:row;align-items:center;gap:1.5rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:60rem}.description{text-align:left;color:var(--text-muted);font-size:1.125rem;line-height:1.75rem;margin-bottom:0;flex-grow:1;flex-shrink:1;min-width:0}#main-image{max-width:150px;height:auto;border-radius:var(--border-radius);transition:max-width .2s ease-in-out;flex-shrink:0}section{margin-bottom:2rem}section h2{font-size:1.25rem;line-height:1.75rem;font-weight:600;margin-bottom:1rem}#difficulty-selection,#category-selection,#user-word-management,#round-settings{text-align:center}#difficulty-selection .button-container,#category-selection .button-container,#user-word-management .button-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.difficulty-btn,.category-btn{color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);transition:background-color .15s ease-in-out;border:none;cursor:pointer}.category-btn{padding:.5rem 1rem}button[data-difficulty=kindergarten]{background-color:#22c55e}button[data-difficulty=kindergarten]:hover{background-color:#16a34a}button[data-difficulty=grades1-2]{background-color:#eab308}button[data-difficulty=grades1-2]:hover{background-color:#ca8a04}button[data-difficulty=grades3-6]{background-color:#ef4444}button[data-difficulty=grades3-6]:hover{background-color:#dc2626}button[data-difficulty=user]{background-color:#a855f7}button[data-difficulty=user]:hover{background-color:#9333ea}#random-all-btn{background-color:#6b7280}#random-all-btn:hover{background-color:#4b5563}.category-btn[data-category]{background-color:#3b82f6}.category-btn[data-category]:hover{background-color:#2563eb}#start-user-round-btn{background-color:#6366f1;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);transition:background-color .15s ease-in-out;margin-top:1rem;border:none;cursor:pointer}#start-user-round-btn:hover{background-color:#4f46e5}#round-settings{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);max-width:36rem;margin-left:auto;margin-right:auto;margin-top:1rem}.settings-option{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.settings-option label{font-weight:500;color:var(--gray-700);cursor:pointer;margin-right:.25rem;display:inline;margin-bottom:0}.settings-option input[type=number]{width:4rem;padding:.3rem .5rem;text-align:center}#settings-continue-btn{background-color:#16a34a;color:#fff;font-weight:700;padding:.5rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);transition:background-color .15s ease-in-out;border:none;cursor:pointer;margin-top:1rem}#settings-continue-btn:hover{background-color:#15803d}#spelling-area{background-color:var(--card-bg);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);max-width:42rem;margin-left:auto;margin-right:auto;text-align:center}#round-description{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem;font-style:italic;min-height:1.25rem}#question-counter{font-size:.875rem;color:var(--gray-700);margin-bottom:.75rem;font-weight:500}#word-prompt{margin-bottom:1rem}#word-prompt p{color:var(--gray-700);margin-bottom:.5rem}.prompt-buttons{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap}#repeat-word-btn{background-color:#3b82f6;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);display:inline-flex;align-items:center;border:none;cursor:pointer;transition:background-color .15s ease-in-out}#repeat-word-btn:hover{background-color:#2563eb}#repeat-word-btn svg{width:20px;height:20px;margin-right:.5rem}#repeat-word-btn:disabled{opacity:.5;cursor:not-allowed}#spelling-input{width:100%;padding:.75rem;margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;text-align:center}#spelling-input::placeholder{color:var(--gray-500)}#spelling-input:read-only{background-color:var(--gray-100);cursor:default}#word-length-display{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;color:var(--text-muted);letter-spacing:.2em;font-family:monospace;min-height:2rem;word-break:break-all}#on-screen-keyboard{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}#on-screen-keyboard>div{display:flex;justify-content:center;flex-wrap:nowrap;gap:.25rem;margin-bottom:.5rem;overflow-x:auto;padding-bottom:5px}.keyboard-key,#keyboard-backspace{background-color:var(--gray-200);color:var(--text-color);font-weight:600;padding:.6rem .8rem;border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-sm);font-size:1rem;line-height:1;border:none;cursor:pointer;transition:background-color .15s ease-in-out;flex-shrink:0;min-width:32px;text-align:center}.keyboard-key:hover{background-color:var(--gray-300)}#keyboard-backspace{background-color:#fb923c;color:#fff;padding-left:.7rem;padding-right:.7rem}#keyboard-backspace:hover{background-color:#f97316}#submit-spelling-btn{width:100%;background-color:#4f46e5;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);transition:background-color .15s ease-in-out;margin-top:1rem;border:none;cursor:pointer}#submit-spelling-btn:hover{background-color:#4338ca}#submit-spelling-btn:disabled{opacity:.5;cursor:not-allowed}#feedback{margin-top:1rem;font-weight:600;min-height:1.5em}#feedback.correct{color:#16a34a}#feedback.incorrect{color:#dc2626}#feedback.complete{color:var(--primary)}#score-display{margin-top:.5rem;font-weight:700;font-size:1.125rem;color:#1e40af}#score-display .excellent{color:#ca8a04;display:block;margin-top:.25rem;font-size:1.25rem}.round-controls{margin-top:1.5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.round-controls button{color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);transition:background-color .15s ease-in-out,opacity .15s ease-in-out;border:none;cursor:pointer}#repeat-round-btn{background-color:#f97316}#repeat-round-btn:hover{background-color:#ea580c}#new-round-btn{background-color:#14b8a6}#new-round-btn:hover{background-color:#0d9488}#quit-quiz-btn{background-color:#dc2626}#quit-quiz-btn:hover{background-color:#b91c1c}.round-controls button:disabled{opacity:.5;cursor:not-allowed;background-color:#9ca3af!important}#user-word-management{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);max-width:36rem;margin-left:auto;margin-right:auto;margin-top:2rem}#user-feedback{font-weight:600;min-height:1.5em;margin-bottom:.75rem}#user-feedback.info-add{color:#16a34a}#user-feedback.info-exists{color:#ca8a04}#user-feedback.info-invalid{color:#dc2626}#user-feedback.info-clear,#user-feedback.info-remove{color:#f97316}#user-word-management>div:nth-of-type(2){margin-bottom:1rem}#add-word-input{width:100%;padding:.75rem;margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem}#add-word-btn{width:100%;background-color:#22c55e;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);transition:background-color .15s ease-in-out;margin-bottom:1rem;border:none;cursor:pointer}#add-word-btn:hover{background-color:#16a34a}#user-word-list{text-align:left;margin-bottom:1rem;max-height:12rem;overflow-y:auto;border:1px solid var(--border-color);padding:.5rem;border-radius:var(--border-radius-sm);background-color:var(--gray-100)}#user-word-list p{color:var(--text-muted);font-style:italic}#user-word-list ul{list-style:disc;padding-left:1.5rem;margin:0}#user-word-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;color:var(--gray-700)}.delete-word-btn{margin-left:.5rem;font-size:.75rem;line-height:1rem;color:var(--danger);font-weight:700;padding:0 .25rem;border-radius:var(--border-radius-sm);border:none;background-color:transparent;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out}.delete-word-btn:hover{color:#dc2626;background-color:#fee2e2}.delete-word-btn:focus{outline:none;box-shadow:0 0 0 1px #fecaca}#user-word-management .button-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}#user-word-management .button-container button{color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);transition:background-color .15s ease-in-out;border:none;cursor:pointer}#save-user-words-btn{background-color:#3b82f6}#save-user-words-btn:hover{background-color:#2563eb}#clear-user-words-btn{background-color:#ef4444}#clear-user-words-btn:hover{background-color:#dc2626}#exit-user-words-btn{background-color:#6b7280;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);transition:background-color .15s ease-in-out;border:none;cursor:pointer;margin-top:1rem;display:block;margin-left:auto;margin-right:auto}#exit-user-words-btn:hover{background-color:#4b5563}#user-word-management .storage-note{font-size:.75rem;line-height:1rem;color:var(--text-muted);margin-top:.5rem}.confirm-dialog h2{color:#dc2626}#clue-confirm-modal .confirm-dialog h2{color:var(--primary)}.confirm-dialog p{margin-bottom:1.5rem}.confirm-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.75rem}.confirm-buttons button{font-weight:600;padding:.5rem 1rem;border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}#quit-confirm-yes-btn{background-color:#ef4444;color:#fff;border-color:#ef4444}#quit-confirm-yes-btn:hover{background-color:#dc2626;border-color:#dc2626}#quit-confirm-no-btn{background-color:var(--card-bg);color:var(--gray-700);border-color:var(--border-color)}#quit-confirm-no-btn:hover{background-color:var(--gray-100)}#clue-confirm-yes-btn{background-color:#22c55e;color:#fff;border-color:#22c55e}#clue-confirm-yes-btn:hover{background-color:#16a34a;border-color:#16a34a}#clue-confirm-no-btn{background-color:var(--card-bg);color:var(--gray-700);border-color:var(--border-color)}#clue-confirm-no-btn:hover{background-color:var(--gray-100)}.hidden{display:none!important}body.dark-theme #feedback.correct{color:#4ade80}body.dark-theme #feedback.incorrect{color:#f87171}body.dark-theme #score-display{color:#93c5fd}body.dark-theme #score-display .excellent{color:#fbbf24}body.dark-theme #keyboard-backspace{background-color:#f97316}body.dark-theme .delete-word-btn:hover{color:#f87171;background-color:#ef444426}@media (max-width: 640px){.intro-container{gap:1rem;align-items:flex-start}#main-image{max-width:100px}.description{text-align:left;font-size:1rem}}@media (max-width: 480px){.keyboard-key,#keyboard-backspace{min-width:30px;padding:.5rem .7rem;font-size:.9rem}#on-screen-keyboard>div{gap:.2rem}#main-image{max-width:80px}.intro-container{gap:.75rem}.description{font-size:.9rem}}@media (max-width: 380px){#on-screen-keyboard>div{gap:.15rem}.keyboard-key,#keyboard-backspace{min-width:28px;padding:.5rem .6rem;font-size:.9rem}#main-image{max-width:60px}.intro-container{gap:.5rem}}