:root{color:#edf8f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at top,#256254a6,#0000 42%),linear-gradient(#081217 0%,#071015 48%,#020608 100%);font-family:Trebuchet MS,Gill Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}canvas{touch-action:none}.ball-frogs-app{background:radial-gradient(circle at top,#54b9a42e,#0000 28%),linear-gradient(#050a0e1f,#0204056b);width:100%;height:100%;position:relative;overflow:hidden}.level-select-screen{background:radial-gradient(circle at 50% 18%,#8167bc47,#0000 24%),radial-gradient(circle at 26% 78%,#ffa46829,#0000 24%),linear-gradient(#1b122ef5,#130c21fa);place-items:center;padding:1.4rem;display:grid;position:absolute;inset:0}.level-select-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071119c7;border:1px solid #bfe4ff24;border-radius:1.2rem;width:min(48rem,100%);padding:1.2rem;box-shadow:0 1.6rem 3rem #00000057}.level-select-kicker{letter-spacing:.18em;text-transform:uppercase;color:#9ff7da;margin-bottom:.4rem;font-size:.7rem;font-weight:700}.level-select-title{margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:.96}.level-select-copy{color:#edf8f5c2;max-width:38rem;margin:.75rem 0 1.15rem}.level-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.level-card{color:#edf8f5;text-align:left;background:linear-gradient(#2a675c2e,#091d22d1),#091d22b8;border:1px solid #78f4d42e;border-radius:1rem;gap:.45rem;padding:1rem;display:grid}.level-card-title{font-size:1.08rem;font-weight:700}.level-card-copy{color:#edf8f5c2;font-size:.88rem;line-height:1.35}.loading-screen{z-index:100;background:radial-gradient(circle at 50% 18%,#4eaf9f47,#0000 28%),radial-gradient(circle at 22% 78%,#3c71c42e,#0000 24%),linear-gradient(#051015 0%,#071319 52%,#020608 100%);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.loading-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061317cc;border:1px solid #78f4d438;border-radius:1.15rem;width:min(30rem,100%);padding:1.25rem 1.3rem 1.15rem;box-shadow:0 1.5rem 3rem #00000057,inset 0 0 0 1px #b4fff40d}.loading-kicker{letter-spacing:.22em;text-transform:uppercase;color:#8bf8d6;margin-bottom:.35rem;font-size:.7rem;font-weight:700}.loading-title{margin:0;font-size:clamp(1.8rem,4vw,2.65rem);line-height:.98}.loading-copy{color:#edf8f5c2;max-width:24rem;margin:.7rem 0 1rem;font-size:.95rem}.loading-meter{background:#0b1e23db;border:1px solid #78f4d429;border-radius:999px;height:.95rem;overflow:hidden}.loading-meter-fill{transform-origin:0;background:linear-gradient(90deg,#5ba9ebd9,#60ffd6eb 55%,#e1fff9f5);width:100%;height:100%;transition:transform .18s;box-shadow:0 0 1rem #6dffdf66,0 0 2rem #4e98ff2e}.loading-meta{letter-spacing:.1em;text-transform:uppercase;color:#edf8f5b3;justify-content:space-between;align-items:center;gap:1rem;margin-top:.45rem;font-size:.74rem;font-weight:700;display:flex}.loading-item{color:#edf8f5db;word-break:break-word;min-height:1.2rem;margin-top:.7rem;font-size:.85rem}.ball-frogs-app,.ball-frogs-app *{cursor:none!important}.menu-toggle,.menu-toggle *,.menu-popover,.menu-popover *,.feedback-panel,.feedback-panel *{cursor:auto!important}.game-shell,.game-canvas{width:100%;height:100%}.game-cursor{pointer-events:none;z-index:30;opacity:0;background:radial-gradient(circle,#dcfcffeb 0%,#9de5ff2e 55%,#9de5ff00 100%);border:1.5px solid #b7f6ffe6;border-radius:50%;width:14px;height:14px;transition:opacity .12s;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 .65rem #73ffe359,0 0 1.2rem #5fc5ff2e}.game-cursor:after{content:"";background:#f2fffffa;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-cursor[data-visible=true]{opacity:1}.menu-toggle{z-index:24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#061317b8;border:1px solid #78f4d438;border-radius:.9rem;align-content:center;justify-items:center;gap:.24rem;width:2.9rem;height:2.9rem;padding:0;display:grid;position:absolute;top:.9rem;right:.9rem;box-shadow:0 1rem 2.2rem #00000038}.menu-toggle span{background:#dffcf6;border-radius:999px;width:1.2rem;height:.12rem;display:block}.menu-popover{z-index:23;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#061317c7;border:1px solid #78f4d433;border-radius:1rem;width:min(21rem,100vw - 1.8rem);max-height:min(82vh,44rem);padding:.8rem;position:absolute;top:4.15rem;right:.9rem;overflow:auto;box-shadow:0 1.2rem 2.6rem #00000047}.menu-tabs{gap:.42rem;margin-bottom:.7rem;display:flex}.menu-tab{color:#edf8f5;background:#091d22b3;border:1px solid #78f4d424;border-radius:.72rem;flex:1;padding:.55rem .65rem}.menu-tab.active{background:linear-gradient(#2a675c8c,#091d22d1);border-color:#78f4d466}.menu-section{gap:.7rem;display:grid}.menu-group{background:#091d2275;border:1px solid #78f4d424;border-radius:.88rem;overflow:hidden}.menu-group[open]{background:#091d229e}.menu-group-summary{cursor:pointer;letter-spacing:.05em;color:#edf8f5;padding:.78rem .9rem;font-size:.84rem;font-weight:700;list-style:none}.menu-group-summary::-webkit-details-marker{display:none}.menu-group-summary:after{content:"+";float:right;color:#8bf8d6}.menu-group[open] .menu-group-summary:after{content:"−"}.menu-group-body{gap:.7rem;padding:0 .9rem .9rem;display:grid}.menu-status{color:#edf8f5d1;font-size:.84rem}.mapping-list{color:#edf8f5d6;gap:.42rem;font-size:.82rem;display:grid}.mapping-list strong{color:#8bf8d6}.menu-slider{color:#edf8f5e0;gap:.45rem;font-size:.82rem;display:grid}.menu-slider input{width:100%}.menu-select{color:#edf8f5e0;gap:.45rem;font-size:.82rem;display:grid}.menu-select select{color:#edf8f5;background:#081a1fd6;border:1px solid #78f4d429;border-radius:.78rem;width:100%;padding:.7rem .8rem}.menu-select input[type=color]{background:#081a1fd6;border:1px solid #78f4d429;border-radius:.78rem;width:100%;height:2.7rem;padding:.22rem}.menu-toggle-row{color:#edf8f5e0;justify-content:space-between;align-items:center;gap:1rem;font-size:.82rem;display:flex}.menu-toggle-row input[type=checkbox]{accent-color:#78f4d4;width:1.1rem;height:1.1rem}.menu-action{color:#edf8f5;background:linear-gradient(#2a675c9e,#091d22db);border:1px solid #78f4d43d;border-radius:.82rem;padding:.8rem .95rem;font-weight:700}.feedback-panel{z-index:22;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#061317c2;border:1px solid #78f4d433;border-radius:1rem;gap:.42rem;width:min(24rem,100vw - 1.8rem);padding:.9rem;display:grid;position:absolute;bottom:.9rem;right:.9rem;box-shadow:0 1.2rem 2.6rem #00000047}.feedback-label{letter-spacing:.12em;text-transform:uppercase;color:#8bf8d6;font-size:.74rem;font-weight:700}.feedback-input,.feedback-textarea{color:#edf8f5;resize:none;background:#081a1fd6;border:1px solid #78f4d429;border-radius:.78rem;width:100%;padding:.75rem .85rem}.feedback-input::placeholder,.feedback-textarea::placeholder{color:#edf8f56b}.feedback-footer{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.feedback-submit{color:#edf8f5;background:linear-gradient(#2a675c9e,#091d22db);border:1px solid #78f4d43d;border-radius:.78rem;padding:.72rem 1rem;font-weight:700}.feedback-submit:disabled{opacity:.66}.feedback-status{color:#edf8f5d1;font-size:.78rem}.hud{pointer-events:none;justify-content:flex-start;align-items:stretch;padding:.8rem;display:flex;position:absolute;inset:0}.belly-meter-shell{pointer-events:none;width:min(30rem,100vw - 11rem);position:absolute;top:.85rem;left:50%;transform:translate(-50%)}.belly-meter-track{background:linear-gradient(#38220ab8,#1c1005d1);border:2px solid #fff8dc6b;border-radius:999px;height:1.15rem;overflow:hidden;box-shadow:0 .45rem 1.4rem #0000003d,inset 0 .08rem #fff8dc29}.belly-meter-fill{transform-origin:0;border-radius:inherit;background:radial-gradient(circle at 24% 40%,#fffffff2,#fff0 22%),linear-gradient(#fffef7 0%,#fff2b8 20%,#ffd849 52%,#f0b120 100%);width:100%;height:100%;transition:transform .14s;box-shadow:0 0 1rem #ffdb5eb3,inset 0 -.14rem #a6660038}.hud-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061317ad;border:1px solid #78f4d42e;border-radius:1.1rem;box-shadow:0 1.2rem 2.4rem #00000042}.hud-sidebar{grid-template-rows:minmax(0,1fr) auto;gap:.55rem;width:min(18rem,100vw - 1.6rem);padding:.6rem;display:grid}.loadout-sidebar{align-content:start;gap:.42rem;display:grid}.attack-card{pointer-events:none;text-align:left;min-width:0;color:inherit;background:#091d22b8;border:1px solid #78f4d41f;border-radius:.7rem;gap:.02rem;padding:.42rem .5rem .38rem;display:grid}.attack-card.sidebar{min-height:3.5rem;padding:.55rem .65rem .5rem}.attack-card-topline{align-items:baseline;gap:.45rem;min-width:0;display:flex}.attack-card.active{background:linear-gradient(#2a675ca6,#091d22cc);border-color:#78f4d47a;box-shadow:0 0 0 1px #78f4d429}.attack-card.disabled{opacity:.62}.attack-slot{text-transform:uppercase;letter-spacing:.15em;color:#8bf8d6;font-size:.72rem}.attack-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.attack-help{color:#edf8f5bd;min-height:0;margin-top:.12rem;font-size:.72rem;line-height:1.25}.charge-meter{background:#0c2026d1;border-radius:999px;height:.5rem;overflow:hidden}.charge-meter-shell{gap:.28rem;margin-top:.05rem;display:grid}.charge-meter-shell.sidebar{width:100%}.charge-meter-labels{color:#edf8f5d1;justify-content:space-between;gap:.6rem;font-size:.68rem;display:flex}.charge-meter.segmented{border:1px solid #78f4d424;height:1rem;position:relative}.charge-band{opacity:.8;position:absolute;top:0;bottom:0}.charge-ticker{background:#f4fffc;border-radius:999px;width:.38rem;position:absolute;top:-.24rem;bottom:-.24rem;transform:translate(-50%);box-shadow:0 0 .75rem #ffffffd9,0 0 1.3rem #73ffe373}.feedback-panel.mobile{width:100%;box-shadow:none;margin-top:.3rem;position:static}.mobile-menu-attacks{gap:.42rem;display:grid}.mobile-controls{z-index:25;pointer-events:none;justify-content:space-between;align-items:end;padding:0 .8rem .9rem;display:flex;position:absolute;inset:auto 0 0}.mobile-control-cluster{pointer-events:none;gap:.8rem;display:grid}.mobile-control-cluster.left{justify-items:start}.mobile-control-cluster.right{justify-items:end}.mobile-top-actions{z-index:25;pointer-events:none;grid-template-columns:repeat(4,minmax(0,3.05rem));gap:.5rem;display:grid;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.mobile-top-actions .mobile-action-button,.mobile-stick,.mobile-actions{pointer-events:auto}.mobile-stick{aspect-ratio:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:none;background:radial-gradient(circle,#30726a38,#061317c7 70%);border:1px solid #78f4d42e;border-radius:50%;align-self:end;width:min(28vw,8.5rem);position:relative;box-shadow:0 .8rem 1.8rem #0000003d}.mobile-stick.camera{justify-self:end}.mobile-stick-ring{border:1px solid #8bf8d629;border-radius:50%;position:absolute;inset:16%}.mobile-stick-thumb{aspect-ratio:1;background:radial-gradient(circle,#e2fff9f0,#7cf4d457);border-radius:50%;width:34%;margin-top:-17%;margin-left:-17%;position:absolute;top:50%;left:50%;box-shadow:0 0 1rem #73ffe357,inset 0 0 0 1px #ffffff2e}.mobile-stick-label{letter-spacing:.14em;text-transform:uppercase;color:#edf8f5b3;font-size:.7rem;position:absolute;bottom:-1.15rem;left:50%;transform:translate(-50%)}.mobile-actions{pointer-events:auto;justify-self:end;display:grid}.mobile-action-button{color:#edf8f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061317c7;border:1px solid #78f4d438;border-radius:1rem;box-shadow:0 .85rem 1.8rem #0000003d}.mobile-action-button.jump{min-width:4.7rem;min-height:4.7rem;padding:.9rem 1rem;font-weight:700}.mobile-action-button.attack{min-height:3.25rem;font-size:1rem;font-weight:700}.mobile-action-button.attack.top{min-width:3.05rem;min-height:2.85rem}.mobile-action-button.active{background:linear-gradient(#2a675ca6,#091d22d1);border-color:#78f4d47a}@media (width<=700px){.loading-panel,.level-select-panel{padding:1rem}.level-select-grid{grid-template-columns:1fr}.hud{padding:.65rem}.belly-meter-shell{width:min(18rem,100vw - 7rem);top:.7rem}.hud-sidebar{width:min(15rem,100vw - 1.3rem)}.menu-toggle{top:.7rem;right:.7rem}.menu-popover,.feedback-panel{width:min(20rem,100vw - 1.4rem);right:.7rem}.feedback-panel{bottom:.7rem}}@media (pointer:coarse){.ball-frogs-app,.ball-frogs-app *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:auto!important}.game-cursor{display:none}.game-shell,.game-canvas,.mobile-controls,.mobile-controls *,.mobile-top-actions,.mobile-top-actions *,.menu-toggle,.menu-toggle *{-webkit-tap-highlight-color:transparent}.menu-popover{width:min(22rem,100vw - 1rem);max-height:min(76vh,40rem);overflow:auto}.mobile-top-actions{grid-template-columns:repeat(4,minmax(0,2.8rem));top:.7rem}.mobile-controls{padding:0 .65rem .75rem}.mobile-stick{width:min(31vw,7.6rem)}.mobile-action-button.jump{min-width:4.1rem;min-height:4.1rem}}