.compare-game{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:1rem;display:flex}.game-header{text-align:center;margin-bottom:2rem}.game-header h1{color:#2d3748;margin-bottom:.25rem;font-size:2rem}.subtitle{color:#718096;font-size:1.1rem}.start-screen,.end-screen{flex:1;justify-content:center;align-items:center;display:flex}.info-card,.result-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:450px;padding:2rem;box-shadow:0 10px 30px #0000001a}.info-card h2,.result-card h2{color:#2d3748;margin-bottom:1.5rem;font-size:1.8rem}.info-card ul{text-align:left;color:#4a5568;margin:1.5rem 0;padding-left:1.5rem;line-height:1.8}.info-card li{margin-bottom:.5rem}.difficulty-section{margin:2rem 0}.difficulty-section h3{color:#4a5568;margin-bottom:1rem;font-size:1.2rem}.difficulty-buttons{flex-direction:column;gap:1rem;display:flex}.diff-btn{cursor:pointer;text-align:center;background:#f7fafc;border:3px solid #e2e8f0;border-radius:16px;width:100%;padding:1.5rem;transition:all .2s}.diff-btn:hover{border-color:#4299e1;transform:translateY(-2px);box-shadow:0 4px 12px #4299e133}.diff-btn.active{background:#ebf8ff;border-color:#4299e1}.diff-title{color:#2d3748;margin-bottom:.25rem;font-size:1.3rem;font-weight:700}.diff-desc{color:#718096;margin-bottom:.5rem;font-size:.95rem}.diff-score{color:#48bb78;font-size:.9rem;font-weight:600}.difficulty-selector{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.diff-toggle{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.diff-toggle:hover{color:#4299e1;border-color:#4299e1}.diff-toggle.active{color:#fff;background:#4299e1;border-color:#4299e1}.score-display{text-align:center;margin-bottom:2rem;display:none}.score-label{color:#718096;margin-bottom:.25rem;font-size:.9rem;display:block}.score-value{color:#4299e1;font-size:2.5rem;font-weight:700;display:block}.numbers-display{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.number-box{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:0 8px 20px #667eea66}.number{color:#fff;font-size:3.5rem;font-weight:800}.question-mark{color:#cbd5e0;font-size:3rem;font-weight:700}.signs-container{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.sign-btn{cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;padding:1.5rem 2rem;transition:all .2s;display:flex}.sign{color:#4a5568;font-size:2.5rem;font-weight:700}.sign-label{color:#718096;font-size:.85rem}.sign-btn:hover:not(:disabled){border-color:#4299e1;transform:translateY(-4px);box-shadow:0 8px 20px #4299e14d}.sign-btn:active:not(:disabled){transform:translateY(-2px)}.sign-btn:disabled{cursor:default;opacity:.7}.sign-btn.correct{background:#c6f6d5;border-color:#48bb78;animation:.5s ease-out correctPulse}.sign-btn.correct .sign{color:#22543d}.sign-btn.wrong{background:#fed7d7;border-color:#f56565;animation:.5s ease-out shake}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.hint-btn{color:#975a16;cursor:pointer;background:#fefcbf;border:2px solid #f6e05e;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.hint-btn:hover{background:#fef08a;transform:translateY(-2px)}.result-message{z-index:100;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;font-weight:600;animation:.3s ease-out slideUp;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000026}.result-message.correct{color:#22543d;background:#c6f6d5}.result-message.wrong{color:#742a2a;background:#fed7d7}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.final-score{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin:1.5rem 0;padding:2rem}.score-label{opacity:.9;margin-bottom:.5rem;font-size:1.1rem;display:block}.score-value{font-size:4rem;font-weight:800;display:block}.new-record{color:#975a16;background:#fefcbf;border-radius:12px;margin:1rem 0;padding:1rem;font-size:1.3rem;font-weight:700;animation:1s ease-out celebrate}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stats-summary{color:#4a5568;margin:1.5rem 0;font-size:1.1rem}.buttons{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#48bb78}.btn-primary:hover{background:#38a169;transform:translateY(-2px)}.btn-secondary{color:#4a5568;background:#edf2f7}.btn-secondary:hover{background:#e2e8f0}.btn-large{margin-top:1rem;padding:1.25rem 3rem;font-size:1.3rem}@media (width<=600px){.numbers-display{gap:1rem}.number-box{width:90px;height:90px}.number{font-size:2.5rem}.question-mark{font-size:2rem}.signs-container{gap:.5rem}.sign-btn{min-width:80px;padding:1rem 1.5rem}.sign{font-size:2rem}.difficulty-buttons{gap:.75rem}.diff-btn{padding:1rem}}