body{color:#333;background-image:url(/background-ku.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}#root{text-align:center;width:100%;max-width:1200px}.app-container{background:0 0;flex-direction:column;min-height:80vh;padding:1rem 2rem;display:flex;position:relative;overflow:hidden}.menu-screen{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out,transform .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.difficulty-selector{gap:1rem;margin-top:2rem;display:flex}.difficulty-btn{border-style:solid;border-width:3px;padding:15px 30px;font-size:1.2rem}.difficulty-btn.easy{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.difficulty-btn.medium{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.difficulty-btn.hard{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.extra-menu{margin-top:3rem}.learning-btn{background-color:#17a2b8;padding:10px 20px;font-size:1rem}.game-area{justify-content:center;align-items:center;gap:4rem;width:100%;margin:2rem 0;display:flex}.check-answer-btn{align-self:center;height:fit-content;padding:20px 30px;font-size:1.5rem}.playing-screen{flex-direction:column;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out,transform .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.header-bar{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-bottom:1rem;display:flex}.playing-screen>p{padding:0 1rem}.back-btn{background-color:#6c757d}.back-btn:hover{background-color:#5a6268}.level-info{flex-direction:column;display:flex}.hint-btn{color:#212529;background-color:#ffc107}.hint-btn:disabled{background-color:#e0a800}.cookie-options{padding:1rem}.cookie{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:50%;width:110px;height:110px;margin:.5rem}.jar-container{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.jar-display{box-sizing:border-box;background-color:#0000;background-image:url(/toples.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:700px;height:600px;display:flex;position:relative}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.jar-label{color:#fff;text-shadow:2px 2px 5px #000000b3;box-shadow:none;background-color:#0000;font-size:4rem;font-weight:700}.cookie-tray{background-color:#0000;gap:10px;padding:0;display:flex}.tray-slot-wrapper{flex-direction:column;align-items:center;gap:5px;display:flex}.cookie-image{object-fit:contain;border-radius:50%;width:60px;height:60px}.tray-slot{border:2px dashed #cccccc80;border-radius:10px;justify-content:center;align-items:center;width:70px;height:70px;transition:background-color .2s;display:flex}.tray-slot.drag-over{background-color:#e0e0e0;border-style:solid}.place-value{color:#fff;text-shadow:1px 1px 3px #000000b3;font-size:1.2rem;font-weight:700}.feedback{min-height:30px;margin-top:1rem;font-size:1.2rem;font-weight:700}.feedback.correct{color:#28a745}.feedback.wrong{color:#dc3545}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;transition:background-color .2s}button:hover{background-color:#0056b3}button:disabled{cursor:not-allowed;background-color:#ccc}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{z-index:1000;text-align:center;opacity:0;background-color:#fff;border-radius:10px;width:90%;max-width:500px;padding:2rem;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:scale(.9);box-shadow:0 4px 15px #0003}.modal-overlay.open .modal-content{opacity:1;transform:scale(1)}.state-menu .menu-screen{opacity:1;z-index:2;transform:translate(0)}.state-menu .playing-screen{opacity:0;transform:translate(100%)}.state-playing .playing-screen{opacity:1;z-index:2;transform:translate(0)}.state-playing .menu-screen{opacity:0;transform:translate(-100%)}@media (max-width:768px){.app-container{min-height:95vh;padding:1rem}h1{font-size:1.5rem}p{font-size:.9rem}.difficulty-selector{flex-direction:column;width:100%}.difficulty-btn{padding:10px 20px;font-size:1rem}.header-bar{flex-wrap:wrap;justify-content:center;gap:10px}.level-info{text-align:center;order:-1;width:100%}.game-area{flex-flow:column wrap;gap:2rem}.cookie-options{order:2;justify-content:center;align-items:center;display:flex}.jar-container{order:1}.check-answer-btn{order:3;width:80%}.jar-display{width:90vw;height:65vw;padding-bottom:15%}.cookie{width:70px;height:70px}.tray-slot{width:50px;height:50px}.cookie-image{width:45px;height:45px}}