.mastermind__container{max-width:800px;margin:0 auto;padding:20px;font-family:'Arial', sans-serif}.mastermind__game-board{background:#f5f5f5;border-radius:12px;padding:20px;overflow:visible}.mastermind__row{display:flex;align-items:center;margin-bottom:15px;padding:10px;border-radius:8px;overflow:visible;position:relative;z-index:1}.mastermind__row--active{background:rgba(0,123,255,0.1);border:2px solid #007bff;z-index:10}.mastermind__input-cells{display:flex;gap:8px;margin-right:20px;position:relative;z-index:1}.mastermind__cell{width:50px;height:50px;border-radius:50%;border:3px solid #ddd;cursor:none;pointer-events:none;position:relative;z-index:1}.mastermind__cell--input{background:#fff}.mastermind__cell--input--selected{border-color:#28a745}.mastermind__cell--input--active{border-color:#007bff;z-index:100}.mastermind__cell--input--empty{background:#f8f9fa;cursor:default}.mastermind__cell--input--empty:hover{border-color:#ddd;transform:none}.mastermind__cell--secret{width:40px;height:40px;border:2px solid #333}.mastermind__color-picker{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:white;border:2px solid #007bff;border-radius:8px;padding:10px;margin-top:5px;pointer-events:auto;z-index:1000}.mastermind__color-picker::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #007bff}.mastermind__color-picker-grid{display:grid;gap:8px;min-width:120px}.mastermind__color-option{width:30px;height:30px;border-radius:50%;border:2px solid #ddd;cursor:pointer}.mastermind__color-option:hover{transform:scale(1.1);border-color:#333}.mastermind__feedback-section{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px}.mastermind__check-btn{background:#007bff;color:white;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:bold}.mastermind__check-btn:hover:not(:disabled){background:#0056b3}.mastermind__check-btn:disabled{background:#6c757d;cursor:not-allowed}.mastermind__check-btn--disabled{background:#6c757d;cursor:not-allowed;opacity:0.6}.mastermind__check-btn--disabled:hover{background:#6c757d}.mastermind__feedback{display:flex;gap:6px;flex-wrap:wrap}.mastermind__feedback-dot{width:12px;height:12px;border-radius:50%;border:1px solid #333}.mastermind__feedback-dot--exact{background:#28a745}.mastermind__feedback-dot--color{background:#ff8c00}.mastermind__feedback-dot--wrong{background:#6c757d}.mastermind__secret-code{margin-top:30px;text-align:center;padding:20px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.mastermind__secret-code h3{margin:0 0 15px 0;color:#856404}.mastermind__secret-display{display:flex;justify-content:center;gap:10px}.mastermind__row--active .mastermind__cell{cursor:pointer;pointer-events:auto}.mastermind__row--active .mastermind__cell--input:hover{border-color:#007bff;transform:scale(1.05)}.dark-mode .mastermind__container{background:#2d3748;color:#e2e8f0}.dark-mode .mastermind__game-board{background:#4a5568;box-shadow:0 4px 6px rgba(0,0,0,0.3)}.dark-mode .mastermind__row--active{background:rgba(66,153,225,0.2);border-color:#4299e1}.dark-mode .mastermind__cell--input{background:#718096;border-color:#a0aec0}.dark-mode .mastermind__cell--input:hover{border-color:#4299e1}.dark-mode .mastermind__cell--input--empty{background:#4a5568;border-color:#718096}.dark-mode .mastermind__color-picker{background:#4a5568;border-color:#4299e1}.dark-mode .mastermind__check-btn{background:#4299e1}.dark-mode .mastermind__check-btn:hover:not(:disabled){background:#3182ce}.dark-mode .mastermind__check-btn:disabled{background:#718096}.dark-mode .mastermind__secret-code{background:#744210;border-color:#d69e2e;color:#faf089}.dark-mode .mastermind__secret-code h3{color:#faf089}@media (max-width: 768px){.mastermind__container{padding:10px}.mastermind__game-board{padding:15px}.mastermind__cell{width:40px;height:40px}.mastermind__color-picker-grid{grid-template-columns:repeat(2, 1fr);min-width:80px}.mastermind__color-option{width:25px;height:25px}.mastermind__feedback-section{min-width:100px}.mastermind__check-btn{padding:8px 16px;font-size:14px}}@media (max-width: 480px){.mastermind__cell{width:35px;height:35px}.mastermind__row{flex-direction:column;align-items:flex-start;gap:10px}.mastermind__input-cells{margin-right:0}.mastermind__feedback-section{min-width:auto;width:100%;justify-content:center}}.game[ng-cloak]{display:block !important}.game[ng-cloak] .mastermind{display:block !important}.game[ng-cloak] .mastermind__container,.game[ng-cloak] .mastermind__game-board,.game[ng-cloak] .mastermind__row,.game[ng-cloak] .mastermind__cell,.game[ng-cloak] .mastermind__debug-info{display:block !important}.game[ng-cloak] .mastermind__input-cells{display:flex !important}.mastermind__debug-info{background:#f0f0f0;padding:15px;margin-bottom:20px;border-radius:8px;text-align:center;border:2px solid #ddd}.mastermind__debug-info h4{margin:0 0 10px 0;color:#333;font-size:14px;font-weight:bold}.mastermind__debug-info p{margin:10px 0 0 0;font-size:12px;color:#666}.mastermind__cell--debug{width:30px;height:30px;border-radius:50%;border:2px solid #333;display:inline-block}


/*# sourceMappingURL=mastermind.css.bd661830775d.map */