@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes starPop{0%{transform:scale(0) rotate(-45deg);opacity:0}65%{transform:scale(1.35) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 4px 12px rgba(245,158,11,.3))}50%{filter:drop-shadow(0 8px 20px 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% 20%,rgba(56,189,248,.12) 0%,transparent 60%),radial-gradient(circle at 50% 30%,#1e293b,#0f172a 65%,#020617);pointer-events:auto}.main-menu{justify-content:center;gap:16px;padding:24px 20px}.menu-hero-card{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;position:relative;background:linear-gradient(180deg,#1e293be6,#0f172af2);border:2.5px solid #38bdf8;border-radius:28px;padding:24px 30px 20px;box-shadow:inset 0 2px #fff6,inset 0 -3px #0369a1cc,0 18px 45px #000c,0 0 28px #38bdf840;max-width:380px;width:92%;box-sizing:border-box;text-align:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.menu-hero-card:before,.menu-hero-card:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7dd3fc,#0284c7);box-shadow:0 1px 3px #000c,inset 0 1px 1px #fff}.menu-hero-card:before{top:12px;left:14px}.menu-hero-card:after{top:12px;right:14px}.menu-logo-icon{font-size:4rem;margin-bottom:2px;animation:pulseGlow 3s ease-in-out infinite}.menu-title{font-family:Outfit,sans-serif;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;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)}.menu-progress-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#1e293b,#0f172a);border:1.5px solid #f59e0b;color:#fef08a;font-size:.92rem;font-weight:900;padding:6px 18px;border-radius:20px;margin-top:4px;box-shadow:inset 0 1px #fef08a66,0 4px 12px #0006}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.menu-version{color:#64748b;font-size:.85rem;font-weight:700}button{background:none;outline:none;border:none;cursor:pointer;font-family:inherit}.btn{border-radius:18px;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;box-sizing:border-box}.btn:active{transform:translateY(3px) 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)}.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)}.btn-success{background:linear-gradient(180deg,#34d399,#10b981 45%,#059669);color:#fff;border:1.5px solid #a7f3d0;padding:12px 20px;font-size:1.05rem;box-shadow:inset 0 2px #fff9,0 5px #065f46,0 10px 24px #10b98159}.btn-danger{background:linear-gradient(180deg,#f87171,#ef4444 45%,#dc2626);color:#fff;border:1.5px solid #fca5a5;padding:12px 20px;font-size:1.05rem;box-shadow:inset 0 2px #fff9,0 5px #991b1b,0 10px 24px #ef444459}.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;padding:8px 16px;font-size:1.2rem;border-radius:16px;min-width:50px;height:48px}.btn-icon-sm{background:linear-gradient(180deg,#334155,#1e293b);color:#fde047;border:1.5px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #fff3,0 3px #0f172a;padding:6px 12px;font-size:1rem;border-radius:14px;min-width:42px;height:40px}.game-screen{background:transparent;pointer-events:none}.game-hud{display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 16px;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1.5px solid rgba(255,255,255,.1);pointer-events:auto;box-sizing:border-box}.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.1rem}.hud-ink-wrap{display:flex;align-items:center;gap:8px;background:#0006;border:1.5px solid rgba(255,255,255,.15);padding:4px 14px;border-radius:20px}.ink-label{color:#38bdf8;font-weight:900;font-size:.9rem}.ink-bar-bg{width:90px;height:10px;background:#ffffff1f;border-radius:5px;overflow:hidden}.ink-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#38bdf8,#0284c7);border-radius:5px;transition:width .1s ease}.hud-actions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;pointer-events:auto;z-index:30}.level-select{justify-content:flex-start}.screen-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:64px;padding:0 18px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-sizing:border-box}.screen-header h2{color:#f59e0b;font-size:1.35rem;font-weight:900}.header-progress{background:#f59e0b33;border:1.5px solid rgba(245,158,11,.4);color:#fef08a;font-size:.9rem;font-weight:900;padding:5px 14px;border-radius:16px}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:14px;padding:20px 18px;width:100%;max-width:680px;height:calc(100% - 64px);overflow-y:auto;box-sizing:border-box}.level-cell{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;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}.level-cell:hover{filter:brightness(1.15);border-color:#f59e0b}.level-cell.completed-3stars{background:linear-gradient(180deg,#fde047,#f59e0b,#d97706);color:#451a03;border-color:#fef08a}.lvl-num{font-size:1.4rem;font-weight:900}.lvl-stars{font-size:.9rem}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:auto}.modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:2px solid #38bdf8;border-radius:26px;padding:26px;width:90%;max-width:360px;text-align:center;color:#fff;box-shadow:0 20px 50px #000c,0 0 30px #38bdf840;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.modal-win{border-color:#f59e0b}.modal-fail{border-color:#ef4444}.modal-icon{font-size:3.5rem;margin-bottom:6px}.modal h2{font-size:1.5rem;font-weight:900;margin-bottom:6px}.modal-win h2{color:#fde047}.modal-fail h2{color:#fca5a5}.modal-sub{color:#cbd5e1;font-size:.95rem;margin-bottom:16px}.modal-stars{display:flex;justify-content:center;gap:8px;font-size:2rem;margin:12px 0;animation:starPop .4s ease-out}.modal-buttons{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:14px}.help-content{padding:20px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:480px;overflow-y:auto}.help-card{background:#1e293bb3;border:1.5px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 18px;color:#e2e8f0;font-size:.95rem;font-weight:700;line-height:1.4}