: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:hidden}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(180deg,#0a0e1a,#0d1b3e,#132a5e)}.header{text-align:center;margin-bottom:.75rem}.header h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#a0e7ff,#fff,#70c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.75rem;font-size:.9rem}.stat{display:flex;align-items:center;gap:.4rem}.stat-label{color:#a0dcff99;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em}.stat-value{font-weight:700;font-variant-numeric:tabular-nums;color:#a0e7ff}.game-area{position:relative;border:2px solid rgba(100,180,255,.15);border-radius:12px;background:#00143c99;box-shadow:0 0 40px #3c8cff14,inset 0 0 60px #001e5066;overflow:hidden}.cell{position:absolute;border-radius:6px;transition:transform .1s ease;cursor:pointer}.cell:hover{transform:scale(1.08)}.cell:active{transform:scale(.95)}.ice-block{background:linear-gradient(135deg,#89d4ff,#4fa8e0 40%,#2a7cc4);border:2px solid rgba(200,230,255,.5);box-shadow:inset 0 2px 8px #ffffff4d,0 2px 8px #2878dc66,0 0 12px #50b4ff26}.ice-block:before{content:"";position:absolute;top:3px;left:3px;right:60%;bottom:60%;background:#fff6;border-radius:3px}.shimmer{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.15) 45%,transparent 60%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.melt-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#a0e7ff,#4fa8e0);pointer-events:none;animation:melt-away .5s ease-out forwards}@keyframes melt-away{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0) translateY(20px)}}.drip{position:absolute;width:4px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#89d4ff,transparent);pointer-events:none;animation:drip-fall .8s ease-in forwards}@keyframes drip-fall{0%{opacity:.8;height:0}50%{opacity:.6;height:20px}to{opacity:0;height:30px;transform:translateY(40px)}}.combo-text{position:absolute;font-weight:800;font-size:1.2rem;pointer-events:none;animation:combo-pop .8s ease-out forwards;text-shadow:0 0 10px rgba(80,180,255,.8)}@keyframes combo-pop{0%{opacity:1;transform:scale(.5) translateY(0)}50%{opacity:1;transform:scale(1.2) translateY(-15px)}to{opacity:0;transform:scale(1) translateY(-30px)}}.danger-zone{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(255,50,50,.3),transparent);pointer-events:none;opacity:0;transition:opacity .3s}.danger-zone.active{opacity:1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000a1ed9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;z-index:10}.overlay h2{margin:0 0 .5rem;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ffa07a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay p{color:#c8dcffb3;margin:0 0 1.5rem;font-size:1rem}.overlay .final-score{font-size:2.5rem;font-weight:800;color:#a0e7ff;margin-bottom:1.5rem}.start-overlay h2{background:linear-gradient(135deg,#a0e7ff,#70c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.2rem}.start-overlay p{max-width:280px;text-align:center;line-height:1.6}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;color:#0a0e1a;background:linear-gradient(135deg,#a0e7ff,#50b0ff);box-shadow:0 4px 15px #50b0ff4d;transition:transform .15s,box-shadow .15s;letter-spacing:.02em}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #50b0ff80}.btn:active{transform:translateY(0)}.level-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#50b0ff33;border:1px solid rgba(80,176,255,.3);color:#70c8ff;margin-bottom:.5rem}.snowflake{position:fixed;color:#c8e6ff4d;pointer-events:none;animation:snowfall linear infinite;z-index:0}@keyframes snowfall{0%{transform:translateY(-10vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}