:root{--primary: #f97316;--primary-hover: #ea580c;--bg-color: #fff7ed;--panel-bg: rgba(255, 255, 255, .85);--text-main: #1f2937}body{margin:0;font-family:Nunito,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-main);overflow:hidden}.game-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;background-size:cover;background-position:center;background-image:radial-gradient(#fde68a 10%,transparent 10%),radial-gradient(#fde68a 10%,transparent 10%);background-color:#fef3c7;background-position:0 0,20px 20px;background-size:40px 40px}.game-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff3,#fffc);pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:2rem;z-index:10;overflow-y:auto}.cloud-status-bar{position:absolute;top:10px;right:20px;display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280;background:#ffffffe6;padding:4px 12px;border-radius:20px;z-index:50;box-shadow:0 2px 4px #0000000d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 8px 32px #0000001a}.start-screen{align-items:center;justify-content:center;max-width:600px;margin:auto;height:fit-content;max-height:90vh}.title-area{text-align:center;margin-bottom:2rem}.game-title{font-size:3rem;font-weight:900;color:var(--primary);margin:0;text-shadow:2px 2px 0px #fff,4px 4px 0px rgba(0,0,0,.1)}.subtitle{font-size:1.2rem;color:#6b7280;margin-top:.5rem}.high-score-display{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;background:#fef3c7;padding:10px 24px;border-radius:50px;margin-bottom:2rem;color:#b45309;border:2px dashed #f59e0b}.level-select{width:100%;text-align:center}.level-select h3{margin-bottom:1rem;color:#4b5563}.level-cards{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.level-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .2s;min-width:140px;box-shadow:0 4px 6px #0000000d}.level-card:hover{border-color:var(--primary);box-shadow:0 10px 15px #f9731633}.level-num{font-size:.9rem;color:#9ca3af;font-weight:700}.level-name{font-size:1.2rem;font-weight:700;color:#1f2937;margin:.5rem 0}.level-diff{font-size:.8rem;background:#fee2e2;color:#ef4444;padding:2px 8px;border-radius:12px;display:inline-block}.playing-screen{padding:1rem;max-width:800px;margin:0 auto}.hud{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;margin-bottom:1rem}.hud-item{display:flex;align-items:center;gap:8px}.progress-bar-container{height:12px;background:#e5e7eb;border-radius:6px;margin-bottom:1rem;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);transition:width .3s ease}.recipe-panel{padding:1.5rem;margin-bottom:2rem}.badge{padding:6px 16px;border-radius:20px;font-weight:700;font-size:1rem;transition:all .3s}.badge-pending{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.badge-done{background:#d1fae5;color:#059669;border:1px solid #34d399;box-shadow:0 0 10px #34d3994d}.interaction-area{flex:1;display:flex;flex-direction:column;justify-content:center}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;padding:1rem}.ingredient-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 10px 25px #0000001a}.actions-area{text-align:center}.actions-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.action-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.5rem;font-weight:700;border-radius:16px;cursor:pointer;box-shadow:0 8px #c2410c,0 15px 20px #ea580c66;transition:transform .1s}.action-btn:active{transform:translateY(8px);box-shadow:0 0 #c2410c,0 5px 10px #ea580c66}.gameover-screen{align-items:center;justify-content:center;text-align:center;max-width:500px;margin:auto;height:fit-content}.primary-btn{background:var(--text-main);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0003}