:root{color-scheme:light;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#2f8f72;color:#173a35;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:linear-gradient(180deg,#8ddbe759,#2f8f7233),#2f8f72}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}svg{width:1.2em;height:1.2em;fill:currentColor;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.app-shell{display:grid;place-items:center;padding:clamp(10px,2vw,22px)}.game-wrap{position:relative;width:min(100vw - 20px,560px);height:min(100dvh - 20px,920px);min-height:560px;overflow:hidden;border:4px solid rgba(255,255,255,.72);border-radius:8px;background:#80d6ca;box-shadow:0 22px 70px #173a3547;touch-action:none}#gameCanvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.hud{position:absolute;z-index:3;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:grid;grid-template-columns:max-content repeat(3,minmax(54px,auto)) 44px;gap:8px;align-items:start;pointer-events:none}.hud-box,.icon-button,.touch-button,.primary-button,.secondary-button{border:0;border-radius:8px}.hud-box{min-height:44px;padding:7px 10px;background:#fffce5eb;box-shadow:0 6px 18px #56412426}.hearts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;align-content:center;min-height:44px;pointer-events:auto;cursor:pointer;touch-action:manipulation}.heart{position:relative;width:19px;height:17px;transform:rotate(-45deg);background:#d6cbb5;border-radius:4px 4px 2px 2px}.heart:before,.heart:after{position:absolute;width:19px;height:17px;content:"";background:inherit;border-radius:50%}.heart:before{top:-9px;left:0}.heart:after{top:0;left:9px}.heart.is-full{background:#ff657d}.stat{display:grid;gap:1px;min-width:54px;text-align:center}.label{color:#58746b;font-size:.64rem;font-weight:800;line-height:1;text-transform:uppercase}.stat strong{color:#173a35;font-size:1.02rem;line-height:1.15}.icon-button{display:inline-grid;width:44px;height:44px;place-items:center;color:#1e6458;background:#fffce5f5;box-shadow:0 6px 18px #56412426;pointer-events:auto}.icon-button:hover,.icon-button:focus-visible,.touch-button:hover,.touch-button:focus-visible,.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:2px}.screen{position:absolute;z-index:4;inset:0;display:none;background:#1c5e5352;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.screen.is-visible{display:grid}.home-screen{align-items:stretch;padding:clamp(18px,4vw,34px);background:linear-gradient(180deg,#fff9e033,#24715b57)}.home-layout{display:grid;grid-template-rows:1fr auto;gap:18px;width:100%;max-width:470px;margin:0 auto}.title-group{align-self:center;color:#fffce5;text-shadow:0 3px 14px rgba(23,58,53,.35)}.eyebrow{margin:0 0 8px;color:#fff1a8;font-size:.8rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{max-width:10ch;margin:0 0 18px;color:#fffce5;font-size:clamp(3rem,14vw,5.3rem);line-height:.92;letter-spacing:0}h2{margin:0 0 14px;color:#173a35;font-size:clamp(1.65rem,7vw,2.9rem);line-height:.98;letter-spacing:0}.primary-button,.secondary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 20px;font-weight:900;line-height:1;box-shadow:0 10px 24px #173a3538}.primary-button{color:#173a35;background:#f9d86a}.secondary-button{color:#173a35;background:#fffce5}.leaderboard{align-self:end;padding:14px;border-radius:8px;background:#fffce5f0;box-shadow:0 12px 34px #173a3538}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.leaderboard h2{margin:0;font-size:1.3rem;line-height:1}.score-list{display:grid;gap:5px;max-height:min(36dvh,290px);padding:0;margin:0;overflow:auto;list-style:none}.score-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:33px;padding:6px 8px;border-radius:8px;color:#173a35;background:#7cd6c440}.score-list li.top-five{background:#f9d86a6b}.score-list .rank{color:#58746b;font-size:.78rem;font-weight:900}.score-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-list .score{font-weight:900}.score-list .empty-score{display:block;color:#58746b;text-align:center}.center-screen{place-items:center;padding:22px}.message-panel{display:grid;width:min(100%,320px);gap:12px;padding:24px;border-radius:8px;background:#fffce5f5;box-shadow:0 18px 46px #173a3547;text-align:center}.message-panel.compact{width:min(100%,260px)}.message-panel .eyebrow{color:#2f8f72}.level-toast{position:absolute;z-index:3;top:calc(max(10px,env(safe-area-inset-top)) + 54px);right:max(12px,env(safe-area-inset-right));display:grid;gap:3px;min-width:138px;padding:12px 14px;border-radius:8px;color:#173a35;background:#fffce5f0;box-shadow:0 12px 28px #173a3533;opacity:0;transform:translate3d(18px,0,0);transition:opacity .18s ease,transform .22s ease;pointer-events:none}.level-toast.is-visible{opacity:1;transform:translateZ(0)}.level-toast .eyebrow{margin:0;color:#2f8f72}.level-toast strong{color:#173a35;font-size:1.2rem;line-height:1}.score-readout{margin:0;color:#58746b;font-size:1.08rem;font-weight:900}.score-readout span{color:#173a35;font-size:2.2rem}.eligibility-message{margin:0;color:#b13e42;font-size:.88rem;font-weight:800;line-height:1.3}input{width:100%;min-height:50px;padding:0 14px;border:3px solid #7cd6c4;border-radius:8px;color:#173a35;background:#fff;font-size:1.2rem;font-weight:900;letter-spacing:0;text-align:center;text-transform:uppercase}.touch-controls{position:absolute;z-index:3;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:58px 70px 58px;gap:14px;justify-content:center;pointer-events:none}.touch-button{display:grid;width:58px;height:58px;place-items:center;color:#173a35;background:#fffce5e6;box-shadow:0 12px 24px #173a3533;pointer-events:auto;touch-action:manipulation}.touch-button svg{width:32px;height:32px;fill:none}.jump-button{width:70px;height:70px;margin-top:-10px;background:#f9d86a}body[data-screen=home] .hud,body[data-screen=gameOver] .hud,body[data-screen=name] .hud{opacity:0}body[data-screen=home] .touch-controls,body[data-screen=paused] .touch-controls,body[data-screen=gameOver] .touch-controls,body[data-screen=name] .touch-controls{opacity:0;pointer-events:none}@media(min-width:840px){.game-wrap{width:min(48vw,560px);height:min(94dvh,920px)}.home-layout{max-width:490px}h1{font-size:clamp(4rem,6vw,5.6rem)}}@media(max-width:460px),(max-height:650px){.app-shell{padding:0}.game-wrap{width:100vw;height:100dvh;min-height:100dvh;border:0;border-radius:0}.hud{grid-template-columns:max-content repeat(3,minmax(46px,auto)) 40px;gap:5px}.hud-box{min-height:40px;padding:6px}.heart{width:15px;height:14px}.heart:before,.heart:after{width:15px;height:14px}.heart:before{top:-7px}.heart:after{left:7px}.icon-button{width:40px;height:40px}.level-toast{top:calc(max(10px,env(safe-area-inset-top)) + 46px);right:10px;min-width:120px;padding:10px 12px}.home-screen{padding:18px 14px}.home-layout{gap:12px}h1{margin-bottom:14px}.leaderboard{padding:12px}.score-list{max-height:32dvh}}@media(hover:hover)and (pointer:fine){.touch-controls{opacity:.76}}