*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.app{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%}h1{text-align:center;color:#333;margin-bottom:10px;font-size:2.5em}.instructions{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em;line-height:1.5}.main-display{display:flex;justify-content:center;margin:40px 0}.feedback{text-align:center;padding:15px;border-radius:10px;margin:20px 0;font-size:1.1em;font-weight:500}.feedback.error{background:#fee;color:#c00;border:2px solid #fcc}.feedback.success{background:#efe;color:#060;border:2px solid #cfc}.feedback.partial-success{background:#fff4e6;color:#c60;border:2px solid #ffcc80}.controls{display:flex;flex-direction:column;align-items:center;gap:15px;margin:30px 0}.secondary-controls{display:flex;gap:10px}button{border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.primary-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 30px;font-size:1.1em}.secondary-button{background:#f5f5f5;color:#666;border:2px solid #ddd;padding:8px 20px;font-size:.9em}.secondary-button:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0003}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.hint-section{background:#f9f9f9;border-radius:15px;padding:25px;margin:30px 0}.hint-section h3{text-align:center;color:#555;margin-bottom:20px;font-size:1.3em}.hint-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-items:center}.hint-item{display:flex;flex-direction:column;align-items:center;gap:10px}.digit-label{font-size:1.2em;font-weight:700;color:#333}.selected-info{text-align:center;color:#666;margin-top:20px;font-size:1em;padding:10px;background:#f5f5f5;border-radius:10px}@media (max-width: 600px){.app{padding:20px}h1{font-size:2em}.hint-grid{grid-template-columns:repeat(3,1fr)}.secondary-controls{flex-direction:column;gap:8px}.primary-button,.secondary-button{width:100%}}