@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");*{box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#e0f7fa;background-image:linear-gradient(135deg,#81d4fa,#b3e5fc);margin:0;padding:0;min-height:100vh;overflow-x:hidden}.main-container{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}.game-header{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 20px;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}h1{color:#006064;text-shadow:2px 2px 4px #0003;font-size:clamp(1.5rem,4vw,2.5rem);margin:0;background-color:#ffffffb3;padding:10px 20px;border-radius:50px;animation:bounceIn 1s}.level-indicator{background-color:#ff9800;color:#fff;padding:8px 15px;border-radius:50px;font-weight:700;box-shadow:0 5px 10px #0000001a;font-size:clamp(.9rem,2.5vw,1.2rem)}.game-content{flex:1 1;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;width:100%;padding:20px;gap:20px}.game-instructions{background-color:#fff;border-radius:20px;padding:20px;text-align:center;box-shadow:0 8px 20px #0000001a;font-size:clamp(1rem,2.5vw,1.2rem);border:3px solid #4db6ac;position:relative;overflow:hidden}.game-instructions:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4db6ac33,#81d4fa33);z-index:-1}.game-grid{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:20px;gap:20px;align-items:start;min-height:500px}.left-panel{display:flex;flex-direction:column;gap:15px;position:sticky;top:120px;height:-moz-fit-content;height:fit-content}.score-display{background:linear-gradient(90deg,#4caf50,#8bc34a);color:#fff;padding:15px 20px;border-radius:15px;font-size:clamp(1.2rem,3vw,1.5rem);text-shadow:1px 1px 2px #0000004d}.feedback,.score-display{text-align:center;font-weight:700;box-shadow:0 8px 15px #0000001a}.feedback{background-color:#c8e6c9;border:3px solid #4caf50;color:#2e7d32;border-radius:15px;padding:15px;font-size:clamp(.9rem,2.5vw,1.1rem);min-height:100px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:all .5s ease}.feedback.visible{opacity:1;transform:translateY(0);animation:bounceIn .6s}.feedback.negative{background-color:#ffcdd2;border-color:#f44336;color:#c62828}.market-container{background-color:#795548;border-radius:20px;padding:20px;box-shadow:0 10px 25px #00000026;position:relative;overflow:hidden}.market-header{background-color:#4caf50;border-radius:15px 15px 0 0;padding:15px;text-align:center;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;color:#fff;text-shadow:1px 1px 2px #0000004d;margin:-20px -20px 20px}.market-shelf{display:grid;grid-template-columns:repeat(auto-fill,100px);grid-gap:15px;gap:15px;padding:20px;min-height:300px;justify-content:center}.food-item{background-color:#ffffffe6;border-radius:15px;padding:15px;text-align:center;box-shadow:0 5px 15px #0000001a;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:120px;width:100px;height:120px;flex-shrink:0}.food-item:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 15px 25px #0003}.food-item:active{transform:scale(.95)}.food-item img{width:80%;height:60px;object-fit:contain;transition:transform .3s;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2))}.food-item:hover img{transform:rotate(-5deg)}.food-name-container{width:100%;height:20px;overflow:hidden;margin-top:8px}.food-name-scroll{display:flex;animation:scroll-text 5s linear infinite;white-space:nowrap}.food-name-text{font-size:clamp(.8rem,2vw,.9rem);font-weight:700;color:#333;margin-right:30px;flex-shrink:0}@keyframes scroll-text{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.food-name-scroll.no-scroll{animation:none;justify-content:center}.food-name-scroll.no-scroll .food-name-text{text-align:center;width:100%;margin-right:0}.right-panel{position:sticky;top:120px;height:-moz-fit-content;height:fit-content}.controls-panel{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:15px;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:50px;box-shadow:0 10px 25px #0003}.cart-area{background:linear-gradient(180deg,#f5f5f5,#e0e0e0);border:3px solid #546e7a;border-radius:15px;padding:15px;box-shadow:0 8px 15px #0000001a;position:relative}.cart-handle{position:absolute;top:-10px;width:80px;height:20px;background-color:#546e7a;border-radius:10px 10px 0 0;left:calc(50% - 40px)}.cart-title{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;text-align:center;color:#37474f;margin-bottom:15px}.cart-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));grid-gap:10px;gap:10px;min-height:150px;padding:15px;background-color:#fff;border-radius:10px;overflow-y:auto;box-shadow:inset 0 0 10px #0000001a}.cart-items .food-item{min-height:90px;padding:10px}.cart-items .food-item img{height:40px}.game-controls{display:flex;flex-direction:column;gap:10px}.level-button,.reset-button{background:linear-gradient(180deg,#2196f3,#0d47a1);color:#fff;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);font-weight:700;transition:all .3s;box-shadow:0 5px 10px #0000001a;text-transform:uppercase;min-width:150px}.level-button:hover,.reset-button:hover{background:linear-gradient(180deg,#1976d2,#0a3880);transform:translateY(-2px);box-shadow:0 8px 15px #0003}.level-button{background:linear-gradient(180deg,#ff9800,#e65100)}.level-button:hover{background:linear-gradient(180deg,#f57c00,#bf360c)}.level-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.score-change{animation:pulse .5s}@media (max-width:1024px){.game-grid{grid-template-columns:1fr 2fr}.right-panel{grid-column:1/-1;position:static}.controls-panel{bottom:15px;padding:12px 20px}.level-button,.reset-button{min-width:120px;padding:10px 15px}}@media (max-width:768px){.game-content{padding:15px}.game-grid{grid-template-columns:1fr;gap:15px}.left-panel,.right-panel{position:static}.header-content{flex-direction:column;text-align:center}.market-shelf{grid-template-columns:repeat(auto-fill,80px);gap:10px;padding:15px;justify-content:center}.food-item{min-height:100px;padding:10px;width:80px;height:100px}.food-item img{height:50px}.cart-items{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.controls-panel{bottom:10px;padding:10px 15px;flex-direction:column;gap:8px}.level-button,.reset-button{min-width:100px;padding:8px 12px;font-size:.8rem}}@media (max-width:480px){.game-content{padding:10px}.market-shelf{grid-template-columns:repeat(auto-fill,70px);gap:8px;padding:10px;justify-content:center}.food-item{min-height:90px;padding:8px;width:70px;height:90px}.food-item img{height:40px}.cart-items{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}}.wave-container{position:fixed;width:100%;overflow:hidden;z-index:-1}.wave,.wave-container{bottom:0;left:0;height:100px}.wave{position:absolute;width:200%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%2381d4fa" fill-opacity="0.4" d="M0,192L60,197.3C120,203,240,213,360,202.7C480,192,600,160,720,165.3C840,171,960,213,1080,218.7C1200,224,1320,192,1380,176L1440,160L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>') repeat-x;background-size:1440px 100px;animation:wave-animation 15s linear infinite}.wave:nth-child(2){bottom:10px;animation:wave-animation 10s linear infinite reverse;opacity:.7}.wave:nth-child(3){bottom:20px;animation:wave-animation 20s linear infinite;opacity:.5}@keyframes wave-animation{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.confetti{position:fixed;width:15px;height:15px;background-color:#f0f;z-index:1000;opacity:.8;pointer-events:none}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}