:root{--primary: #4cd137;--primary-dark: #44bd32;--secondary: #00a8ff;--danger: #e84118;--bg-dark: rgba(0,0,0,.6);--glass-bg: rgba(255,255,255,.85);--text-main: #2f3640}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Comic Sans MS,Nunito,sans-serif;overflow:hidden;background:#2f3640}.app-container{width:100vw;height:100vh;position:relative;display:flex;justify-content:center;align-items:center}.bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:background .8s ease-in-out}.bg-main{background:radial-gradient(circle at 50% 0%,#87ceeb,#e0f6ff 40%,#90ee90)}.bg-success{background:radial-gradient(circle at 50% 50%,#ffeaa7,#fdcb6e)}.bg-gameover{background:linear-gradient(135deg,#2c3e50,#34495e)}.content-layer{position:relative;z-index:10;width:100%;max-width:900px;height:100%;max-height:650px;display:flex;flex-direction:column;padding:20px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:40px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.5);text-align:center}.full-screen-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #00000080}.center-content{margin:auto;width:80%;max-width:500px}.game-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffffe6;border-bottom:2px solid #eee}.header-stats{display:flex;gap:15px;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:5px;font-size:1.1rem;font-weight:700;color:var(--text-main);background:#f1f2f6;padding:5px 12px;border-radius:20px;box-shadow:inset 0 2px 4px #0000001a}.header-controls{display:flex;align-items:center;gap:15px}.cloud-indicator{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#7f8fa6;background:#f5f6fa;padding:4px 8px;border-radius:12px}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:15px 30px;font-size:1.3rem;border-radius:30px;box-shadow:0 6px #389c24,0 10px 20px #0003}.btn-primary:active{transform:translateY(6px);box-shadow:0 0 #389c24,0 4px 10px #0003}.btn-secondary{background:linear-gradient(135deg,#fbc531,#e1b12c);color:#2f3640;padding:10px 20px;font-size:1.1rem;border-radius:20px;box-shadow:0 4px #c29922}.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 #c29922}.btn-secondary:disabled{filter:grayscale(1);cursor:not-allowed;transform:none;box-shadow:0 4px #999}.icon-btn{background:none;padding:8px;border-radius:50%;background:#f1f2f6}.icon-btn:hover{background:#dfe4ea}.strike-through{position:absolute;top:50%;left:-10%;width:120%;height:2px;background:red;transform:rotate(45deg)}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.panel-title{text-align:center;margin:15px 0;color:var(--text-main);font-size:1.8rem;text-shadow:1px 1px 0 #fff}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;padding:15px 25px;overflow-y:auto}.level-card{background:#fff;border-radius:16px;padding:15px;text-align:center;position:relative;cursor:pointer;box-shadow:0 6px 12px #0000001a;border:2px solid transparent;transition:border-color .3s}.level-card.unlocked{border-color:var(--primary)}.level-card.unlocked:hover{box-shadow:0 10px 20px #4cd1374d;transform:translateY(-3px)}.level-card.locked{background:#dcdde1;cursor:not-allowed;filter:grayscale(.8)}.level-num{font-size:2.5rem;font-weight:900;color:var(--secondary);margin-bottom:5px}.level-name{font-size:1rem;color:var(--text-main);margin-bottom:8px;font-weight:700;height:2.4em;display:flex;align-items:center;justify-content:center}.level-stars{display:flex;justify-content:center;gap:3px}.lock-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:14px;display:flex;justify-content:center;align-items:center}.game-area{flex:1;position:relative;background:#fff9;margin:15px;border-radius:16px;overflow:hidden;border:2px dashed #bdc3c7}.level-container{width:100%;height:100%;display:flex;flex-direction:column}.level-title{text-align:center;padding:10px;background:#ffffffe6;color:var(--text-main);font-size:1.1rem;z-index:2;box-shadow:0 2px 5px #0000000d}.play-area{flex:1;position:relative;overflow:hidden}.element-wrapper{position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.draggable{cursor:grab;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));z-index:10}.draggable:active{cursor:grabbing;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}.clickable{cursor:pointer;transition:transform .2s}.clickable:hover{transform:translate(-50%,-50%) scale(1.1)}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-15px)}to{transform:translate(-50%,-50%) translateY(0)}}.river-container{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.success-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;color:var(--primary);text-shadow:2px 2px 0 #fff;animation:bounceIn .5s;z-index:20}@keyframes bounceIn{0%{transform:translate(-50%,-50%) scale(0)}80%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.game-footer{padding:10px 20px;display:flex;justify-content:center;background:#fffc}.game-title{font-size:2.8rem;color:var(--primary-dark);text-shadow:2px 2px 0 #fff,4px 4px 0 rgba(0,0,0,.1);margin-bottom:10px}.subtitle{font-size:1.1rem;color:#576574;margin-bottom:20px}.high-score-display{font-size:1.3rem;color:#e1b12c;font-weight:700;margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:10px}.success-title{font-size:2.8rem;color:var(--primary);margin-bottom:10px}.stars-display{display:flex;justify-content:center;gap:15px;margin:20px 0}.action-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.gameover-title{font-size:3rem;color:var(--danger);margin-bottom:10px;text-shadow:2px 2px 0 #fff}.final-score{font-size:1.8rem;margin:20px 0;font-weight:700}.new-record{color:var(--primary);font-size:1.5rem;font-weight:700;animation:pulse 1s infinite}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#2f3640e6;color:#fff;padding:12px 24px;border-radius:30px;z-index:1000;font-weight:700;box-shadow:0 4px 12px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{top:-50px;opacity:0}to{top:20px;opacity:1}}.mt-4{margin-top:20px}