*{box-sizing:border-box}html,body{margin:0;background:#102d32;color:#edf6ed;font:14px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;overscroll-behavior:none;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body{padding-top:env(safe-area-inset-top)}html.game-locked{height:100%;overflow:hidden}html.game-locked body{position:fixed;inset:0;height:100%;width:100%;overflow:hidden;touch-action:none}main,html.game-locked main{width:100%;max-width:520px;height:calc(var(--play-height,100vh) - env(safe-area-inset-top));margin:auto;padding:5px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));overflow:hidden}header{display:flex;height:35px;align-items:center;gap:8px;margin-bottom:5px;padding:0 3px}.logo{flex:1;font-size:16px;font-weight:900;white-space:nowrap;color:#edf4c7}button,select{font:inherit;border:1px solid #638b80;background:#254c49;color:#e8f6ec;border-radius:10px;min-height:40px;padding:7px 10px;touch-action:manipulation}button{font-weight:800;cursor:pointer}select{font-size:11px;min-height:32px;max-width:108px;padding:4px}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible{outline:2px solid #f8d99b;outline-offset:2px}#hubButton{width:34px;min-height:32px;padding:2px;font-size:19px}#scorebar{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center;padding:8px;border-radius:12px;border:1px solid #75947f66;background:linear-gradient(110deg,#2c5148,#213f43);margin-bottom:5px}#scorebar small{display:block;font-size:10px;color:#bdcfbb}#scorebar strong{display:block;color:#f7e6af;font-size:25px;line-height:1.25;font-variant-numeric:tabular-nums}#scorebar>div+div{border-left:1px solid #ffffff22}.scores,.objective,.challenge,main>details,#hint{display:none}.stage,html.game-locked .stage{position:relative;width:min(100%,var(--board-width,500px));max-width:510px;margin:auto;border:1px solid #7ea68c;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0003}canvas{display:block;touch-action:none;width:100%;height:auto;aspect-ratio:5/7;user-select:none;-webkit-user-select:none}.cover{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px;background:linear-gradient(145deg,#1f4a45f0,#0e2c36f5)}.cover>div{max-width:290px}.cover .fruit{font-size:50px}.cover h1{font-size:25px;color:#f6e8b8;margin:10px 0}.cover p{color:#c5dbcb;margin:10px 0 16px}.cover button{padding:10px 24px;min-height:44px}.primary,.buttons .primary{background:#abe5bf;color:#173d35;border-color:#b4e2bd}.hidden{display:none!important}.buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"drive drive drop drop pause";gap:6px;width:100%;margin-top:5px;align-items:stretch}.buttons button{width:100%;min-width:0;max-width:none;justify-self:stretch;min-height:48px;font-size:13px;padding:6px;line-height:1.2;white-space:nowrap;display:flex;justify-content:center;align-items:center}#auto{grid-area:drive}#drop{grid-area:drop;background:#315c55;border-color:#81a18a}#pause{grid-area:pause}#rescue{grid-column:1/-1;min-height:40px;color:#ffe5a8}#warning{position:absolute;top:15%;left:0;width:100%;pointer-events:none;color:#ffc6c6;font-size:11px;text-align:center}dialog{color:#edf6ed;background:linear-gradient(145deg,#284f48,#193b3d);border:1px solid #6e9689;border-radius:20px;padding:18px;width:min(94vw,470px);max-height:86vh;max-height:86dvh;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 24px 80px #0007}dialog::backdrop{background:#061e22bb;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;gap:9px;margin-bottom:16px}.dialog-head h2{flex:1;font-size:21px;margin:0}.dialog-head button{width:36px;min-height:36px;padding:0;font-size:23px;border-radius:50%}.reward-card{margin:12px 0;padding:14px;border-radius:14px;border:1px solid #608375;background:#234840}.reward-card h3{color:#eed9a6;font-size:14px;margin:0 0 10px}.sound-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.sound-row button{min-width:65px;border-radius:24px}label{display:block;font-size:12px;color:#c9dcce}input[type=range]{width:100%;margin:10px 0;padding:0;min-height:30px;accent-color:#efd092;touch-action:pan-x}@media(max-width:360px){header{gap:5px}.logo{font-size:13px}header select{max-width:90px}.buttons{gap:5px}.buttons button{font-size:11px}}@media(orientation:landscape) and (max-height:500px){main,html.game-locked main{max-width:850px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,1.2fr);gap:5px 12px;align-content:start}header,#scorebar,.buttons{grid-column:1;margin:0}.stage,html.game-locked .stage{grid-column:2;grid-row:1/5;max-width:100%;justify-self:center}.cover .fruit{font-size:30px}.cover h1{font-size:19px}.buttons button{min-height:42px}}

#scorebar{grid-template-columns:1fr 1fr .65fr}#cardNext{font-size:24px;line-height:1.25}#scorebar>div+div{border-left:1px solid #ffffff22}
header #rescue{grid-area:auto;grid-column:auto;flex:0 0 70px;width:70px;min-height:32px;height:32px;max-width:70px;padding:3px;font-size:11px;white-space:nowrap;color:#f3dda4;border-color:#8d9f75;background:#34574b}header #rescue:disabled{opacity:.45}header #rescue.urgent{border-color:#f1c876;background:#615840}header{gap:6px}@media(max-width:400px){header #rescue{flex-basis:62px;width:62px;max-width:62px;font-size:10px}header select{max-width:78px}.logo{font-size:13px}}
header{height:32px;margin-bottom:4px}#scorebar{padding-top:5px;padding-bottom:5px;margin-bottom:4px}#scorebar strong{font-size:23px}#scorebar small{font-size:9px}main,html.game-locked main{padding-top:3px}.stage{border-radius:10px}
/* Clear fruit progression and brighter controls */
html,body{background:#102f3d;background-image:radial-gradient(ellipse at 18% 0%,#397969 0,transparent 58%),linear-gradient(155deg,#173c4d,#102d36);color:#f4fff8}.stage,html.game-locked .stage{border:1px solid #95d2b5;box-shadow:0 8px 26px #041b2850,inset 0 1px #ffffff33}#scorebar{background:linear-gradient(115deg,#356b60,#234d58);border-color:#8cc7ad80}#scorebar small{color:#dfefe2}#scorebar strong{color:#fff1bf}.buttons{gap:7px;margin-top:6px}.buttons button{border-color:#9ccdb7;background:linear-gradient(#427b70,#2c5e59);color:#fff;font-weight:850;box-shadow:inset 0 1px #ffffff30,0 2px 4px #051c2833;text-shadow:0 1px 2px #123d46}#drop{background:linear-gradient(#f4df9f,#d9bb72);border-color:#ffedb6;color:#314634;text-shadow:none}.buttons .primary{background:linear-gradient(#d0f4ce,#9edcb4);color:#214d3e;text-shadow:none;border-color:#deffd9}.buttons button:active{transform:translateY(1px);filter:brightness(1.1)}#pause{color:#e8fff3}header .logo{color:#fff1bf}#rescue{background:#315e59;border-color:#9ccdb7}
