:root{--ink:#223c50;--muted:#597681;--paper:#fff8e9;--mint:#b6efd8;--coral:#f27f60;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#aacfd5;color:var(--ink);font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}canvas{display:block;width:100vw;height:100dvh}button{font:inherit;cursor:pointer;border:0;touch-action:none}button:focus-visible{outline:3px solid #fc805f;outline-offset:4px}button:disabled{cursor:default}svg{display:block}button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.icon-button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff8e9cc;color:var(--ink);box-shadow:0 3px 0 #273f5010;flex-shrink:0}.tiny{font-size:9px;letter-spacing:1.5px;font-weight:800;color:var(--muted)}
#game-hud{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;gap:10px;align-items:center;z-index:3;pointer-events:none}.stage{display:flex;flex-direction:column;gap:5px;flex:1}.stage strong{font-size:15px}.stage .tiny{font-size:9px}#world-no{color:var(--ink);margin-left:4px}.stats{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#fff8e9c9;border-radius:30px;font-size:14px;box-shadow:0 4px 14px #1f41590b}.coin-icon{width:14px;height:14px;background:#ffd477;border:3px solid #f5b958;border-radius:50%;box-shadow:inset 0 0 0 1px #ffe7b4}.divider{height:15px;width:1px;background:#223c501a;margin:0 2px}#hearts{color:#f08068;letter-spacing:1px;font-size:14px}#pause{pointer-events:auto}.progress{height:3px;background:#fff8e960;position:absolute;top:60px;left:0;right:0;border-radius:3px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:#2c7c74;border-radius:3px;transition:width .3s}
#overlay{position:fixed;inset:0;z-index:5;padding:0 max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;background:linear-gradient(180deg,#ecf3e687 0%,#e9f0e615 40%,#dae7deaa 75%,#dce8deee 100%)}.menu-top{display:flex;align-items:center;justify-content:space-between;margin-top:max(22px,env(safe-area-inset-top));height:40px}.mini-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:24px;font-weight:900;letter-spacing:-2px}.mini-brand span{font-size:9px;letter-spacing:1.5px;max-width:75px;line-height:1.5}.menu-heading{margin-top:38px;z-index:1}.eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;letter-spacing:1.4px;color:#426471}.eyebrow i{width:6px;height:6px;background:#f38060;border-radius:50%}h1{font-size:clamp(62px,14vw,90px);line-height:.9;letter-spacing:-4px;margin:22px 0 17px;font-weight:900}h1 em{font-style:normal;color:#f0805e}#message{font-size:13px;line-height:1.65;color:#52717b;margin:0;max-width:300px}.home-art{width:100%;height:auto;max-height:245px;flex:1;min-height:110px;display:grid;place-items:center;margin:-8px 0 -15px}.home-art svg{width:100%;height:100%;max-height:260px;overflow:visible;filter:drop-shadow(0 10px 10px #355a6c10)}.menu-actions{width:100%;max-width:420px;align-self:center;padding-bottom:max(22px,var(--safe-bottom))}.chapter-card{display:flex;align-items:center;gap:12px;background:#fff9edab;border:1px solid #ffffff9c;border-radius:16px;padding:12px 14px;margin-bottom:12px;box-shadow:0 8px 24px #224c5c08}.chapter-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#d6ebdd;font-size:13px;font-weight:900}.chapter-card div{display:flex;flex:1;flex-direction:column;gap:4px}.chapter-card strong{font-size:13px}.chapter-card .tiny{font-size:8px}.chapter-count{font-size:11px;color:#678089}.primary{height:57px;width:100%;background:var(--ink);color:var(--paper);padding:0 22px;border-radius:16px;font-weight:700;font-size:15px;text-align:left;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 0 #142e3d}.primary span{font-size:23px;color:#b7efdc}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #142e3d}.text-button{width:100%;background:transparent;color:#3e6470;font-size:12px;font-weight:700;padding:20px 0 15px}.text-button span{margin-left:7px}.menu-footer{display:flex;justify-content:space-between;color:#66818a;font-size:8px;letter-spacing:.4px;margin-top:10px}.menu-footer span:last-child{font-size:7px;letter-spacing:1px}
#controls{position:fixed;z-index:3;left:0;right:0;bottom:0;height:164px;padding:16px max(20px,env(safe-area-inset-right)) max(23px,var(--safe-bottom)) max(20px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(0deg,#c4dcdebd 0%,#c4dcde55 65%,transparent);pointer-events:none}.move-controls{display:flex;position:relative;gap:8px;padding-bottom:14px}.control-caption{font-size:8px;letter-spacing:1.5px;font-weight:800;color:#426271;text-align:center;display:block;pointer-events:none}.move-controls>.control-caption{position:absolute;left:0;right:0;bottom:0}#controls button{width:62px;height:61px;border-radius:19px;display:grid;place-items:center;pointer-events:auto;background:#fff8e9d9;color:#315064;box-shadow:0 4px 0 #71949c45;border:1px solid #ffffffb0}#controls button svg{width:24px;height:24px}#controls button.held{transform:translateY(3px);box-shadow:0 1px 0 #71949c45;background:#d9f4e9}.action-controls{display:flex;gap:12px;align-items:flex-end}.action-controls>div{display:flex;align-items:center;flex-direction:column;gap:8px}#controls .dash{width:52px;height:52px;border-radius:50%;background:#fcecc8}#controls .dash svg{fill:#db9d44;stroke:#db9d44;stroke-width:1.5}#controls .dash.cooling{background:#d7e1dc;color:#93a8a7;opacity:.65}#controls .jump{width:72px;height:72px;border-radius:50%;background:#b7edd5;box-shadow:0 5px 0 #76b5a5;border:2px solid #def8e9}#controls .jump svg{width:30px;height:30px}#toast{position:fixed;top:105px;left:50%;transform:translateX(-50%);z-index:4;max-width:90%;font-size:11px;white-space:nowrap;color:var(--paper);background:#254557e6;border-radius:30px;padding:11px 18px;transition:opacity .2s;opacity:0;pointer-events:none}#toast.visible{opacity:1}#keyboard-help{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);font-size:10px;color:#395a70;white-space:nowrap;z-index:3}
body[data-screen="menu"] #game-hud,body[data-screen="menu"] #controls,body[data-screen="menu"] #keyboard-help,body[data-screen="paused"] #controls,body[data-screen="won"] #controls,body[data-screen="dead"] #controls{display:none}body:not([data-screen="menu"]) #overlay .home-art{max-height:150px}body:not([data-screen="menu"]) .menu-heading{margin-top:30px}body:not([data-screen="menu"]) #overlay{background:linear-gradient(180deg,#e5efdfed,#d6e6d9e6);backdrop-filter:blur(8px)}body:not([data-screen="menu"]) #overlay h1{font-size:57px}body[data-screen="playing"] #overlay{display:none}
#level-panel{position:fixed;inset:0;background:#1e3b5399;backdrop-filter:blur(8px);z-index:10;padding:24px;display:flex;align-items:center;justify-content:center}#level-panel[hidden]{display:none}.level-card{background:#f8f5e9;border-radius:25px;max-width:430px;width:100%;padding:22px;max-height:85dvh;overflow:auto}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{font-size:24px;letter-spacing:-1px;margin:7px 0}#close-levels{background:#e8ecdf;font-size:26px}#levelgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.world-label{grid-column:1/-1;display:flex;align-items:center;gap:7px;font-size:10px;color:#648079;font-weight:800;letter-spacing:.5px;margin:10px 0 2px}.world-label i{width:6px;height:6px;border-radius:50%;background:#59b99d}#levelgrid button{height:42px;border-radius:12px;background:#d1eadb;color:#2b5c50;font-size:13px;font-weight:800}#levelgrid button:disabled{background:#e7e8df;color:#afb8ac}#levelgrid button.current{background:#25475b;color:#fff7df}.level-card p{font-size:11px;color:#6e8484;margin:20px 0 0}
@media (hover:none){#keyboard-help{display:none}}@media(min-width:650px) and (orientation:portrait){#overlay{padding:0 max(50px,calc((100vw - 500px)/2))}.home-art{max-height:400px}h1{font-size:110px}.menu-heading{margin-top:70px}#controls{padding-left:60px;padding-right:60px}}
@media (orientation:landscape){#overlay{padding:0 6%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:64px 1fr 32px;column-gap:40px}.menu-top{grid-column:1/-1;margin-top:12px}.menu-heading{margin:12px 0 0;grid-column:1;grid-row:2;align-self:start}h1{font-size:clamp(50px,7vw,85px);margin:15px 0}.home-art{position:absolute;left:3%;bottom:0;width:40%;height:160px;max-height:160px;min-height:0;opacity:.45;z-index:-1}.menu-actions{grid-column:2;grid-row:2;align-self:center;padding-bottom:0;max-width:380px}.menu-footer{margin-top:0}.chapter-card{padding:10px 14px}.primary{height:52px}.text-button{padding:17px}.eyebrow{font-size:8px}#controls{height:120px;padding:10px 26px 15px}.move-controls{padding-bottom:13px}#controls button{height:53px;width:58px;border-radius:17px}#controls .jump{width:65px;height:65px}#controls .dash{width:48px;height:48px}.stage{flex:0 1 auto;min-width:190px}.stats{margin-left:auto}#game-hud{left:26px;right:26px;top:15px}.progress{top:50px}body:not([data-screen="menu"]) #overlay h1{font-size:55px}body:not([data-screen="menu"]) .menu-heading{margin-top:16px}}
@media(max-height:730px) and (orientation:portrait){.menu-heading{margin-top:23px}h1{font-size:61px;margin:16px 0 12px}.home-art{max-height:170px;min-height:80px}.menu-top{margin-top:15px}.menu-actions{padding-bottom:max(16px,var(--safe-bottom))}.chapter-card{padding:9px 12px}.primary{height:51px}.text-button{padding:16px 0 10px}.menu-footer{margin-top:6px}.menu-heading #message{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#powerups{position:fixed;top:90px;left:max(20px,env(safe-area-inset-left));right:20px;display:flex;gap:6px;flex-wrap:wrap;z-index:3;pointer-events:none}#powerups span{font-size:8px;font-weight:800;letter-spacing:.5px;padding:7px 9px;border-radius:20px;color:#28485d;background:#e1f6f3ed}#powerups .magnet-badge{background:#ece0f9ed}#powerups .dash-badge{background:#dbf4dced}body:not([data-screen="playing"]) #powerups{display:none}#controls .dash.boosted{background:#b4eed5;border:2px solid #ecfff5;box-shadow:0 0 18px #96dfbf80}#toast{top:136px}@media(orientation:landscape){#powerups{top:75px}#toast{top:112px}}

#levelgrid{grid-template-columns:repeat(3,1fr)}#levelgrid button{height:64px;display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:5px;text-align:left}#levelgrid button strong{font-size:13px}#levelgrid button small{font-size:8px;line-height:1.25}#toast{white-space:normal;text-align:center;line-height:1.5;width:max-content;max-width:calc(100vw - 40px)}

#level-panel,#level-panel *{touch-action:pan-y}