:root{--primary: #8f14dc;--on-primary: #ffffff;--speed3: .3s}.App{text-align:center;font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;align-items:center;padding-bottom:20px;box-sizing:border-box}.play-again-button{padding:10px 20px;font-size:1rem;font-weight:700;cursor:pointer;background-color:#6aaa64;color:#fff;border:none;border-radius:5px;margin-top:15px;transition:background-color .2s ease}.play-again-button:hover{background-color:#5a9a54}.number-display{margin-bottom:20px;text-align:center}.number-display h2{margin-bottom:10px;font-weight:400;color:#555}.numbers-container{display:flex;justify-content:center;gap:10px}.number-tile{display:inline-block;width:50px;height:50px;margin:5px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;line-height:50px;text-align:center;font-size:1.5rem;cursor:pointer;transition:all .2s}.number-tile:hover{background-color:#e0e0e0;transform:scale(1.05)}.number-tile.used{background-color:#ccc;color:#888;cursor:not-allowed;opacity:.7}.number-tile.success{background-color:#4caf50;color:#fff;animation:pulse 1s infinite alternate}@keyframes pulse{0%{box-shadow:0 0 5px #4caf50}to{box-shadow:0 0 15px #4caf50}}.number-tile.operator{background-color:#ffdc9c}.number-tile.operator:hover{background-color:#ffce6b}button{padding:10px 20px;font-size:1rem;font-weight:700;cursor:pointer;background-color:var(--primary);color:var(--on-primary);border:none;border-radius:5px;margin-top:15px;transition:background-color var(--speed3) ease,transform var(--speed3) ease}button:hover{background-color:#d55a00;transform:scale(1.05)}.row{display:flex;justify-content:center;margin-bottom:10px}.row>button{margin:0 5px}.message-area{min-height:25px;padding:8px 15px;margin:10px auto;border-radius:5px;text-align:center;font-weight:700;width:90%;max-width:500px;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease;line-height:1.4}.message-area.placeholder{background-color:transparent;border:1px solid transparent;padding-top:9px;padding-bottom:9px}.message-area.info{background-color:#eef2f7;color:#31708f;border:1px solid #bce8f1}.message-area.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message-area.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}