:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0e1a;color:#e0f0ff;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a0e1a,#0d1b3e 40%,#12264a);position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 30% 60%,rgba(200,230,255,.2),transparent),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.25),transparent),radial-gradient(2px 2px at 70% 40%,rgba(180,220,255,.2),transparent),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 20% 90%,rgba(200,240,255,.15),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 80% 15%,rgba(190,230,255,.25),transparent);animation:snowfall 20s linear infinite;pointer-events:none;z-index:0}@keyframes snowfall{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0a1432cc;border-bottom:1px solid rgba(100,180,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;position:relative}.header-left{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:1.8rem;filter:drop-shadow(0 0 8px rgba(100,200,255,.5))}.game-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#60d0ff,#a0e8ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.header-stats{display:flex;gap:1.5rem;align-items:center}.stat-item{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:#a0d4ff}.stat-icon{font-size:1.1rem}.stat-value{color:#fff;min-width:2ch}.game-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem;position:relative;z-index:5}.level-banner{text-align:center;margin-bottom:1.5rem}.level-name{font-size:1.6rem;font-weight:700;color:#80d0ff;margin:0;text-shadow:0 0 20px rgba(100,200,255,.3)}.level-desc{font-size:.85rem;color:#a0d2ff99;margin:.25rem 0 0}.conveyor-section{width:100%;max-width:900px;margin-bottom:1.5rem}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#a0d2ff80;margin-bottom:.5rem;text-align:center}.conveyor-belt{display:flex;gap:1rem;justify-content:center;align-items:center;padding:1rem 2rem;background:linear-gradient(180deg,#14285099,#0f1e3ccc);border:1px solid rgba(100,180,255,.1);border-radius:1rem;min-height:120px;position:relative;overflow:hidden}.conveyor-belt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(100,180,255,.03) 40px,rgba(100,180,255,.03) 80px);animation:conveyorMove 3s linear infinite}@keyframes conveyorMove{0%{transform:translate(0)}to{transform:translate(80px)}}.item-card{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#1e3c78cc,#14285ae6);border:1px solid rgba(100,180,255,.2);border-radius:.75rem;cursor:grab;transition:all .2s ease;position:relative;min-width:80px;-webkit-user-select:none;user-select:none;z-index:2}.item-card:hover{transform:translateY(-4px);border-color:#64c8ff80;box-shadow:0 8px 24px #0064c84d}.item-card.dragging{opacity:.5;transform:scale(.95)}.item-card.melting{border-color:#ff646480;animation:meltPulse .5s ease-in-out infinite}@keyframes meltPulse{0%,to{box-shadow:0 0 10px #ff50504d}50%{box-shadow:0 0 20px #ff505099}}.item-card.frozen{border-color:#64ffc866;box-shadow:0 0 15px #64c8ff33}.item-emoji{font-size:2rem;margin-bottom:.25rem}.item-name{font-size:.65rem;color:#c8e6ffb3;text-transform:uppercase;letter-spacing:.05em}.item-points{font-size:.6rem;color:#ffd700cc;font-weight:600}.temp-bar-container{width:100%;height:4px;background:#0006;border-radius:2px;margin-top:.4rem;overflow:hidden}.temp-bar{height:100%;border-radius:2px;transition:width .3s linear,background .3s ease}.temp-bar.cold{background:linear-gradient(90deg,#40c0ff,#80e0ff)}.temp-bar.warm{background:linear-gradient(90deg,#fa0,#ffcc40)}.temp-bar.hot{background:linear-gradient(90deg,#ff4040,#ff8080)}.freezer-section{width:100%;max-width:900px;margin-bottom:1.5rem}.freezer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.freezer-slot{display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#0f2346cc,#0a1937e6);border:2px dashed rgba(100,180,255,.15);border-radius:1rem;min-height:140px;transition:all .3s ease;position:relative;overflow:hidden}.freezer-slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(100,200,255,.05),transparent 70%);opacity:0;transition:opacity .3s ease}.freezer-slot:hover:before,.freezer-slot.drag-over:before{opacity:1}.freezer-slot.drag-over{border-color:#64ffc880;border-style:solid;background:linear-gradient(135deg,#143c64e6,#0f2d50f2);box-shadow:0 0 30px #64c8ff33}.freezer-slot.occupied{border-style:solid;border-color:#64c8ff33;background:linear-gradient(135deg,#14325acc,#0f2346e6)}.freezer-slot.locked{opacity:.4;cursor:not-allowed;border-color:#64646433}.freezer-slot.locked:after{content:"🔒";font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.freezer-icon{font-size:1.8rem;margin-bottom:.25rem;filter:drop-shadow(0 0 6px rgba(100,200,255,.4))}.freezer-name{font-size:.7rem;color:#a0d2ff99;text-transform:uppercase;letter-spacing:.1em}.freezer-power{font-size:.6rem;color:#64ffc8b3;margin-top:.25rem}.freezer-slot .stored-item{position:absolute;bottom:.5rem;font-size:1.4rem;filter:drop-shadow(0 0 4px rgba(100,200,255,.5))}.upgrades-section{width:100%;max-width:900px;margin-bottom:1.5rem}.upgrades-grid{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.upgrade-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,#1e3c64b3,#142d50cc);border:1px solid rgba(100,180,255,.2);border-radius:.6rem;color:#a0d4ff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover:not(:disabled){border-color:#64ffc866;background:linear-gradient(135deg,#285082cc,#1e3c64e6);transform:translateY(-2px);box-shadow:0 4px 16px #0064c833}.upgrade-btn:disabled{opacity:.4;cursor:not-allowed}.upgrade-btn .cost{color:#ffd700cc;font-size:.7rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a1ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{text-align:center;padding:3rem;background:linear-gradient(135deg,#143264e6,#0f2346f2);border:1px solid rgba(100,180,255,.2);border-radius:1.5rem;box-shadow:0 20px 60px #0032964d;max-width:420px;width:90%}.overlay-card h2{font-size:2rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#60d0ff,#a0e8ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay-card p{color:#c8e6ffb3;margin:0 0 1.5rem;font-size:.95rem}.overlay-card .score-display{font-size:3rem;font-weight:800;color:gold;text-shadow:0 0 20px rgba(255,215,0,.4);margin-bottom:.5rem}.overlay-card .score-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#ffd70099;margin-bottom:1.5rem}.start-btn{padding:.8rem 2.5rem;background:linear-gradient(135deg,#2080ff,#40a0ff);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2080ff66}.game-over-emoji{font-size:4rem;margin-bottom:.5rem;animation:wobble 1s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.progress-bar-container{width:100%;max-width:300px;margin:0 auto 1.5rem}.progress-label{display:flex;justify-content:space-between;font-size:.7rem;color:#a0d2ff80;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.1em}.progress-bar{width:100%;height:6px;background:#0006;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2080ff,#60d0ff);border-radius:3px;transition:width .5s ease}.combo-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;color:gold;text-shadow:0 0 30px rgba(255,215,0,.5);pointer-events:none;z-index:50;animation:comboPopup .8s ease-out forwards}@keyframes comboPopup{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@media(max-width:640px){.header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.game-title{font-size:1.1rem}.header-stats{gap:.75rem}.stat-item{font-size:.8rem}.conveyor-belt{padding:.75rem 1rem;gap:.5rem}.item-card{min-width:65px;padding:.5rem .6rem}.item-emoji{font-size:1.5rem}.freezer-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem}.freezer-slot{min-height:110px;padding:.75rem}.level-name{font-size:1.2rem}.overlay-card{padding:2rem 1.5rem}}