@keyframes fadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes starPop{0%{transform:scale(0) rotate(-45deg);opacity:0}65%{transform:scale(1.4) rotate(12deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes floatLogo{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 8px 16px rgba(245,158,11,.3))}50%{filter:drop-shadow(0 12px 28px rgba(245,158,11,.6))}}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Nunito,system-ui,sans-serif;box-sizing:border-box;animation:fadeIn .25s cubic-bezier(.16,1,.3,1);overflow:hidden;user-select:none;-webkit-user-select:none}.main-menu,.level-select,.help-screen,.congrats-screen{background:radial-gradient(circle at 50% 25%,#1e293b,#0f172a 60%,#020617);pointer-events:auto}.main-menu{justify-content:center;gap:14px;padding:24px 20px;background:radial-gradient(circle at 50% 20%,rgba(245,158,11,.15) 0%,transparent 55%),radial-gradient(circle at 50% 30%,#1e293b,#0f172a 65%,#020617);position:relative}.main-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(245,158,11,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.04) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;opacity:.7}.menu-hero-card{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px;position:relative;background:linear-gradient(180deg,#1e293be0,#0f172af2);border:2px solid #d97706;border-radius:26px;padding:22px 28px 18px;box-shadow:inset 0 2px #fef08a66,inset 0 -3px #78350fcc,0 16px 40px #000000bf,0 0 28px #f59e0b38;max-width:360px;width:92%;box-sizing:border-box;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2}.menu-hero-card:before,.menu-hero-card:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#fde047,#b45309);box-shadow:0 1px 3px #000c,inset 0 1px 1px #fff}.menu-hero-card:before{top:10px;left:14px}.menu-hero-card:after{top:10px;right:14px}.crate-pedestal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2px}.crate-shadow{width:64px;height:14px;background:#0000008c;border-radius:50%;filter:blur(4px);animation:shadowPulse 3.5s ease-in-out infinite;margin-top:-12px}@keyframes shadowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(.72);opacity:.3}}.menu-hero-crate{width:84px;height:84px;animation:floatLogo 3.5s ease-in-out infinite,pulseGlow 3.5s ease-in-out infinite;filter:drop-shadow(0 10px 16px rgba(0,0,0,.65));z-index:2}.menu-title{font-size:clamp(2.1rem,8vw,2.7rem);font-weight:900;background:linear-gradient(180deg,#fff,#fde047 30%,#f59e0b 70%,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #78350f) drop-shadow(0 6px 12px rgba(0,0,0,.85));margin:2px 0 0;letter-spacing:-.5px;line-height:1.1}.menu-sub{color:#cbd5e1;font-size:.95rem;font-weight:700;margin:4px 0 8px;background:#0000004d;padding:3px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);text-shadow:0 1px 2px rgba(0,0,0,.8);display:inline-block}.menu-progress-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#2a1f1b,#17100e);border:1.5px solid #f59e0b;color:#fef08a;font-size:.92rem;font-weight:900;padding:6px 18px;border-radius:20px;margin-top:2px;box-shadow:inset 0 1px #fef08a66,0 4px 12px #0006,0 0 14px #f59e0b40;text-shadow:0 1px 2px rgba(0,0,0,.8)}.menu-buttons{display:flex;flex-direction:column;gap:13px;width:100%;max-width:320px;margin-top:4px}.menu-version{margin-top:10px;color:#64748b;font-size:.85rem;font-weight:700;letter-spacing:.5px}button{background:none;outline:none;border:none;cursor:pointer;font-family:inherit}button:focus-visible{outline:3px solid #fde047;outline-offset:3px;box-shadow:0 0 16px #fde04799!important}.btn{border-radius:18px;font-family:Nunito,sans-serif;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent;box-sizing:border-box;text-decoration:none;letter-spacing:.3px}.btn:active{transform:translateY(4px) scale(.97)!important}.btn-primary{background:linear-gradient(180deg,#fde047,#fbbf24 40%,#f59e0b 60%,#d97706);color:#451a03;border:1.5px solid #fef08a;padding:14px 24px;font-size:1.15rem;box-shadow:inset 0 2px #ffffffb3,0 5px #92400e,0 12px 24px #f59e0b59;text-shadow:0 1px 0 rgba(255,255,255,.5)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 2px #fffc,0 7px #92400e,0 16px 28px #f59e0b73}.btn-primary:active{box-shadow:inset 0 1px #ffffff4d,0 1px #92400e,0 4px 10px #0000004d!important}.btn-secondary{background:linear-gradient(180deg,#38bdf8,#0284c7 45%,#0369a1);color:#fff;border:1.5px solid #7dd3fc;padding:13px 22px;font-size:1.05rem;box-shadow:inset 0 2px #ffffff80,0 5px #075985,0 10px 24px #0284c759;text-shadow:0 1.5px 2px rgba(0,0,0,.6)}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:inset 0 2px #fff9,0 7px #075985,0 14px 28px #0284c773}.btn-secondary:active{box-shadow:inset 0 1px #ffffff4d,0 1px #075985,0 4px 10px #0000004d!important}.btn-icon{background:linear-gradient(180deg,#38bdf8,#0284c7 45%,#0369a1);color:#fff;border:1.5px solid #7dd3fc;box-shadow:inset 0 2px #ffffff80,0 4px #075985,0 8px 18px #0000004d;padding:8px 16px;font-size:1.25rem;border-radius:16px;min-width:52px;height:50px}.btn-icon:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn-icon:active{box-shadow:inset 0 1px #ffffff4d,0 1px #075985!important}.btn-icon-sm{background:linear-gradient(180deg,#334155,#1e293b);color:#fef08a;border:1.5px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #fff3,0 3px #0f172a,0 6px 14px #0000004d;padding:6px 12px;font-size:1.05rem;border-radius:14px;min-width:40px;height:40px}.btn-icon-sm:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-icon-sm:active{box-shadow:inset 0 1px #ffffff1a,0 1px #0f172a!important}.screen-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:64px;padding:0 16px;background:#0f172af0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0006;flex-shrink:0;box-sizing:border-box}.header-title-group{display:flex;align-items:center;gap:12px}.screen-header h2{color:#f59e0b;font-size:1.4rem;font-weight:900;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.6)}.header-progress{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b33,#d9770640);border:1.5px solid rgba(245,158,11,.4);color:#fef08a;font-size:.88rem;font-weight:900;padding:5px 14px;border-radius:16px;box-shadow:0 2px 8px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.8)}.level-select{justify-content:flex-start}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:14px;padding:20px 18px;width:100%;max-width:680px;height:calc(100% - 64px);overflow-y:auto;box-sizing:border-box;margin:0 auto}.level-grid::-webkit-scrollbar{width:6px}.level-grid::-webkit-scrollbar-track{background:#0003}.level-grid::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:3px}.level-cell{min-height:125px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;background:linear-gradient(180deg,#1e293b,#0f172a);border:1.5px solid rgba(255,255,255,.12);border-radius:20px;color:#fff;padding:10px 8px;box-shadow:inset 0 1px #ffffff26,0 4px #0f172a,0 8px 20px #0006;transition:transform .15s ease,filter .15s ease,border-color .15s ease;box-sizing:border-box;position:relative}.level-cell:hover:not(:disabled){filter:brightness(1.15);border-color:#f59e0b;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff4d,0 6px #0f172a,0 12px 24px #f59e0b59}.level-cell.completed-3stars{background:linear-gradient(180deg,#fde047,#f59e0b,#d97706);border:1.5px solid #fef08a;box-shadow:inset 0 2px #fff9,0 5px #92400e,0 10px 20px #f59e0b66;color:#451a03}.level-cell.completed-3stars .lvl-name{color:#451a03;text-shadow:0 1px 0 rgba(255,255,255,.4)}.level-cell.completed-3stars .lvl-num{color:#451a03;text-shadow:0 1px 0 rgba(255,255,255,.5)}.level-cell.completed-3stars .lvl-badge{color:#78350f}.level-cell.locked{background:#0f172a80;border-color:#ffffff0d;box-shadow:none;opacity:.5;cursor:not-allowed}.lvl-top{display:flex;align-items:center;justify-content:center;width:100%}.lvl-badge{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.lvl-num{font-size:1.5rem;font-weight:900;color:#fef08a;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.8);margin:2px 0}.level-cell.locked .lvl-num{color:#64748b;text-shadow:none}.lvl-stars{margin:2px 0;display:flex;align-items:center;gap:2px}.lvl-name{font-size:.75rem;color:#e2e8f0;font-weight:800;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.lvl-rec{font-size:.6rem;color:#fff;font-weight:900;background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(255,255,255,.3);padding:2px 8px;border-radius:10px;margin-top:2px;white-space:nowrap;box-shadow:0 2px 6px #0000004d}.level-cell.locked .lvl-name{color:#64748b}.game-screen{background:transparent;pointer-events:none}.game-hud{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;padding:0 14px;background:#0f172af0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);z-index:20;pointer-events:auto;box-sizing:border-box;box-shadow:0 4px 20px #0006}.hud-left,.hud-right{display:flex;align-items:center;gap:8px}.hud-center{display:flex;align-items:center;gap:10px}#hud-level{font-weight:900;color:#f59e0b;font-size:1.05rem}.hud-pill{background:linear-gradient(180deg,#334155,#1e293b);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;color:#fff;font-weight:900;padding:4px 12px;font-size:.9rem;display:inline-flex;align-items:center;gap:4px;box-shadow:inset 0 1px #fff3,0 3px #0f172a}#hud-progress{background:linear-gradient(180deg,#059669,#047857);border-color:#34d399;color:#fff;box-shadow:inset 0 1px #fff6,0 3px #064e3b}#hud-steps{background:linear-gradient(180deg,#fbbf24,#d97706);border-color:#fef08a;color:#451a03;box-shadow:inset 0 1px #ffffff80,0 3px #78350f;text-shadow:0 1px 0 rgba(255,255,255,.4)}.hint-banner{position:absolute;top:68px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#fcd34d,#f59e0b);border:1.5px solid #fef08a;border-radius:20px;color:#451a03;padding:6px 20px;font-size:.95rem;font-weight:900;transition:opacity .5s ease;z-index:25;white-space:nowrap;max-width:90vw;text-overflow:ellipsis;overflow:hidden;box-shadow:0 6px 20px #0006,0 3px #92400e;text-shadow:0 1px 0 rgba(255,255,255,.4);pointer-events:auto}.dpad{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;margin-bottom:12px;z-index:20;pointer-events:auto}.dpad-row{display:flex;align-items:center;gap:5px}.dpad-btn{width:56px;height:56px;background:linear-gradient(180deg,#38bdf8,#0284c7,#0369a1);border:1.5px solid #7dd3fc;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .12s,transform .08s;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 2px #ffffff80,0 5px #075985,0 10px 20px #0006;padding:0}.dpad-btn:active{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-color:#fef08a;box-shadow:inset 0 1px #ffffff4d,0 2px #92400e;transform:translateY(3px) scale(.94)}.dpad-arrow{width:28px;height:28px;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.dpad-center{width:56px;height:56px}.pause-screen,.win-screen,.congrats-screen,.help-screen{background:#0a0e1ac7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;pointer-events:auto}.modal{background:#0f172af0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.15);border-radius:28px;padding:28px 24px;min-width:300px;max-width:380px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 24px 64px #000000d9,inset 0 1px #ffffff26;animation:scaleUp .28s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.modal h2{color:#f59e0b;font-size:1.8rem;font-weight:900;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.6)}.modal-sub{color:#94a3b8;font-size:.95rem;font-weight:700;margin:-6px 0 4px}.modal-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.win-emoji{font-size:4rem;animation:starPop .55s cubic-bezier(.175,.885,.32,1.275)}.win-level{color:#e2e8f0;font-size:1.15rem;font-weight:800}.win-stars{margin:6px 0;display:flex;align-items:center;justify-content:center;gap:6px;animation:starPop .65s cubic-bezier(.175,.885,.32,1.275) .15s both;filter:drop-shadow(0 4px 18px rgba(255,209,102,.5))}.ui-stars-wrap{display:inline-flex;align-items:center;justify-content:center;gap:4px}.ui-star{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:transform .2s ease}.ui-star.filled{animation:starPop .45s ease-out}.win-steps{color:#cbd5e1;font-size:1.05rem;font-weight:700}.win-steps strong{color:#f59e0b;font-size:1.25em}.record-badge{background:linear-gradient(180deg,#059669,#047857);border:1px solid #34d399;color:#fff;font-size:.88rem;font-weight:900;padding:4px 14px;border-radius:12px;box-shadow:0 2px 8px #0000004d}.total-stars{font-size:1.5rem;color:#fef08a;font-weight:900}.help-screen{justify-content:flex-start}.help-content{display:flex;flex-direction:column;gap:12px;padding:18px;width:100%;max-width:520px;height:calc(100% - 64px);overflow-y:auto;box-sizing:border-box}.help-card{display:flex;align-items:center;gap:16px;background:#1e293bb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.1);border-left:4px solid #38bdf8;border-radius:18px;padding:14px 18px;color:#f8fafc;font-size:.95rem;line-height:1.55;box-shadow:0 6px 18px #0000004d}.help-card strong{color:#fef08a;font-weight:900}.help-icon{font-size:2rem;flex-shrink:0;background:#38bdf826;border:1px solid rgba(56,189,248,.3);border-radius:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}