body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;box-sizing:border-box}.app-container{width:100%;max-width:600px;background-color:#ffffffe6;border-radius:15px;box-shadow:0 10px 30px #0003;padding:30px;text-align:center;box-sizing:border-box;border:2px solid rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.start-screen,.game-over-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px}.start-screen h1,.game-over-screen h1{font-size:2.5em;color:#e57373;margin-bottom:15px;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.game-over-screen h1{color:#f44336}.start-screen p,.game-over-screen p{font-size:1.1em;margin-bottom:10px;color:#555}.game-over-screen p:last-child{font-weight:700;color:#e65100}.start-button,.retry-button,.action-button{background:linear-gradient(45deg,#f6d365,#fda085);border:none;color:#fff;padding:15px 30px;font-size:1.2em;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffa50066;margin-top:20px;text-transform:uppercase;letter-spacing:1px}.start-button:hover,.retry-button:hover,.action-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffa50099}.game-screen{display:flex;flex-direction:column;align-items:center;padding:10px;position:relative;overflow:hidden;border-radius:10px;background-color:#ffffffd9;box-shadow:inset 0 0 15px #0000001a}.game-header{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;padding:10px 15px;background-color:#ffebcdb3;border-radius:10px;box-shadow:0 2px 8px #0000001a}.header-item{display:flex;align-items:center;font-size:1.1em;font-weight:700;color:#333}.header-item .label{color:#777;margin-right:8px}.header-item .value{color:#e65100}.recipe-info{margin-bottom:25px;padding:15px;border:1px dashed #ffb74d;border-radius:10px;background-color:#fff5ee99;width:90%}.recipe-info h2{font-size:1.6em;color:#d84315;margin-top:0;margin-bottom:10px}.ingredients{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ingredient{background-color:#fff9c4;padding:8px 15px;border-radius:20px;font-weight:700;color:#f57f17;box-shadow:0 2px 5px #0000001a;font-size:.95em}.steps-container{display:flex;flex-direction:column;gap:12px;width:100%;max-height:300px;overflow-y:auto;padding-right:10px;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#ffcc80 #fce4ec}.steps-container::-webkit-scrollbar{width:8px}.steps-container::-webkit-scrollbar-track{background:#fce4ec;border-radius:4px}.steps-container::-webkit-scrollbar-thumb{background-color:#ffcc80;border-radius:4px}.step{display:flex;align-items:center;padding:12px 15px;border-radius:10px;background-color:#f1f8e9;transition:all .4s ease-in-out;border:2px solid transparent;text-align:left;box-shadow:0 2px 5px #00000014}.step.current{background-color:#fff9c4;border-color:#fbc02d;font-weight:700;transform:scale(1.03)}.step.completed{background-color:#e0e0e0;color:#888;text-decoration:line-through;border-color:#bdbdbd}.step.danger{background-color:#ffebee;border-color:#e57373;animation:pulse-red 1.5s infinite}.step.warning-flash{animation:flash-warning .5s infinite alternate}.step-icon{width:30px;height:30px;margin-right:15px;display:flex;justify-content:center;align-items:center;background-color:#fff9;border-radius:50%;flex-shrink:0}.step-icon .step-number{font-size:1.1em;font-weight:700;color:#d84315}.step-icon .checkmark-icon,.step-icon .checkmark-icon-completed{width:24px;height:24px;color:#4caf50}.step-icon .danger-icon{width:24px;height:24px;color:#f44336}.step-text{font-size:1em;flex-grow:1}.warning-message{margin-top:15px;padding:10px 20px;background-color:#ffc107cc;color:#333;border-radius:8px;font-weight:700;box-shadow:0 2px 8px #0003;animation:fadeInOut 2s ease-out}.game-screen.exploding{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulse-red{0%{box-shadow:0 0 #ff5252b3}70%{box-shadow:0 0 0 15px #ff525200}to{box-shadow:0 0 #ff525200}}@keyframes flash-warning{0%{background-color:#ffc107cc;border-color:#fbc02d}to{background-color:#ffeb96cc;border-color:#fff176}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(10px)}}@media (max-width: 768px){.app-container{padding:20px;margin:10px}.start-screen h1{font-size:2em}.game-header{flex-wrap:wrap;justify-content:center;gap:10px}.recipe-info h2{font-size:1.4em}.step-text{font-size:.9em}.action-button{padding:12px 25px;font-size:1em}.game-over-screen h1{font-size:2.3em}}@media (max-width: 480px){.app-container{padding:15px}.start-screen h1{font-size:1.8em}.game-header,.recipe-info{width:100%;padding:10px}.steps-container{max-height:250px}.step{padding:10px 12px}.step-icon{margin-right:10px}.action-button{width:90%;margin-top:15px}}