.challenge-images{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-lg);}.challenge-emoji{font-size:5rem;}.challenge-emoji-img{height:5rem;width:auto;object-fit:contain;display:inline-block;vertical-align:middle;}.challenge-plus{font-size:var(--font-5xl);color:var(--color-secondary);}.challenge-center{text-align:center;margin-bottom:var(--spacing-xl);}.challenge-instruction{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-secondary-dark);text-align:center;margin-bottom:var(--spacing-xl);}.word-slots-container{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap;}.word-slots{display:flex;gap:var(--spacing-sm);}.word-slot{width:var(--size-cell);height:var(--size-cell);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-sm);background:white;display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:var(--font-bold);}.letter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);}.letter-pin-clear-container{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);}.letter-btn{width:var(--size-cell);height:var(--size-cell);border:var(--border-width) solid var(--color-gray-500);border-radius:var(--radius-sm);background:var(--color-gray-100);font-size:var(--font-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary);}.letter-btn:hover{background:var(--color-gray-200);border-color:var(--color-secondary-dark);}.letter-btn.used{background:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed;opacity:0.3;}.crossword-container{max-width:var(--max-width-sm);margin:0 auto var(--spacing-xl);}.letter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:linear-gradient(to bottom right,var(--color-primary-lightest),#e0f2fe);border:var(--border-width) solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);}.letter-cell{width:100%;aspect-ratio:1;border:var(--border-width-sm) solid var(--color-primary-light);border-radius:var(--radius-xs);background:var(--color-primary-bg);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--font-lg);cursor:pointer;transition:all var(--transition-fast);}.letter-cell:hover{background:var(--color-primary-lightest);color:var(--color-primary-darkest);}.letter-cell.selected{background:var(--color-primary);color:white;}.letter-cell.correct{background:var(--color-success);color:white;pointer-events:none;}.letter-cell.used{background:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed;opacity:0.4;pointer-events:none;}.current-word-box{background:white;border:var(--border-width) solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);}.current-word-label{font-size:var(--font-sm);font-weight:var(--font-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);text-align:center;}.current-word-display{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--color-primary);min-height:var(--spacing-2xl);border-bottom:var(--border-width) solid var(--color-primary-light);padding-bottom:var(--spacing-sm);text-align:center;}.current-word-display.empty{color:var(--color-gray-400);}.found-words-box{background:var(--color-success-lightest);border:var(--border-width) solid var(--color-success-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);}.found-words-title{font-weight:var(--font-bold);color:var(--color-success-dark);margin-bottom:var(--spacing-md);text-align:center;}.found-words-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);}.found-word-slot{background:white;border:var(--border-width-sm) solid var(--color-success-light);border-radius:var(--radius-xs);padding:var(--spacing-sm);text-align:center;color:var(--color-gray-400);min-height:2.5rem;display:flex;align-items:center;justify-content:center;}.found-word-slot.found{background:var(--color-success-lightest);border:var(--border-width-sm) solid var(--color-success);color:var(--color-success-dark);font-weight:var(--font-bold);}.hints-box{background:var(--color-warning-lightest);border:var(--border-width) solid var(--color-warning-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);}.hints-title{font-weight:var(--font-bold);color:var(--color-brown);margin-bottom:var(--spacing-md);}.hints-container{display:flex;flex-direction:column;gap:var(--spacing-sm);}.hint-btn{width:100%;background:var(--color-warning);color:white;padding:var(--spacing-sm);border-radius:var(--radius-xs);font-weight:var(--font-bold);transition:background var(--transition-fast);border:none;cursor:pointer;font-family:var(--font-primary);}.hint-btn:hover{background:var(--color-warning-dark);}.hint-used{background:var(--color-gray-100);padding:var(--spacing-sm);border-radius:var(--radius-xs);border:var(--border-width-sm) solid var(--color-gray-300);color:var(--color-secondary);opacity:0.6;}.hint-locked{background:var(--color-gray-200);padding:var(--spacing-sm);border-radius:var(--radius-xs);text-align:center;color:var(--color-gray-500);}.hint-display{background:white;border:var(--border-width) solid var(--color-warning-light);border-radius:var(--radius-xs);padding:var(--spacing-md);color:var(--color-brown);font-weight:var(--font-semibold);text-align:center;margin-top:var(--spacing-md);}.direction-figures{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:var(--max-width-xs);margin:0 auto var(--spacing-xl);}.direction-item{text-align:center;}.direction-figure{width:80px;height:80px;border:var(--border-width) solid var(--color-gray-500);border-radius:50%;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-size:var(--font-5xl);cursor:pointer;transition:all var(--transition-fast);margin:0 auto var(--spacing-sm);}.direction-figure:hover{background:var(--color-gray-200);border-color:var(--color-secondary-dark);}.direction-figure.selected{background:var(--color-primary);color:white;border-color:var(--color-primary-darker);}.direction-label{font-weight:var(--font-bold);color:var(--color-secondary-dark);}.direction-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:var(--max-width-xs);margin:0 auto var(--spacing-xl);}.direction-option{background:var(--color-primary-lightest);border:var(--border-width) solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);font-weight:var(--font-bold);color:var(--color-primary-dark);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary);}.direction-option:hover{background:var(--color-primary-lighter);}.direction-option.selected{background:var(--color-primary);color:white;border-color:var(--color-primary-darker);}.symbol-display{display:flex;justify-content:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap;}.symbol-item{font-size:var(--size-icon-lg);}.text-input{max-width:var(--max-width-xs);margin:0 auto var(--spacing-xl);}.text-input input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-lg);text-align:center;font-family:var(--font-primary);transition:border-color var(--transition-fast);}.text-input input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.1);}.text-input input::placeholder{color:var(--color-gray-400);}.cipher-key-box{background:var(--color-warning-lightest);border:var(--border-width) solid var(--color-warning-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);}.cipher-key-title{font-weight:var(--font-bold);color:var(--color-brown);margin-bottom:var(--spacing-md);text-align:center;}.cipher-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-xs);text-align:center;font-size:var(--font-sm);}.cipher-item{background:white;padding:var(--spacing-xs);border-radius:var(--radius-xs);border:var(--border-width-sm) solid var(--color-warning-light);}.cipher-letter{font-size:var(--font-sm);font-weight:var(--font-bold);}.cipher-symbol{font-size:var(--font-lg);}.cipher-message-box{background:var(--color-primary-lightest);border:var(--border-width) solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);}.cipher-message-title{font-weight:var(--font-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-md);text-align:center;}.cipher-message{font-size:var(--font-3xl);text-align:center;margin-bottom:var(--spacing-lg);white-space:nowrap;overflow-x:auto;overflow-y:hidden;}.cipher-message p{white-space:nowrap;margin:0;}.math-problems{max-width:var(--max-width-xs);margin:0 auto;}.math-problem{background:linear-gradient(to right,var(--color-primary-lightest),var(--color-indigo-light));border:var(--border-width) solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);}.math-question{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-md);text-align:center;}.math-question p{direction:ltr;}.math-input{display:flex;justify-content:center;}.math-input input{width:96px;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width) solid var(--color-primary-light);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-xl);font-weight:var(--font-bold);font-family:var(--font-primary);}.math-input input:focus{border-color:var(--color-primary);outline:none;}.math-result{text-align:center;margin-top:var(--spacing-md);font-weight:var(--font-bold);}.safe-display{background:linear-gradient(to right,var(--color-warning-lightest),var(--color-warning-bg));border:var(--border-width) solid var(--color-warning-lighter);border-radius:var(--radius-sm);padding:var(--spacing-xl);margin:0 auto var(--spacing-xl);max-width:var(--max-width-xs);}.safe-problem{font-size:var(--font-5xl);font-weight:var(--font-bold);color:var(--color-brown);margin-bottom:var(--spacing-lg);text-align:center;}.safe-input-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);}.safe-input-container input{width:128px;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width) solid var(--color-warning-lighter);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-2xl);font-weight:var(--font-bold);font-family:var(--font-primary);}.safe-input-container input:focus{border-color:var(--color-warning-dark);outline:none;}.safe-result{text-align:center;font-weight:var(--font-bold);}@media (max-width:768px){.challenge-emoji{font-size:3rem;}.challenge-emoji-img{height:3rem;max-width:3rem;}.challenge-images{gap:var(--spacing-lg);}.word-slots-container{gap:var(--spacing-sm);}.symbol-display{gap:var(--spacing-lg);}.symbol-item{font-size:3rem;}.cipher-grid{grid-template-columns:repeat(4,1fr);}.cipher-message p{font-size:13px;}.letter-grid{padding:var(--spacing-sm);}.direction-figures{gap:var(--spacing-lg);}.direction-figure{width:60px;height:60px;font-size:var(--font-4xl);}}