.ocean-intro{padding-top:32px;padding-bottom:24px}.ocean-intro h1{font:900 clamp(3.5rem,8vw,7.5rem)/.88 Barlow,Impact,sans-serif;letter-spacing:-.035em;margin:17px 0}.ocean-intro h1 span{color:#ff6654}.ocean-intro>p{font-size:1.2rem;margin:12px 0 0}.ocean-back{display:block;width:fit-content;font-weight:700;margin-bottom:22px}.ocean-section{padding-bottom:80px}.ocean-shell{border:3px solid #17191d;border-radius:24px;overflow:hidden;background:#101f30;box-shadow:7px 8px 0 #17191d}.ocean-top{background:#17191d;color:#f3f5f0;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ocean-top strong{display:block;margin-top:3px}.ocean-top .eyebrow{font-size:.7rem;color:#baf4db}.ocean-tools{display:flex;gap:8px}.ocean-tools button{border:1px solid #cbd6da;border-radius:99px;color:inherit;background:transparent;padding:10px 16px;min-height:44px;font:700 .85rem DM,Arial,sans-serif;cursor:pointer}.ocean-tools button:disabled{opacity:.45;cursor:default}.ocean-stage{position:relative;height:clamp(420px,calc(100svh - 230px),620px);isolation:isolate}.ocean-stage canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-5px;cursor:crosshair}.ocean-hud{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;color:#eafff9;text-shadow:1px 2px 0 #043f52}.ocean-score{border:2px solid #103b4a;border-radius:99px;background:#effcf2;color:#103b4a;padding:8px 15px;font-size:.85rem;text-shadow:none;box-shadow:3px 3px 0 #0f394b}.ocean-score b{font-size:1.6rem;margin-right:5px}.ocean-zone{font-size:.75rem;letter-spacing:.08em;font-weight:700;text-align:right}.ocean-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:35px;background:#082e48c7;color:#fff;text-align:center;overflow:auto}.ocean-overlay[hidden],.ocean-toast[hidden]{display:none!important}.ocean-overlay h2{font:900 clamp(2.2rem,5vw,4.7rem)/.97 Barlow,Impact,sans-serif;letter-spacing:-.02em;margin:12px 0 17px}.ocean-overlay p{line-height:1.6;max-width:490px;margin:12px auto}.ocean-welcome{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:26px;max-width:800px}.ocean-marin{position:relative;height:290px;border:3px solid #baf4db;border-radius:100px 100px 24px 24px;overflow:hidden;transform:rotate(-4deg);background:#baf4db}.ocean-marin img{position:absolute;width:180%;max-width:none;height:180%;left:-40%;top:-70px;object-fit:cover;object-position:50% 35%}.ocean-choices{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.ocean-choices .button,.ocean-wait .button{font-size:.94rem;min-height:48px;padding:13px 20px}.ocean-overlay .button.dark{background:#baf4db;color:#17191d}.ocean-overlay .button.secondary{background:#f3f5f0;color:#17191d}.ocean-overlay .eyebrow{color:#baf4db}.ocean-overlay .ocean-small{font-size:.78rem;line-height:1.5;max-width:400px;color:#def0e9}.ocean-palm{display:block;font-size:3.5rem;line-height:1}.ocean-plain{display:block;margin:15px auto 0;padding:8px 10px;border:0;background:none;color:#fff;text-decoration:underline;font:inherit;cursor:pointer}.ocean-moral{font-weight:700;color:#baf4db}.ocean-toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);margin:0;padding:11px 18px;background:#f3f5f0;color:#123641;font-weight:700;border-radius:12px;border:2px solid #17191d;box-shadow:3px 3px 0 #17191d;max-width:90%;width:max-content;text-align:center;font-size:.9rem;pointer-events:none}.ocean-bottom{background:#baf4db;color:#17191d}.ocean-route{height:7px;background:#173b4a}.ocean-route>span{display:block;height:100%;width:0;background:#ff6654;transition:width .2s linear}.ocean-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px}.ocean-bottom-row p{font-weight:700;font-size:.88rem;margin:0}.ocean-arrows{display:flex;gap:7px}.ocean-arrows button{width:48px;height:48px;flex:none;border:2px solid #17191d;border-radius:12px;background:#f3f5f0;color:#17191d;font-size:1.6rem;font-weight:700;box-shadow:2px 3px 0 #17191d;touch-action:none;cursor:pointer}.ocean-arrows button:active,.ocean-arrows button.is-held{background:#ff6654;transform:translateY(2px);box-shadow:none}.ocean-how{display:grid;grid-template-columns:1fr 1.6fr;gap:25px 40px;padding:45px 0}.ocean-how h2{font:900 clamp(2rem,4vw,3.3rem)/1 Barlow,Impact,sans-serif;margin:12px 0}.ocean-how ol{display:grid;gap:15px;margin:0;padding-left:22px}.ocean-how li{line-height:1.6}.ocean-how>p{grid-column:1/-1;max-width:860px;font-size:.9rem;line-height:1.65;margin:0}.ocean-shell button:focus-visible,.ocean-shell a:focus-visible{outline:4px solid #e494ff;outline-offset:4px}
/* The camera belongs to this game while steering: no page pointer or scroll rail. */
body.ocean-input-active.hc-on{padding-right:0;--hc-gutter:0px}body.ocean-input-active .hc-hand,body.ocean-input-active .hc-pointer,body.ocean-input-active .hc-scroll-controls{display:none!important}body.ocean-input-active .hc-view{bottom:90px;right:18px;width:130px}body.ocean-input-active .hc-bar{top:auto;max-width:min(430px,calc(100vw - 240px))}
@media(max-width:680px){.ocean-intro{padding-top:22px}.ocean-intro h1{font-size:3.8rem}.ocean-top{padding:12px;align-items:flex-start}.ocean-top strong{font-size:.85rem;max-width:170px}.ocean-tools button{padding:8px 11px;font-size:.75rem}.ocean-stage{height:540px;max-height:76svh;min-height:420px}.ocean-overlay{padding:22px 18px}.ocean-welcome{display:block}.ocean-marin{display:none}.ocean-overlay h2{font-size:3rem}.ocean-overlay p{font-size:.92rem}.ocean-choices{gap:9px}.ocean-choices .button{width:100%;padding:11px}.ocean-overlay .ocean-small{font-size:.72rem}.ocean-hud{inset:12px 10px auto;gap:5px}.ocean-score{padding:7px 10px;font-size:.72rem}.ocean-score b{font-size:1.3rem}.ocean-zone{max-width:100px;font-size:.6rem;line-height:1.5}.ocean-bottom-row{flex-direction:column;padding:12px;text-align:center}.ocean-arrows button{width:54px;height:46px}.ocean-how{grid-template-columns:1fr;gap:20px}.ocean-how>p{grid-column:auto}.ocean-toast{font-size:.75rem;bottom:14px}.ocean-shell{box-shadow:4px 5px 0 #17191d;border-radius:18px}body.ocean-input-active .hc-view{width:85px;bottom:160px;right:10px}body.ocean-input-active .hc-view p{display:none}body.ocean-input-active .hc-bar{top:auto;max-width:calc(100vw - 25px);bottom:74px;left:10px;font-size:.75rem}.ocean-intro>p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.ocean-route>span{transition:none}}

/* Marin celebrates the player inside Ripple, with encouragement at every score. */
.ocean-finish{padding:26px;background:#082e48ed}.ocean-result-card{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,1fr);gap:12px 25px;align-items:center;max-width:860px;width:100%}.ocean-result-marin{grid-column:1;grid-row:1/5;margin:0;border:3px solid #baf4db;border-radius:90px 90px 20px 20px;overflow:hidden;align-self:center;background:#176b83;box-shadow:5px 6px 0 #102f43;animation:ocean-congratulate .5s ease-out both}.ocean-result-marin img{display:block;width:100%;height:auto;aspect-ratio:1/1.15;object-fit:cover;object-position:center}.ocean-result-copy,.ocean-result-total,.ocean-result-goal,.ocean-result-card>.ocean-choices{grid-column:2}.ocean-finish h2{font-size:clamp(2rem,4.2vw,3.9rem);margin:8px 0 10px}.ocean-finish p{line-height:1.4;margin:5px auto;font-size:.98rem}.ocean-result-total>strong{display:inline-block;padding:6px 20px;border:2px solid #baf4db;border-radius:99px;background:#f1fff6;color:#103b4a;font-size:1rem}.ocean-result-total b{font-size:1.8rem}.ocean-result-total p{font-size:.85rem;color:#d3eee3}.ocean-finish .ocean-result-goal{font-size:.85rem;color:#baf4db;font-weight:700}.ocean-result-card>.ocean-choices{margin:3px 0 0}.ocean-finish[data-tier=amazing] .ocean-result-marin{border-color:#ffb195}.ocean-finish[data-tier=amazing] .ocean-result-total>strong{background:#ffceb3}
@keyframes ocean-congratulate{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:680px){.ocean-finish{padding:18px 14px}.ocean-result-card{grid-template-columns:94px minmax(0,1fr);gap:10px 13px}.ocean-result-marin{grid-column:1;grid-row:1;border-radius:35px 35px 14px 14px;box-shadow:3px 3px 0 #102f43}.ocean-result-marin img{aspect-ratio:1/1.2}.ocean-result-copy{grid-column:2}.ocean-result-copy .eyebrow{font-size:.65rem;letter-spacing:.06em}.ocean-finish h2{font-size:1.9rem;margin:6px 0}.ocean-finish .ocean-result-copy p{font-size:.79rem;line-height:1.35}.ocean-result-total,.ocean-result-card>.ocean-result-goal,.ocean-result-card>.ocean-choices{grid-column:1/-1}.ocean-result-total>strong{padding:4px 20px;font-size:.85rem}.ocean-result-total b{font-size:1.45rem}.ocean-finish .ocean-result-total p{font-size:.78rem}.ocean-finish .ocean-result-goal{font-size:.76rem}.ocean-result-card>.ocean-choices{gap:8px}.ocean-result-card>.ocean-choices .button{min-height:44px;padding:9px;font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.ocean-result-marin{animation:none}}
body.motion-paused .ocean-result-marin{animation:none}

/* The low-score ocean remains visible around a readable, encouraging card. */
.ocean-finish[data-tier=needs-help]{background:#082e4833;padding-top:90px;padding-bottom:78px}.ocean-finish[data-tier=needs-help] .ocean-result-card{padding:18px;border:2px solid #8ddbd7;border-radius:22px;background:#082e48f2;box-shadow:5px 6px 0 #10364888}.ocean-finish[data-tier=needs-help] .ocean-result-marin{border-color:#ffb195}
@media(max-width:680px){.ocean-finish[data-tier=needs-help]{padding:57px 9px 45px}.ocean-finish[data-tier=needs-help] .ocean-result-card{padding:12px;grid-template-columns:80px minmax(0,1fr);gap:8px 10px}.ocean-finish[data-tier=needs-help] h2{font-size:1.7rem}}