:root{--bg-top:#eaf0ff;--bg-bottom:#f9fbff;--navy:#17224a;--muted:#7c86a2;--accent:#2f6bff;--accent2:#6e5bff;--chip-bg:#eff1f7;--danger:#e23b4e;--gold:#ffc53d;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-family);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);color:var(--navy);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.page-container{flex-direction:column;width:100%;height:100%;padding:clamp(8px,1.8vh,16px) clamp(10px,2.5vw,20px);display:flex;position:relative;overflow:hidden}.home-page{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:clamp(8px,2vh,20px) clamp(12px,3vw,24px);display:flex;position:relative;overflow:hidden}.ambient-glow{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glow-1{background:#2f6bff2e;width:320px;height:320px;top:-60px;left:-60px}.glow-2{background:#6e5bff29;width:360px;height:360px;bottom:-80px;right:-80px}.home-top-bar{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.icon-only-btn{box-shadow:0 6px 18px #17224a14}.home-content-body{z-index:2;flex-direction:column;flex:auto;justify-content:space-evenly;align-items:center;gap:clamp(10px,2vh,24px);width:100%;min-height:0;margin:auto 0;display:flex}.home-hero-container{text-align:center;z-index:2;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.hero-logo-wrapper{justify-content:center;align-items:center;margin-bottom:clamp(8px,1.8vh,18px);display:flex;position:relative}.logo-box-3d{z-index:2;background:linear-gradient(135deg,#3a78ff 0%,#6e5bff 100%);border-radius:clamp(16px,2.5vh,26px);justify-content:center;align-items:center;width:clamp(56px,9vh,90px);height:clamp(56px,9vh,90px);animation:3.5s ease-in-out infinite floatLogo;display:flex;position:relative;box-shadow:0 12px 28px #2f6bff61,inset 0 2px 4px #fff6}.logo-box-3d svg{width:clamp(28px,4.5vh,48px);height:clamp(28px,4.5vh,48px)}@keyframes floatLogo{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(2deg)}}.logo-pulse-ring{z-index:1;background:#2f6bff26;border-radius:clamp(22px,3.5vh,36px);width:clamp(74px,12vh,120px);height:clamp(74px,12vh,120px);animation:2.8s ease-out infinite ringPulse;position:absolute}@keyframes ringPulse{0%{opacity:.8;transform:scale(.85)}50%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(.85)}}.home-title-hero{letter-spacing:-.5px;color:var(--navy);margin-bottom:clamp(2px,.6vh,6px);font-size:clamp(1.4rem,4vh,2.2rem);font-weight:900;line-height:1.1}.home-title-hero .highlight{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:6px}.home-tagline{color:var(--muted);margin-bottom:clamp(8px,1.8vh,18px);font-size:clamp(.74rem,1.8vh,.92rem);font-weight:600}.stats-chips-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffffe6;border-radius:18px;align-items:center;gap:clamp(8px,2vw,16px);padding:clamp(5px,1vh,8px) clamp(10px,2vw,18px);display:flex;box-shadow:0 8px 20px #17224a0d}.stat-chip{flex-direction:column;align-items:center;display:flex}.stat-num{color:var(--navy);font-size:clamp(.88rem,2.2vh,1.12rem);font-weight:800}.stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:clamp(.6rem,1.3vh,.7rem);font-weight:600}.stat-divider{background:#7c86a233;width:1px;height:clamp(16px,2.5vh,22px)}.home-menu-buttons{z-index:2;flex-direction:column;flex-shrink:0;gap:clamp(8px,1.5vh,14px);width:100%;max-width:min(360px,90vw);display:flex}.primary-hero-btn{cursor:pointer;background:linear-gradient(135deg,#2f6bff 0%,#584bf6 100%);border:none;border-radius:clamp(16px,2.5vh,20px);align-items:center;width:100%;height:clamp(48px,8vh,64px);padding:0 clamp(12px,2vw,18px);transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 24px #2f6bff59,inset 0 1px 2px #ffffff4d}.primary-hero-btn:active{transform:scale(.97);box-shadow:0 5px 12px #2f6bff4d}.btn-icon-circle{color:#fff;background:#fff3;border-radius:clamp(10px,1.6vh,14px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,5vh,42px);height:clamp(32px,5vh,42px);margin-right:clamp(10px,2vw,14px);display:flex}.btn-text-block{text-align:left;flex-direction:column;display:flex}.btn-primary-title{color:#fff;letter-spacing:.3px;font-size:clamp(.85rem,2.2vh,1.05rem);font-weight:800}.btn-primary-sub{color:#ffffffd1;font-size:clamp(.66rem,1.6vh,.76rem);font-weight:600}.secondary-hero-btn{cursor:pointer;width:100%;height:clamp(40px,6.5vh,50px);color:var(--navy);background:#fff;border:1px solid #17224a14;border-radius:clamp(14px,2.2vh,18px);justify-content:center;align-items:center;gap:8px;font-size:clamp(.82rem,1.8vh,.94rem);font-weight:700;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 14px #17224a0d}.secondary-hero-btn:active{background:#f4f6fc;transform:scale(.97)}@media (aspect-ratio>=1.15) and (width>=520px){.home-content-body{flex-direction:row;justify-content:center;align-items:center;gap:clamp(24px,5vw,64px);max-width:880px;margin:auto 0}.home-hero-container{align-items:center;margin:0}.home-menu-buttons{width:clamp(260px,35vw,340px);max-width:45vw;margin:0}}.star-badge-pill{color:var(--navy);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:clamp(5px,1vh,8px) clamp(10px,2vw,14px);font-size:clamp(.8rem,1.8vh,.9rem);font-weight:800;display:flex;box-shadow:0 4px 14px #17224a0f}.star-icon{color:#ffb800;font-size:1.1rem}.round-btn{cursor:pointer;width:clamp(36px,5.5vh,44px);height:clamp(36px,5.5vh,44px);color:var(--navy);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 12px #17224a14}.round-btn:active{background:#f1f4fa;transform:scale(.92)}.top-bar{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(4px,1vh,8px);display:flex}.screen-heading{color:var(--navy);font-size:clamp(1rem,2.8vh,1.25rem);font-weight:800}.info-pill{color:var(--navy);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:clamp(4px,.8vh,6px) clamp(8px,1.5vw,12px);font-size:clamp(.78rem,1.8vh,.88rem);font-weight:700;display:flex;box-shadow:0 4px 12px #17224a0d}.gold-pill{color:#d98200;background:#fff8e7}.level-badge-pill{color:var(--navy);background:#fff;border-radius:20px;padding:clamp(5px,1vh,8px) clamp(12px,2.5vw,18px);font-size:clamp(.88rem,2.2vh,1.05rem);font-weight:800;box-shadow:0 4px 14px #17224a0f}.level-select-page{padding:clamp(10px,2vh,16px) clamp(12px,3vw,20px)}.level-select-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(clamp(72px,11vw,92px),1fr));gap:clamp(8px,1.5vh,14px);min-height:0;padding:10px 4px 30px;display:grid;overflow-y:auto}.level-card{cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(10px,1.5vh,14px) 6px;transition:transform .15s;display:flex;box-shadow:0 6px 18px #17224a0f}.level-card:active{transform:scale(.95)}.level-card.locked{opacity:.5;cursor:not-allowed}.level-card-circle{width:clamp(34px,5vh,42px);height:clamp(34px,5vh,42px);color:var(--navy);background:#f1f4fa;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:clamp(.9rem,2vh,1.05rem);font-weight:800;display:flex}.level-card.unlocked .level-card-circle{color:var(--accent);background:linear-gradient(135deg,#eaf0ff 0%,#d8e4ff 100%)}.level-card-name{color:var(--muted);margin-bottom:2px;font-size:.74rem;font-weight:700}.star-row{color:#dde2ee;gap:2px;font-size:.8rem;display:flex}.star-row .gold{color:#ffb800}.game-container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:clamp(6px,1.2vh,12px) clamp(10px,2vw,16px);display:flex;overflow:hidden}.status-bar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(4px,.8vh,8px);display:flex}.lives-container{gap:4px;display:flex}.heart-icon{color:#e23b4e;font-size:clamp(1.1rem,2.6vh,1.4rem);transition:transform .2s,opacity .2s}.heart-icon.lost{opacity:.25;color:#8c96ad;transform:scale(.85)}.canvas-wrapper{touch-action:none;flex:1 1 0;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}canvas{touch-action:none;max-width:100%;max-height:100%}.bottom-bar{flex-shrink:0;justify-content:center;align-items:center;gap:clamp(16px,4vw,28px);width:100%;padding:clamp(6px,1vh,10px) 0 clamp(2px,.5vh,6px);display:flex}.powerup-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex}.powerup-circle{width:clamp(40px,6vh,50px);height:clamp(40px,6vh,50px);color:var(--navy);background:#fff;border-radius:clamp(14px,2vh,18px);justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;box-shadow:0 6px 18px #17224a14}.powerup-circle svg{width:clamp(20px,3vh,24px);height:clamp(20px,3vh,24px)}.powerup-btn:active .powerup-circle{transform:scale(.92)}.powerup-label{color:var(--muted);font-size:clamp(.72rem,1.6vh,.8rem);font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#0e132299;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:360px;max-height:90vh;padding:clamp(20px,3vh,30px) clamp(18px,3vw,24px);transition:transform .25s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;transform:scale(.9);box-shadow:0 20px 40px #17224a33}.modal-overlay.active .modal-card{transform:scale(1)}.modal-title{color:var(--navy);margin-bottom:4px;font-size:clamp(1.3rem,3vh,1.6rem);font-weight:800}.modal-sub{color:var(--muted);margin-bottom:16px;font-size:clamp(.82rem,1.8vh,.9rem)}.modal-button-group{flex-direction:column;gap:10px;width:100%;display:flex}.primary-modal-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;padding:clamp(11px,2vh,14px) 0;font-size:clamp(.9rem,2vh,1rem);font-weight:800;transition:transform .15s;display:flex;box-shadow:0 8px 18px #2f6bff59}.primary-modal-btn:active{transform:scale(.96)}.rewarded-ad-btn{background:linear-gradient(135deg,#f90,#f50);box-shadow:0 8px 18px #ff6b0059}.ad-badge{letter-spacing:.5px;text-transform:uppercase;background:#00000040;border-radius:6px;padding:2px 6px;font-size:.72rem;font-weight:800}.secondary-modal-btn{width:100%;color:var(--navy);cursor:pointer;background:#f1f4fa;border:1px solid #17224a1f;border-radius:16px;padding:clamp(9px,1.8vh,12px) 0;font-size:clamp(.85rem,1.8vh,.95rem);font-weight:700;transition:transform .15s,background .15s}.secondary-modal-btn:active{transform:scale(.96)}.editor-page{padding:16px}.editor-controls{gap:12px;margin-top:12px;display:flex}.gradient-btn-sm{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:16px;padding:8px 16px;font-size:.9rem;font-weight:700}.soft-btn{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #17224a1a;border-radius:18px;flex:1;padding:12px 0;font-weight:700}.gradient-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:18px;flex:1;padding:12px 0;font-weight:800}