.success-failure-overlay{align-items:flex-end!important;background:#0000!important;bottom:0!important;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed!important;right:0;top:auto!important;z-index:1000}.success-failure-overlay .dialog{align-items:center;border-radius:10px 10px 0 0;box-shadow:0 -2px 10px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:0;max-width:600px;padding:20px;pointer-events:auto;position:relative;text-align:center;width:100%}.success{background-color:#e0ffe0;color:#2e7d32}.failure{background-color:#ffe0e0;color:#d32f2f}.error{background-color:#fff3cd;border:2px solid #ffc107;color:#856404}.dialog-icon{font-size:50px;margin-bottom:10px}.dialog-message{font-size:18px;margin-bottom:20px}.dialog-button{background-color:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.dialog-button:hover{background-color:#1565c0}:root{--button-size-desktop:50px;--button-size-mobile:40px;--slot-size-desktop:35px;--slot-size-mobile:28px;--font-size-desktop:20px;--font-size-mobile:16px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{background-color:#f5f3e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;position:fixed;touch-action:manipulation;width:100%}.app-container{flex-direction:column;gap:16px;margin:0 auto;max-width:600px;padding:20px}.app-container,.header{align-items:center;display:flex}.header{background-color:#f5f5f5;border-radius:8px;justify-content:space-between;margin-bottom:16px;padding:8px 16px;width:100%}.numbers-selector{background-color:#e0e0e0;border-radius:6px;display:flex;gap:4px;padding:4px}.selector-button{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-weight:700;padding:4px 12px;transition:all .2s ease}.selector-button:hover{background-color:#ffffff80}.selector-button.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#333}.puzzle-id{color:#333;font-weight:700}.time-left{color:#666}.help-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px 8px}.help-button:hover{background-color:#eee}.timer{color:#666;font-size:20px;font-size:var(--font-size-desktop)}@media (max-width:480px){.timer{font-size:16px;font-size:var(--font-size-mobile)}}.target-container{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:15px;position:relative;text-align:center}.target-number{color:#333;font-size:32px;font-weight:700}@media (max-width:480px){.target-number{font-size:28px}}.difficulty-label{background:#333;border-radius:12px;color:#fff;color:#666;font-size:14px;left:50%;padding:2px 10px;position:absolute;text-transform:capitalize;top:-10px;transform:translateX(-50%)}.expressions-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;width:100%}.expression-line{align-items:center;display:flex;gap:12px;margin:5px 0;width:100%}.expression-line.disabled{opacity:.5;padding:3px;pointer-events:none}@media (max-width:480px){.expression-line{gap:8px}}.expression-slots{align-items:center;display:flex;flex:1 1;gap:2px;margin-right:4px;min-width:0}@media (max-width:480px){.expression-slots{gap:2px;margin-right:2px}}.expression-slot{border-radius:50%;position:relative}.expression-slot.number-slot{background:gray;color:#fff;flex:0 0 45px;height:45px;width:45px}.expression-slot.number-slot.lightgray{background:#d3d3d3;color:#333}.expression-slot.number-slot.yellow{background:gold;color:#333}.expression-slot.number-slot.green{background:#4caf50;color:#fff}.expression-slot.number-slot.correct{background:#4caf50;color:#333}.expression-slot.operator-slot{flex:0 0 25px;height:25px;margin-top:5px;width:25px}.slot-text{align-items:center;align-self:center;height:100%;vertical-align:center}.expression-slot.operator-slot.filled{color:#333}.expression-slot>span{align-items:center;bottom:0;display:flex;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.expression-slot.number-slot>span{font-size:22px}.expression-slot.operator-slot>span{font-size:14px}.expression-result{color:#666;justify-content:center;width:25px}.expression-result,.expression-value{align-items:center;display:flex;flex-shrink:0;font-size:16px;height:35px}.expression-value{background:#f5f5f5;border:2px solid #ccc;border-radius:8px;color:#333;justify-content:flex-start;margin-left:4px;min-width:50px;padding:0 12px}.expression-value.correct{background:#e8f5e9;border-color:#4caf50;color:#4caf50}.expression-value.incorrect{background:#ffebee;border-color:#f44336;color:#f44336}@media (max-width:480px){.expression-slots{gap:1px}.expression-slot.number-slot{flex:0 0 35px;height:35px;width:35px}.expression-slot.operator-slot{height:35px;margin-top:0;width:20px}.expression-slot.number-slot>span{font-size:16px}.expression-slot.operator-slot>span{font-size:20px}.expression-value{font-size:14px;min-width:45px}.expression-result,.expression-value{height:28px;margin-left:4px}}.submit-container{align-items:center;display:flex;flex-direction:column;margin-top:16px;width:100%}.submit-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:28px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:18px;font-weight:700;min-width:200px;padding:14px 48px;transition:all .2s ease}.submit-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.submit-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.buttons-container{display:flex;flex-direction:column;gap:12px;width:100%}.digits-row{flex-direction:row;width:100%}.digit-button,.digits-row{display:flex;justify-content:center}.digit-button{align-items:center;background:gold;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:20px;font-size:var(--font-size-desktop);font-weight:700;height:40px;margin:5px;padding:10px;transition:transform .1s,opacity .2s;-webkit-user-select:none;user-select:none;width:40px}.digit-button.light-gray{background-color:#d3d3d3}.digit-button.green{background-color:green;color:#fff}.digit-button.yellow{background-color:#ff0;color:#000}.digit-button.dark-gray{background-color:#444;color:#fff;opacity:.9}@media (max-width:480px){.digit-button,.operation-button{font-size:16px;font-size:var(--font-size-mobile);height:40px;height:var(--button-size-mobile);width:40px;width:var(--button-size-mobile)}}.operation-button{align-items:center;background:none;color:#000}.digit-button.delete-button{align-items:center;background-color:red;color:#fff;display:flex;font-size:18px;justify-content:center;line-height:40px;padding:0}@media (max-width:480px){.digit-button.delete-button{font-size:16px}}.digit-button:active,.operation-button:active{transform:scale(.95)}.digit-button:disabled,.operation-button:disabled{cursor:not-allowed;opacity:.5}.difficulty-button{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:transform .1s}@media (max-width:480px){.difficulty-button{font-size:12px;padding:6px 12px}}.difficulty-button.easy{background:linear-gradient(135deg,#4caf50,#45a049)}.difficulty-button.medium{background:linear-gradient(135deg,#2196f3,#1976d2)}.difficulty-button.hard{background:linear-gradient(135deg,#f44336,#d32f2f)}.difficulty-button:active{transform:scale(.95)}.difficulty-button.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}@media (max-width:480px){.app-container{gap:12px;padding:12px}.target-container{margin-bottom:12px}.expressions-container{gap:8px;margin-bottom:12px}.buttons-container{gap:8px}.difficulty-buttons,.digits-row,.operations-bar{gap:6px}.target-number{font-size:28px}.submit-button{font-size:16px;min-width:160px;padding:12px 36px}}.modal-backdrop{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:4px;margin:10% auto;max-width:500px;padding:2rem;position:relative;width:80%}.dialog-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-dialog{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0003;max-width:90%;padding:24px;text-align:center;width:320px}.success-dialog h2{color:#4caf50;font-size:24px;margin:0 0 16px}.success-dialog p{color:#666;font-size:16px;margin:0 0 24px}.success-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:transform .1s}.success-button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}
/*# sourceMappingURL=main.3b7e771f.css.map*/