:root{--accent:#b5fa66}
*{box-sizing:border-box}body{margin:0;background:#0a1020;color:#f3f5e7;font-family:system-ui,sans-serif;overscroll-behavior:none}#scene3d{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button{touch-action:none;min-height:46px;border:1px solid #ffffff35;border-radius:16px;background:#1e2948ee;color:#f3f5e7;font-weight:800;padding:12px 16px}button:disabled{opacity:.3}button:active{transform:scale(.96)}.screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;background:#101a32ed;overflow:auto}.screen[hidden],[hidden]{display:none!important}.screen.clear{background:linear-gradient(#080e20bd,transparent 40%,transparent 65%,#080e20f5);justify-content:space-between;padding-top:max(35px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom));pointer-events:none}.screen.clear button,.screen.clear a{pointer-events:auto}.mast{text-align:center}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:900}h1{font-size:clamp(40px,14vw,72px);line-height:.9;letter-spacing:-3px;margin:20px 0}h1 span{display:block;color:var(--accent)}h1 em{font-size:25px;color:white}h2{text-align:center;font-size:26px}.mast p{font-size:12px;max-width:290px;line-height:1.5}.menuActions{width:min(330px,100%);text-align:center}.big{background:var(--accent);color:#111b2c;width:100%;max-width:330px}.row{display:flex;gap:10px;margin:10px 0}.row button{flex:1;font-size:11px}.menuActions a,.menuActions p{color:#b7c4d8;font-size:11px}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}#hud button{pointer-events:auto}.top{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:10px;align-items:center}.tag{font-size:11px}.stat{margin-left:auto;font-size:11px;text-align:right}.controls{position:absolute;bottom:max(15px,env(safe-area-inset-bottom));left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;align-items:end}.pad{display:grid;grid-template-columns:46px 46px 46px;gap:5px}.pad button{padding:8px;font-size:22px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1;grid-row:2}.pad button:nth-child(3){grid-column:2;grid-row:2}.pad button:nth-child(4){grid-column:3;grid-row:2}.pad.zap{grid-template-columns:62px 62px}.pad.zap button{grid-column:auto;grid-row:auto}.pad.zap button:last-child{grid-column:span 2;font-size:9px}.power{width:140px;height:86px;border-color:var(--accent);color:var(--accent);font-size:17px;background:#242b43ec}.power small{display:block;font-size:9px;margin-top:8px}.power.on{background:var(--accent);color:#142038}#wait{display:block;width:140px;font-size:9px;margin-top:7px}#message{position:absolute;top:16%;left:20px;right:20px;border-radius:12px;background:#0d192ee8;text-align:center;font-size:13px;padding:12px;opacity:0;transition:opacity .2s}#message.shown{opacity:1}#lesson{position:absolute;bottom:160px;left:25px;right:25px;text-align:center;font-size:12px;color:#d2dbeb}.help{font-size:12px;max-width:320px;text-align:center;line-height:1.6}.screen.top{justify-content:flex-start}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.grid button{padding:10px 0}.grid small,.skins small{display:block;font-size:10px;color:var(--accent)}.world{font-size:14px}#levelGrid{width:min(350px,100%)}.stars{font-size:42px;color:var(--accent)}.skins{display:flex;flex-direction:column;gap:10px;width:260px}#endInfo{font-size:13px;text-align:center}.dim{backdrop-filter:blur(8px)}h1{font-size:clamp(40px,12vw,66px)}.tag{white-space:normal;max-width:125px;font-size:10px}.stat{font-size:10px}#plant{font-size:14px}

#lesson{bottom:218px}#jump,#trap,#trapLeft{display:block;width:160px;margin-top:4px;font-size:12px}.controls{gap:8px}

:root{--accent:#f4cb7a}#repairPanel{position:absolute;bottom:50px;left:12px;right:12px;text-align:center;pointer-events:auto}#repairPanel p{font-size:12px}#repairPanel button{font-size:11px;padding:14px 9px;margin:3px}#repairPanel button:nth-of-type(2){border-color:#7af3d1}#repairPanel button:nth-of-type(3){border-color:#f995c9}#lesson{font-size:11px;line-height:1.4}body{background:#102334}
#lesson{top:66px;bottom:auto;margin:0 auto;max-width:340px;text-shadow:0 1px 3px #000}
