.ocean-home{min-height:100svh;padding:24px;background:#fcfefe;color:#14394a}.ocean-world{position:relative;isolation:isolate;overflow:hidden;max-width:1440px;margin:0 auto;border:1px solid #e0ebef;border-radius:21px;background:#f5fafc}.ocean-intro{display:grid;grid-template-columns:1fr minmax(250px,.9fr);column-gap:36px;padding:29px 40px 31px}.ocean-greeting{grid-column:1;grid-row:1;display:flex;align-items:center;gap:7px;margin:0;color:#5b7b89;font-size:11px;letter-spacing:.02em}.ocean-greeting>span{display:block;width:4px;height:4px;background:#238c9a;box-shadow:4px 0 #238c9a,0 4px #238c9a,4px 4px #238c9a;margin-right:5px}.ocean-intro h1{grid-column:1;grid-row:2;width:fit-content;margin:11px 0 0;font:82px/.95 FusionPixel,Courier New,monospace;letter-spacing:-4px;color:#14394a}.ocean-intro h1>span{color:#238c9a}.ocean-motto{grid-column:1;grid-row:3;margin:12px 0 0;font-size:21px;font-weight:600;letter-spacing:-.6px;align-self:center}.ocean-description{grid-column:2;grid-row:2;align-self:center;margin:6px 0 0;color:#587782;font-size:13px;line-height:1.9}.ocean-actions{grid-column:2;grid-row:3;display:flex;align-items:center;gap:10px;margin-top:12px}.ocean-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:38px;padding:9px 16px;border-radius:8px;font-size:12px;line-height:1.5;font-weight:500;transition:background .15s}.ocean-primary-link{background:#14394a;color:#fcfefe}.ocean-primary-link:hover{background:#225668}.ocean-secondary-link{background:#fcfefe;border:1px solid #d5e4ea;color:#365e6c}.ocean-secondary-link:hover{background:#e7f5fa}.ocean-actions>a:focus-visible,.ocean-shortcuts>a:focus-visible{outline:2px solid #238c9a;outline-offset:4px}.ocean-shortcuts{position:static;display:flex;justify-content:flex-end;align-items:center;gap:15px;color:#31596a;font-size:11px;padding:0 40px 24px}.ocean-shortcuts>span{height:10px;width:1px;background:#c0d8e0}.ocean-shortcuts>a:hover{color:#14394a;text-decoration:underline;text-underline-offset:4px}.ocean-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:2/1;background:#249ee2}.ocean-scene-art{display:block;width:100%;height:auto;image-rendering:pixelated}.ocean-caustics{inset:57% 0 3%;opacity:.1;background:repeating-linear-gradient(115deg,transparent 0 8%,#d0f6ff 10%,transparent 12% 22%);mask-image:linear-gradient(transparent,#0007 20%,transparent 95%);animation:ocean-caustics-drift 12s ease-in-out infinite}.ocean-bubbles,.ocean-caustics{position:absolute;z-index:1;pointer-events:none}.ocean-bubbles{inset:56% 0 4%;overflow:hidden}.ocean-bubbles>i{position:absolute;bottom:-20px;width:var(--bubble-size);height:var(--bubble-size);border:1px solid #c5f8ff;opacity:0;animation:ocean-bubble-rise 15s linear var(--bubble-delay) infinite}.ocean-friends{position:absolute;z-index:2;inset:0}.ocean-friend{position:absolute;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0;transform:translate(-50%,-50%);border:1px solid transparent;border-radius:14px;background:transparent}.ocean-friend:after{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse,#fcfefe17,transparent 72%);transition:opacity .2s}.ocean-friend-name{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);display:block;opacity:0;padding:3px 8px;color:#14394a;background:#fcfefef2;border-radius:5px;font-size:10px;line-height:1.5;white-space:nowrap;pointer-events:none;transition:opacity .15s}.ocean-friend.is-selected:after,.ocean-friend.is-selected>.ocean-friend-name,.ocean-friend:hover:after,.ocean-friend:hover>.ocean-friend-name{opacity:1}.ocean-friend:focus-visible{outline:2px dashed #e2fcff;outline-offset:2px}.ocean-live-school{position:absolute;z-index:3;inset:0;pointer-events:none}.ocean-live-fish{--sprite-scale:.32;position:absolute;min-width:28px;min-height:28px;border:0;border-radius:7px;padding:0;background:transparent;pointer-events:auto;animation:ocean-small-fish-swim 18s ease-in-out var(--swim-delay) infinite}.ocean-live-fish,.ocean-live-sprite{width:calc(var(--sprite-width) * var(--sprite-scale));height:calc(var(--sprite-height) * var(--sprite-scale))}.ocean-live-sprite{display:block;background-image:url(/ocean/ocean-creatures-transparent.png);background-size:calc(1933px * var(--sprite-scale)) calc(813px * var(--sprite-scale));background-position:calc(var(--sprite-x) * var(--sprite-scale)) calc(var(--sprite-y) * var(--sprite-scale));background-repeat:no-repeat;transform:scaleX(var(--sprite-flip));image-rendering:pixelated}.ocean-live-fish.is-selected>.ocean-friend-name,.ocean-live-fish:hover>.ocean-friend-name{opacity:1}.ocean-live-fish:focus-visible,.ocean-live-fish:hover{animation-play-state:paused}.ocean-live-fish:focus-visible{outline:2px dashed #e2fcff;outline-offset:3px}.ocean-scene-caption{position:absolute;z-index:4;left:50%;bottom:13px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100% - 32px);min-height:30px;padding:6px 12px;border:1px solid #fcfefe99;border-radius:7px;background:#f0fafbe8;color:#456977;font-size:10px;white-space:nowrap;backdrop-filter:blur(5px)}.ocean-scene-caption>strong{font-weight:600;color:#244e60}.ocean-caption-dot{display:block;width:4px;height:4px;background:#238c9a;box-shadow:3px 0 #238c9a}.ocean-scene-caption>button{padding:0 2px;border:0;background:transparent;color:#426c7b;font-size:17px;line-height:16px}@keyframes ocean-caustics-drift{0%,to{transform:translateX(-2%);opacity:.06}50%{transform:translateX(2%);opacity:.15}}@keyframes ocean-bubble-rise{0%{opacity:0;transform:translate(0)}10%{opacity:.7}85%{opacity:.3}to{opacity:0;transform:translate(12px,-250px)}}@keyframes ocean-small-fish-swim{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% - 30px),calc(-50% - 5px))}}@media (min-width:1600px){.ocean-home{padding-top:32px}.ocean-intro{padding:36px 52px}.ocean-intro h1{font-size:94px}.ocean-motto{font-size:24px}.ocean-description{font-size:14px}.ocean-shortcuts{top:36px;right:52px}}@media (max-width:1100px) and (min-width:768px){.ocean-home{padding:20px}.ocean-intro{padding:28px;grid-template-columns:1fr}.ocean-intro h1{font-size:76px}.ocean-motto{font-size:21px}.ocean-description{grid-column:1;grid-row:4;margin-top:14px}.ocean-actions{grid-column:1;grid-row:5;margin-top:18px}.ocean-shortcuts{top:28px;right:28px}.ocean-scene-caption{bottom:8px;padding:5px 8px}}@media (max-width:767px){.ocean-home{padding:14px 12px;min-height:calc(100svh - 130px)}.ocean-world{border-radius:17px}.ocean-intro{grid-template-columns:1fr;padding:28px 24px 27px}.ocean-greeting{font-size:10px}.ocean-intro h1{font-size:78px;margin-top:13px;letter-spacing:-4px}.ocean-motto{font-size:20px;margin-top:13px;letter-spacing:-.7px}.ocean-description{grid-column:1;grid-row:4;font-size:11px;line-height:1.9;margin-top:12px}.ocean-actions{grid-column:1;grid-row:5;margin-top:18px;gap:9px}.ocean-actions>a{min-height:38px;padding:9px 13px;gap:17px;font-size:11px}.ocean-shortcuts{position:static;justify-content:center;gap:15px;padding:15px 12px;font-size:11px;background:#f5fafc;border:0;border-radius:0}.ocean-scene{aspect-ratio:auto}.ocean-scene-art{aspect-ratio:2/1}.ocean-friend{border-radius:7px}.ocean-friend-name{font-size:8px;padding:2px 5px}.ocean-scene-caption{position:relative;left:auto;bottom:auto;transform:none;justify-content:center;min-height:38px;max-width:none;padding:8px 10px;border:0;border-radius:0;font-size:9px;gap:6px;background:#e7f5fa;backdrop-filter:none}.ocean-friends,.ocean-live-school{bottom:38px}.ocean-live-fish{--sprite-scale:.19}.ocean-bubbles,.ocean-caustics{bottom:42px}}@media (max-width:360px){.ocean-intro{padding-left:20px;padding-right:20px}.ocean-motto{font-size:18px}.ocean-intro h1{font-size:71px}.ocean-scene-caption{gap:4px;font-size:8px}}@media (prefers-reduced-motion:reduce){.ocean-bubbles>i,.ocean-caustics{animation:none}.ocean-live-fish{animation:none;transform:translate(-50%,-50%)}.ocean-actions>a,.ocean-friend-name,.ocean-friend:after{transition:none}}.ocean-game-embed{position:relative;width:100%;height:640px;background:#b8e9fa;overflow:hidden}.ocean-game-frame{display:block;width:100%;height:100%;border:0;background:#b8e9fa}.ocean-embed-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#e5f5fc;color:#537d90;font-size:12px;pointer-events:none}@media(min-width:1440px){.ocean-game-embed{height:680px}}@media(max-width:1100px) and (min-width:768px){.ocean-shortcuts{padding:0 28px 24px}}@media(max-width:767px){.ocean-game-embed{height:620px}.ocean-shortcuts{padding:0 24px 22px;justify-content:center}}