:is(html:has(.ocean-page),body:has(.ocean-page)){height:100%;overflow:hidden}.ocean-world{height:100dvh;overflow:hidden}.storefront.ocean-page{color:#173e56;background:#087ba7;height:100dvh;min-height:0;overflow:hidden}.storefront.ocean-page:before{display:none}.ocean-scenery{z-index:0;object-fit:cover;object-position:50% 50%;pointer-events:none}.ocean-water-shade{z-index:1;pointer-events:none;background:linear-gradient(#03385d45,#0000 32%,#b7e6f230 62%,#eaf7fc66);position:absolute;inset:0}.ocean-main{z-index:2;height:100%;padding:calc(14px + env(safe-area-inset-top)) 18px calc(76px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;gap:12px;display:flex;position:relative;overflow:hidden auto}.ocean-main::-webkit-scrollbar{display:none}.ocean-shell-header{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;display:flex}.ocean-shell-identity{align-items:center;gap:10px;display:flex}.ocean-shell-header .brand-mark{width:42px;height:42px}.ocean-brand-name{color:#ddf4ff;letter-spacing:.3px;margin-bottom:3px;font-size:11px;line-height:1;display:block}.ocean-shell-header h1{color:#fff;letter-spacing:-.6px;text-shadow:0 2px 10px #033e6630;margin:0;font-size:24px;font-weight:650;line-height:1.2}.ocean-shell-header>a{background:#f3fbffe8;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 18px #03476712}.ocean-status{flex-shrink:0}.ocean-assets{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fcffe0;border:1px solid #ffffffa8;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;box-shadow:0 5px 22px #034e7510}.ocean-asset{text-align:left;background:0 0;border:0;border-radius:21px;align-items:center;gap:9px;min-width:0;min-height:64px;padding:10px 13px;display:flex;position:relative}.ocean-asset+.ocean-asset:before{content:"";background:#719fb52e;width:1px;position:absolute;top:14px;bottom:14px;left:0}.ocean-asset-copy{gap:5px;min-width:0;display:grid}.ocean-asset-label{color:#526f80;font-size:11px;line-height:1.2}.ocean-asset-copy strong{color:#173e56;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:18px;font-weight:650;line-height:1.2}.ocean-asset-copy strong.is-pending{color:#617b8b;font-size:12px;font-weight:500}.ocean-asset .ocean-jar-art{flex-shrink:0;width:36px;height:42px}.ocean-asset .ocean-nursery-art{flex-shrink:0;width:43px}.ocean-nursery-art{display:block}.ocean-nursery-art>img{filter:drop-shadow(0 5px 7px #347b7412);width:100%;height:auto;display:block}.ocean-scene{flex-direction:column;flex:1 0 200px;min-height:200px;display:flex;position:relative}.ocean-habitat{flex:1;min-height:190px;position:relative}.ocean-swimming-school{z-index:1;pointer-events:none;position:absolute;inset:0}.ocean-fish{z-index:2;-webkit-user-select:none;user-select:none;border-radius:50%;width:min(24%,96px);max-width:96px;position:absolute;top:45%;left:43%;transform:translate(-50%,-50%)}.ocean-fish img{filter:drop-shadow(0 8px 14px #075b7b30);width:100%;height:auto;animation:6s ease-in-out infinite ocean-swim;display:block}.ocean-fish:active{opacity:1}.ocean-fish:active img{scale:.97}.ocean-icon{flex-shrink:0;max-width:100%;display:block;overflow:visible}.ocean-food-icon{width:36px;height:36px;display:block;overflow:visible}.ocean-reward{z-index:3;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 26% 18%,#ffffff5e,#0000 27%),linear-gradient(145deg,#0a5d8c35,#0c598f70);border:1px solid #fff9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;transition:scale .2s;animation:5s ease-in-out infinite ocean-orb;display:flex;position:absolute;box-shadow:inset 1px 2px 5px #ffffff63,inset -2px -3px 7px #a9e8f53d,0 6px 15px #04596d12}.ocean-reward:hover{scale:1.06}.ocean-reward:active{opacity:1;scale:.93}.ocean-reward .ocean-food-icon{width:27px;height:27px;margin-top:-2px}.ocean-reward strong{text-shadow:0 2px 4px #004c6c65;margin-top:-2px;font-size:14px;font-weight:650;line-height:1}.ocean-orb-glint{filter:blur(.5px);background:#ffffffba;border-radius:50%;width:12px;height:4px;position:absolute;top:8px;left:8px;transform:rotate(-40deg)}.ocean-reward-0{animation-delay:-.7s;top:14%;left:2%}.ocean-reward-1{animation-delay:-2s;top:4%;right:3%}.ocean-reward-2{animation-delay:-3.1s;bottom:6%;right:1%}.ocean-feedback{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ocean-dashboard{flex-shrink:0}.ocean-modules,.ocean-discover{gap:10px;display:grid}.ocean-gateways{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ocean-gateway{color:#173e56;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fcffe8;border:1px solid #ffffffa8;border-radius:19px;align-items:center;gap:9px;min-width:0;min-height:62px;padding:10px 13px;display:flex;box-shadow:0 5px 20px #034e750c}.ocean-gateway-icon{flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.ocean-gateway-icon>svg{width:36px;height:36px}.ocean-gateway-copy{min-width:0}.ocean-gateway strong{font-size:14px;font-weight:650;line-height:1.3;display:block}.ocean-scenarios{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0;display:grid}.ocean-scenarios>:is(a,button){color:#17415b;text-align:center;text-shadow:0 1px 5px #ffffffe0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:70px;font-size:11px;font-weight:550;line-height:1.3;display:flex}.ocean-scenarios>:is(a,button)>span{background:#f4fbffd9;border:1px solid #ffffffa8;border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 3px 12px #034e7512}.ocean-scenarios .ocean-icon{width:32px;height:32px}.ocean-missions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7fcffdb;border:1px solid #ffffffa8;border-radius:17px;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:50px;padding:2px 12px;display:flex;box-shadow:0 3px 16px #034e750a}.ocean-mission-heading{align-items:center;gap:6px;min-width:0;display:flex}.ocean-missions h2{color:#254b61;font-size:13px;font-weight:600;line-height:1.3}.ocean-mission-count{color:#758f9e;font-variant-numeric:tabular-nums;font-size:11px}.ocean-mission-open{color:#2476bb;justify-content:center;align-items:center;gap:2px;min-height:44px;margin-left:auto;font-size:12px;display:inline-flex}.ocean-mission-claim{color:#fff;background:#247edb;border-radius:13px;min-height:44px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:600}.ocean-mission-claim:disabled{color:#617e8e;opacity:1;background:0 0}.ocean-world :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #68c8ed}.ocean-world .navigation-anchor .morphing-menu{--mm-surface:#f4fbfff2}.ocean-world .navigation-anchor .morphing-menu__shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ocean-feed-button{background:var(--brand-action);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:46px;padding:10px 16px;font-size:15px;font-weight:650;line-height:1.2;transition:transform .15s;display:flex;box-shadow:0 8px 18px #245ee82e}.ocean-feed-button:active{opacity:1;transform:scale(.97)}.ocean-feed-button .ocean-food-icon{width:23px;height:23px}.ocean-feed-button b{font-weight:650}.ocean-dialog{overscroll-behavior:contain;color:#12394e;background:#f8fcff;border:1px solid #fff;border-radius:28px;width:min(420px,100vw - 28px);max-height:min(80svh,700px);margin:auto;padding:25px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 20px 100px #0034523d}.ocean-dialog>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.ocean-dialog h2{margin-top:0;font-size:23px;font-weight:750;line-height:1.3}.ocean-dialog-close{color:#7193a5;background:#e9f2f7;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.ocean-demo-note{color:#91a2ac;text-align:center;margin-top:21px;font-size:10px;line-height:1.8}.ocean-collection-feature{text-align:center;background:radial-gradient(circle at 50% 35%,#b1edff,#e7f7fb 70%);border-radius:23px;margin-top:18px;padding:0 20px 23px;position:relative}.ocean-collection-feature>img{margin:auto;display:block}.ocean-collection-badge{color:#2f9d9d;align-items:center;gap:3px;font-size:10px;display:flex;position:absolute;top:15px;right:14px}.ocean-collection-feature h3{font-size:22px;font-weight:750}.ocean-collection-feature>span:last-child{color:#2b9cae;background:#fff8;border-radius:15px;padding:5px 12px;font-size:10px}.ocean-locked-friends{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.ocean-locked-friends>div{color:#afc6d1;background:#eef4f7;border:1px dashed #cfdfe7;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:22px 8px;display:flex}.ocean-locked-friends span{color:#8a9fac;font-size:12px}.ocean-locked-friends small{align-items:center;gap:4px;font-size:9px;display:flex}.ocean-food-summary{background:#e9f6fb;border:1px solid #d4edf4;border-radius:24px;justify-content:center;align-items:center;gap:12px;margin:22px 0;padding:23px 10px;display:flex}.ocean-food-summary .ocean-food-icon{width:58px;height:58px}.ocean-food-summary strong{font-variant-numeric:tabular-nums;color:#108fab;font-size:42px}.ocean-food-summary>span{color:#7d9aa9;font-size:12px}.ocean-food-explainer{color:#71909f;background:#fff;border-radius:16px;margin-top:20px;padding:16px;font-size:11px;line-height:1.9}.ocean-food-explainer p+p{margin-top:8px}.ocean-nursery-preview{background:radial-gradient(at 50% 20%,#b6efff,#f2f9ff 75%);border-radius:23px;justify-items:center;gap:7px;margin-bottom:17px;padding:8px 10px 20px;display:grid}.ocean-nursery-preview>span:last-child{color:#1b97b5;background:#fff;border-radius:16px;padding:5px 12px;font-size:11px}.ocean-nursery-stats{text-align:center;grid-template-columns:1fr 1fr;margin-top:18px;display:grid}.ocean-nursery-stats>div{color:#83a0ae;gap:8px;font-size:12px;display:grid}.ocean-nursery-stats>div+div{border-left:1px solid #dfeef5}.ocean-nursery-stats strong{color:#2b7899;font-size:25px}.ocean-dialog-section-title{margin:20px 0 8px;font-size:16px;font-weight:650}.ocean-dialog-links{gap:8px;margin-top:16px;display:grid}.ocean-dialog-links>:is(a,button){color:#1f779a;text-align:left;background:#fff;border:1px solid #e7f0f5;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.ocean-dialog-links>:is(a,button)>span{color:#34596e;flex:1;font-size:12px;line-height:1.5}.ocean-dialog-links small{color:#8ba4b0;margin-top:4px;font-size:10px;line-height:1.5;display:block}.ocean-dialog-links>:is(a,button)>svg{flex-shrink:0}.ocean-dialog-cta{color:#fff;background:#178fdb;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:20px;padding:12px 17px;font-size:13px;font-weight:600;display:flex}.ocean-sharing-art{background:#e9f8f7;border-radius:26px;place-items:center;width:82px;height:82px;margin:20px auto;display:grid}.ocean-share-steps{color:#698895;gap:12px;padding:18px 0 0;font-size:12px;list-style:none;display:grid}.ocean-share-steps li{align-items:center;gap:12px;display:flex}.ocean-share-steps span{color:#5594be;background:#eaf2fa;border-radius:10px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:650;display:grid}.ocean-dialog{color:#183b72;background:#f7f9ff;border-color:#fff}.ocean-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#183b7266}.ocean-dialog h2{color:#183b72;font-size:22px;font-weight:650}.ocean-dialog-lead{color:#6e819e;font-size:13px;line-height:1.75}.ocean-dialog-close{color:#6e819e;background:#eaf2ff}.ocean-dialog-cta{background:var(--brand-action);border-radius:16px}.ocean-nursery-preview{background:radial-gradient(at 50% 25%,#e7f3ff,#f7f9ff 75%)}.ocean-nursery-preview>span:last-child{color:#568fbf}.ocean-nursery-preview .ocean-nursery-art{width:230px}.ocean-food-summary{background:#f5efdb;border-color:#e7e1cd}.ocean-food-summary strong{color:#9d7c37}.ocean-demo-note{color:#8a97a8;font-size:11px;line-height:1.8}.ocean-food-explainer{color:#6e819e;font-size:12px}@keyframes ocean-swim{0%,to{transform:translateY(2px)rotate(-2deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes ocean-orb{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (min-width:600px){:is(html:has(.ocean-page),body:has(.ocean-page)){background:#eef1f8}.storefront.ocean-page{border-inline:1px solid #ffffffd9}}@media (max-width:360px){.ocean-main{gap:10px;padding-inline:12px}.ocean-shell-header h1{font-size:22px}.ocean-asset{gap:7px;min-height:60px;padding:9px 10px}.ocean-asset .ocean-jar-art{width:31px;height:38px}.ocean-asset .ocean-nursery-art{width:36px}.ocean-scene{flex-basis:168px;min-height:168px}.ocean-habitat{min-height:168px}.ocean-reward-0{top:8%;left:0}.ocean-reward-1{right:0}.ocean-reward-2{bottom:1%;right:0}.ocean-gateway{gap:7px;min-height:58px;padding:9px 10px}.ocean-gateway strong{font-size:13px}.ocean-scenarios>:is(a,button){font-size:10px}.ocean-missions{padding-inline:9px}}.ocean-dialog-title{align-items:center;gap:10px;min-width:0;display:flex}.ocean-dialog.ocean-tasks-dialog{color:#17394b;background:radial-gradient(at 100% 0,#dcefff85,#0000 55%),#f5f8fc;border-radius:30px;width:min(440px,100vw - 32px);max-height:min(88svh,720px);padding:0;overflow:hidden;box-shadow:0 24px 80px #063d5e33}.ocean-tasks-dialog[open]{flex-direction:column;display:flex}.ocean-tasks-dialog>header{flex-shrink:0;margin:0;padding:20px 22px 12px}.ocean-tasks-dialog h2{color:#17394b;letter-spacing:-.5px;font-size:22px;font-weight:650}.ocean-tasks-dialog .ocean-dialog-close{color:#607b8d;background:#eaf1f7;width:44px;height:44px}.ocean-task-content{min-height:0;padding:0 22px max(22px,env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cddde8 transparent;overflow-y:auto}.ocean-task-overview{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:4px 2px 16px;display:grid}.ocean-task-overview-copy>span{color:#607888;font-size:12px;line-height:1.4}.ocean-task-count{color:#607888;font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;margin-top:4px;font-size:15px;display:flex}.ocean-task-count strong{color:#195b81;letter-spacing:-1px;font-size:30px;font-weight:650;line-height:1.1}.ocean-task-count small{color:#607888;margin-left:3px;font-size:11px}.ocean-task-total{background:#fff8e9;border:1px solid #f3e6cb;border-radius:15px;align-items:center;gap:7px;padding:8px 11px 8px 8px;display:flex}.ocean-task-total>.ocean-icon{width:32px;height:32px}.ocean-task-total>div{gap:2px;display:grid}.ocean-task-total>div>span{color:#8a6d37;font-size:10px;line-height:1.3}.ocean-task-total strong{font-variant-numeric:tabular-nums;color:#805c18;font-size:20px;font-weight:650;line-height:1.2}.ocean-task-total small{font-size:11px;font-weight:600}.ocean-task-progress{grid-column:1/-1;gap:6px;display:flex}.ocean-task-progress>span{background:#dfebf3;border-radius:999px;flex:1;height:6px}.ocean-task-progress>span[data-complete=true]{background:linear-gradient(90deg,#339ed0,#56c4dc)}.ocean-task-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ocean-task-card{background:#fff;border:1px solid #e3ebf2;border-radius:20px;grid-template-columns:44px minmax(0,1fr) minmax(72px,max-content);align-items:center;gap:12px;min-height:88px;padding:14px;display:grid;box-shadow:0 3px 12px #1d668205}.ocean-task-symbol{background:#edf6fc;border:1px solid #e1eef7;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.ocean-task-symbol>.ocean-icon{width:34px;height:34px}.ocean-task-card[data-task=feed] .ocean-task-symbol{background:#fff6e5;border-color:#f5e8cc}.ocean-task-card[data-task=bubbles] .ocean-task-symbol{background:#eaf8fc;border-color:#dbeff6}.ocean-task-copy{min-width:0}.ocean-task-copy h3{color:#203e54;font-size:14px;font-weight:600;line-height:1.45}.ocean-task-meta{flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:7px;line-height:1.4;display:flex}.ocean-task-meta>span{color:#8b641d;font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff6df;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:600;line-height:1.2}.ocean-task-meta>small{color:#607888;font-size:11px}.ocean-task-action{color:#326780;overflow-wrap:anywhere;background:#f2f7fb;border:1px solid #dce8f1;border-radius:14px;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:8px 7px;font-size:12px;font-weight:600;line-height:1.3;display:flex}.ocean-task-card[data-state=ready]{background:linear-gradient(120deg,#fff,#f1f9ff);border-color:#a9d5ec;box-shadow:0 4px 16px #2383b90a}.ocean-task-card[data-state=ready] .ocean-task-action{color:#fff;background:var(--brand-action);border-color:#0000;box-shadow:0 3px 10px #247edb1a}.ocean-task-card[data-state=claimed]{box-shadow:none;background:#f7f9fc;border-color:#e8edf3}.ocean-task-card[data-state=claimed] .ocean-task-symbol{opacity:.65}.ocean-task-card[data-state=claimed] .ocean-task-action{color:#5f7686;box-shadow:none;background:#eaf1f5;border-color:#0000}.ocean-task-action:disabled{opacity:1;cursor:default}.ocean-task-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.ocean-task-shortcuts>:is(a,button){color:#42667f;text-align:left;background:#edf4f9;border:1px solid #e1ebf3;border-radius:14px;align-items:center;gap:7px;min-height:52px;padding:9px 10px;font-size:12px;font-weight:550;line-height:1.4;display:flex}.ocean-task-shortcuts>:is(a,button)>.ocean-icon{width:25px;height:25px}.ocean-task-shortcuts>:is(a,button)>span{flex:1}.ocean-task-shortcuts>:is(a,button)>svg:last-child{color:#7293a5;flex-shrink:0}.ocean-task-disclaimer{color:#61798a;text-align:center;margin-top:14px;font-size:11px;line-height:1.6}@media (max-width:480px){.ocean-dialog.ocean-tasks-dialog{border-bottom:0;border-radius:32px 32px 0 0;width:100%;max-width:480px;max-height:88svh;margin:0 auto;inset:auto 0 0}}@media (max-width:360px){.ocean-tasks-dialog>header{padding:16px 16px 10px}.ocean-task-content{padding-inline:16px}.ocean-task-overview{gap:10px}.ocean-task-total{gap:5px;padding-inline:7px}.ocean-task-total>.ocean-icon{width:28px;height:28px}.ocean-task-card{border-radius:18px;grid-template-columns:40px minmax(0,1fr) minmax(72px,max-content);gap:8px;padding:13px 11px}.ocean-task-symbol{border-radius:13px;width:40px;height:40px}.ocean-task-symbol>.ocean-icon{width:31px;height:31px}.ocean-task-copy h3{font-size:13px}.ocean-task-shortcuts{gap:8px}.ocean-task-shortcuts>:is(a,button){gap:5px;padding-inline:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.ocean-page *,.ocean-dialog *{transition:none!important;animation:none!important}}