.boat-lesson{position:fixed;inset:0;z-index:2100;display:grid;grid-template-columns:1.25fr 1fr;background:#102c39;color:#eee0bb;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));gap:24px;align-items:center}.boat-scene canvas{width:100%;image-rendering:pixelated;border-radius:14px}.boat-copy{padding:16px;max-height:95dvh;overflow:auto}.boat-copy small{letter-spacing:.12em;color:#a6ccba;font-size:10px}.boat-copy h2{font:clamp(24px,4vw,40px) Georgia}.boat-copy p{font:14px/1.6 Fredoka,system-ui,sans-serif}.boat-copy button{padding:12px;border:1px solid #96bba4;border-radius:9px;background:#2c4e52;color:#f4e4af;margin:8px 8px 0 0}.boat-copy label{display:block}.boat-copy input{display:block;width:95%;margin:20px 0;accent-color:#d2bc7c}.boat-meter{height:23px;margin:18px 0;background:#203e49;position:relative;border:1px solid #739987}.boat-meter b{position:absolute;left:40%;width:20%;height:100%;background:#b7c88a55}.boat-meter i{position:absolute;width:4px;background:#f4d894;height:100%;z-index:1}.boat-meter[hidden]{display:none}.act-scene-indicator{position:absolute;top:112px;left:50%;transform:translateX(-50%);background:#172f3ddd;padding:6px 12px;border:1px solid #b5a675;border-radius:8px;color:#f1ddb0;font:11px Fredoka,system-ui,sans-serif;pointer-events:none;max-width:65%;text-align:center}@media(orientation:portrait){.boat-lesson{grid-template-columns:1fr;gap:0;grid-template-rows:35% 65%}.boat-scene{height:100%}.boat-scene canvas{height:100%;object-fit:contain}.boat-copy{padding:12px}.boat-copy h2{margin:8px 0}.boat-copy p{margin:8px 0}}

.boat-lesson [hidden]{display:none!important}
.boat-steps{margin:8px 0 12px;padding-left:20px;font:14px/1.6 Fredoka,system-ui,sans-serif;color:#d9e8cf}.boat-steps b{color:#f4d894}
.rope-track{position:relative;height:44px;margin-top:6px;background:#203e49;border:1px solid #739987;border-radius:10px}.rope-zone{position:absolute;top:0;height:100%;background:#d7b45e66;border:2px solid #f4d894;border-radius:8px;box-sizing:border-box;pointer-events:none}
.rope-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent}
.rope-ends{display:flex;justify-content:space-between;font:11px Fredoka,system-ui,sans-serif;color:#a6ccba;margin:4px 2px}
.rope-buttons{display:flex;gap:8px}.rope-buttons button{flex:1;min-height:44px}
.hold-bar{height:10px;margin-top:10px;background:#203e49;border-radius:6px;overflow:hidden}.hold-bar i{display:block;height:100%;width:0;background:#f4d894}
#boat-fish{min-height:52px;width:100%;font-size:17px}
.boat-meter b{left:30%!important;width:40%!important}
/* Celular deitado (ex.: iPhone 844x390): a lição da jangada cabe sem rolar; corda, botões e progresso ficam à vista. */
@media (orientation:landscape) and (max-height:500px){.boat-lesson{gap:12px}.boat-copy{padding:6px 8px;max-height:100dvh}.boat-copy small{display:none}.boat-copy h2{font-size:22px;margin:0 0 4px}.boat-copy p{font-size:12px;line-height:1.35;margin:4px 0}.boat-steps{font-size:12px;line-height:1.35;margin:4px 0 6px}.boat-copy input{margin:6px 0}.boat-copy button{padding:8px 12px;margin:4px 6px 0 0}.boat-meter{margin:6px 0}#boat-fish{min-height:44px}}