.citizens-grace-shell{--grace-ink:#eff9f6;--grace-muted:#abc8d5;--grace-gold:#eedcbb;--grace-ice:#b9ece9;--ocean-bottom:#020d19}body:has([data-citizens-grace]){background:#020d19;color:#eff9f6}body:has([data-citizens-grace]) .site-depth{background:radial-gradient(ellipse at 70% 4%,#124452 0,#082434 32%,#020d19 78%)}body:has([data-citizens-grace]) .site-depth-sky{display:none}body:has([data-citizens-grace]) .site-depth-distance{background:radial-gradient(ellipse at 90% 50%,#196e7130,transparent 54%),radial-gradient(ellipse at 10% 80%,#1b597134,transparent 60%)}body:has([data-citizens-grace]) .site-header{background:linear-gradient(180deg,#031522bd,#06223008);border-color:#bce7e41a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body:has([data-citizens-grace]) .brand-symbol{color:#bbebe5;text-shadow:0 0 22px #78d3d355}body:has([data-citizens-grace]) .site-footer{background:linear-gradient(180deg,transparent,#031320);border-color:#a4e2df22}.ocean-opening{min-height:820px;min-height:max(780px,96svh);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;margin-top:-1px;background:#020d18}.ocean-opening-art{position:absolute;inset:0;z-index:-3;pointer-events:none}.ocean-opening-art img{object-fit:cover;object-position:65% 40%}.ocean-opening-water{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 620px 370px at var(--touch-x,75%) var(--touch-y,45%),rgb(174 238 220/calc(var(--touch-active,0)*.09)),transparent 80%),linear-gradient(90deg,#020d186b,transparent 65%),linear-gradient(0deg,#020d19,transparent 25%,transparent 86%,#020d1833)}.ocean-opening-copy{padding:150px 6.3% 145px;width:100%;max-width:1600px;margin:auto;position:relative}.ocean-overline{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.25em;color:#b3d6d7}.ocean-overline i{width:6px;height:6px;background:#dfeddd;border-radius:50%;box-shadow:0 0 15px 3px #c3eadd50}.ocean-prelude{font-size:13px;letter-spacing:.11em;color:#aed5d7;margin:50px 0 19px}.ocean-opening h1{font-size:clamp(58px,6.4vw,99px);line-height:1.06;letter-spacing:-.055em;margin:0;max-width:710px;font-weight:400;text-wrap:wrap;color:#f0f7ee;text-shadow:0 3px 35px #00101a55}.ocean-opening h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:#f1dfbc;letter-spacing:-.05em}.ocean-opening-intro{font-size:17px;line-height:1.85;color:#bcd4db;max-width:400px;margin:28px 0 34px}.ocean-opening-actions{display:flex;align-items:center;gap:28px}.ocean-primary{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:45px;min-height:59px;padding:17px 25px;border:1px solid #cbe8de55;border-radius:28px 34px 28px 34px;background:linear-gradient(120deg,#badcd724,#57b4c610);color:#eff7e7;font-size:14px;text-decoration:none;box-shadow:0 10px 45px #73d1ca0d,inset 0 1px #f0f7e42a;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px)}.ocean-primary>span:last-child{font-size:22px;color:#eee4c6}.ocean-text-link{font-size:13px;color:#b5d6d9;text-decoration:none;display:inline-flex;align-items:center;gap:17px;min-height:48px;padding:8px 3px;border-bottom:1px solid #afdad633}.ocean-opening-foot{display:flex;align-items:center;gap:16px;color:#8fafbf;font-size:10px;letter-spacing:.035em;margin-top:51px}.ocean-opening-foot>span:nth-child(2){font-size:20px;color:#c4d4c3}.ocean-opening-caption{position:absolute;right:6%;bottom:9%;color:#a3d5d8;font-size:10px;letter-spacing:.18em;display:flex;align-items:center;gap:15px}.ocean-opening-caption i{width:52px;height:1px;background:#a9e2df55}.ocean-audiences{position:absolute;bottom:30px;left:6.3%;display:flex;gap:24px}.ocean-audiences a{position:relative;padding:13px 55px 13px 0;min-width:170px;color:#d9e8e8;font-size:16px;text-decoration:none;border-top:1px solid #c6e0e42f}.ocean-audiences small{display:block;color:#88aebb;font-size:9px;letter-spacing:.08em;margin-bottom:6px}.ocean-audiences a>span{position:absolute;right:6px;bottom:13px;color:#9ed8d8}[data-citizens-grace] .catalog-index{background:linear-gradient(155deg,#1942514a,#081c293d);border-color:#b6e6df30;border-radius:28px 40px 28px 40px;box-shadow:inset 0 1px #d6f5e513,0 24px 65px #0010193b}[data-citizens-grace] .index-row>.index-link{border-radius:17px;color:#b5d0d7;transition:color .3s,background-color .3s}[data-citizens-grace] .index-row.active>.index-link{color:#f0e4c8;background-color:#9ddfdb09}[data-citizens-grace] .preview-scene{border-radius:24px 48px 24px 48px;border-color:#bde4da42;box-shadow:0 30px 100px #020c1b66}[data-citizens-grace] [class*=_groupCard_]{border-color:#b2e2df39;background-color:#09253588;box-shadow:inset 0 1px #d4f3e720,inset 0 -1px #7abfc322,0 25px 80px #020c1938;border-radius:24px 37px 24px 37px}[data-citizens-grace] [class*=_groupCard_]:before{border-radius:inherit;background:radial-gradient(ellipse at var(--touch-x,40%) var(--touch-y,20%),#b4e2d40d,transparent 68%)}[data-citizens-grace] [class*=_options_]>button{border-color:#b4dede40;background-color:#a2d8d10a;border-radius:15px 21px 15px 21px;color:#c6dde1}[data-citizens-grace] [class*=_options_]>button[aria-pressed=true]{background-color:#8bd5c322;border-color:#c5e4c58a;color:#f0ecda}[data-citizens-grace] [class*=_questionPanel_]{background:transparent}[data-citizens-grace] [class*=_specialistCard_]{background:linear-gradient(125deg,#11354287,#10414442);border-radius:28px;border-color:#b8e1d642}[data-citizens-grace] [class*=_heroArt_]{border-radius:22px 42px 22px 42px;border-color:#bbe4de35}[data-citizens-grace] [class*=_heroCopy_] p{color:#b8d1da}[data-citizens-grace] .grace-material{border-color:rgb(184 239 226/calc(.09 + var(--tactile-warmth,0)*.35));background:radial-gradient(ellipse at var(--touch-x,50%) var(--touch-y,20%),rgb(182 242 224/calc(.025 + var(--tactile-warmth,0)*.15)),transparent 74%),linear-gradient(125deg,#96daca08,#efd6a405 45%,#08243209);box-shadow:inset 0 1px #d8f8e31c,0 10px 35px rgb(75 174 181/calc(var(--tactile-warmth,0)*.09))}[data-citizens-grace] [data-grace-control]:focus-visible{outline-color:#c5ede0}[data-citizens-grace] :is(input,textarea)::placeholder{color:#95b1c2;opacity:1}[data-citizens-grace] .audience-page{padding-top:80px}.ocean-catalog-anchor{scroll-margin-top:95px}.ocean-legal-note{font-size:12px;line-height:1.7;color:#8eafc0;max-width:620px;margin:0 auto;padding:10px 24px 35px;text-align:center}@media(min-width:1600px){.ocean-opening-art img{object-position:65% 36%}.ocean-opening-copy{padding-left:90px}}@media(max-width:760px){.ocean-opening{min-height:890px;min-height:max(840px,100svh);align-items:flex-end}.ocean-opening-art{bottom:28%}.ocean-opening-art img{object-position:80% 20%}.ocean-opening-water{background:linear-gradient(0deg,#020d19 6%,#020d19ee 23%,#020d1990 42%,#020d1900 72%)}.ocean-opening-copy{padding:315px 6% 82px}.ocean-overline{font-size:9px;letter-spacing:.18em}.ocean-prelude{font-size:11px;margin:28px 0 13px}.ocean-opening h1{font-size:clamp(46px,11.8vw,75px);line-height:1.08;letter-spacing:-.045em}.ocean-opening-intro{font-size:14px;line-height:1.8;margin:20px 0 24px;max-width:350px}.ocean-desktop-break{display:none}.ocean-opening-actions{gap:16px;flex-wrap:wrap}.ocean-primary{min-height:55px;padding:14px 20px;font-size:13px;gap:27px}.ocean-text-link{font-size:12px;gap:10px}.ocean-opening-foot{font-size:9px;line-height:1.6;gap:9px;margin-top:24px;flex-wrap:wrap}.ocean-opening-foot>span:nth-child(2){font-size:15px}.ocean-opening-caption{display:none}.ocean-audiences{bottom:16px;left:6%;right:6%;gap:18px}.ocean-audiences a{font-size:14px;flex:1 1;min-width:0;padding-right:24px}.ocean-audiences small{font-size:8px}.ocean-opening:has(.ocean-audiences) .ocean-opening-copy{padding-bottom:112px}[data-citizens-grace] .audience-page{padding-top:45px}.grace-motion-dock{top:90px;right:6%;z-index:7}}@media(max-width:370px){.ocean-opening-copy{padding-top:300px}.ocean-opening-actions{gap:12px}.ocean-primary{gap:15px;padding-inline:17px}.ocean-opening-foot{max-width:245px}.ocean-opening-foot>span:nth-child(2){display:none}.ocean-opening-foot>span{display:block;width:100%}}@media(prefers-reduced-motion:reduce){.ocean-opening *{animation:none!important}.ocean-opening-art{transform:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-citizens-grace] .catalog-index{background-color:#082433f5}.ocean-primary{background:#174450}}.ocean-opening-actions .ocean-living-entry{font-size:14px;min-height:56px;padding:16px 23px;min-width:230px}.ocean-opening-actions .ocean-living-entry>span{justify-content:space-between;gap:35px}@media(max-width:370px){.ocean-opening-actions .ocean-living-entry{min-width:0;width:100%;font-size:13px}}.ocean-ecology{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;isolation:isolate;background:#030b1c;contain:strict}.ocean-cosmic-distance{position:absolute;inset:-2%;opacity:.87;will-change:transform;pointer-events:none}.ocean-cosmic-plate{inset:0;background:linear-gradient(0deg,#030d2530,#080c2412),url(/art/ocean-cosmos/cosmic-clearing-r1.webp) 50%/100% 100%}.ocean-cosmic-galaxy,.ocean-cosmic-planet,.ocean-cosmic-plate{position:absolute;pointer-events:none}.ocean-cosmic-galaxy{opacity:.76}.ocean-galaxy-projection{width:100%;height:100%;rotate:-14deg;scale:1 .56}.ocean-cosmic-spin{display:block;width:100%;height:100%;pointer-events:none;transform-origin:50% 50%}.ocean-cosmic-planet{isolation:isolate;opacity:.79}.ocean-planet-core{display:block;position:relative;z-index:1;width:100%;height:100%;pointer-events:none}.ocean-ring-projection{position:absolute;left:calc((100% - var(--cosmic-ring-size))/2);top:calc((100% - var(--cosmic-ring-size))/2);width:var(--cosmic-ring-size);height:var(--cosmic-ring-size);rotate:18deg;scale:1 .31;pointer-events:none}.ocean-ring-half{position:absolute;inset:0;pointer-events:none}.ocean-ring-back{clip-path:inset(0 0 50%)}.ocean-ring-front{clip-path:inset(50% 0 0)}.ocean-ring-foreground{z-index:2}.ocean-hero-life .ocean-cosmic-distance{inset:0;opacity:.23;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}.ocean-deep-current{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 22%,#b0a5e317,transparent 40%),linear-gradient(135deg,transparent 30%,#71d4d40c 41%,transparent 51%);mix-blend-mode:screen;animation:oceanDeepBreath 29s ease-in-out infinite alternate}.ocean-being{position:absolute;pointer-events:none;--ocean-near:0;opacity:.63}.ocean-being-material{position:relative;width:100%;height:100%;transform-origin:50% 83%;will-change:transform}.ocean-being img{width:100%;height:auto;display:block;filter:brightness(calc(.86 + var(--ocean-near)*.36)) drop-shadow(0 0 12px #a6d8f316);animation:oceanOrganismBreath var(--ocean-rhythm,17s) ease-in-out var(--ocean-phase,0s) infinite alternate;transform-origin:50% 90%}.garden-left{left:-3%;bottom:-4%;width:min(28vw,440px);opacity:.58;z-index:2}.garden-right{right:-5%;bottom:5%;width:min(24vw,355px);opacity:.42;z-index:1}.garden-right img{transform:scaleX(-1);animation-name:oceanPlantBreath}.jelly-near{right:1%;top:43%;width:min(16vw,230px);opacity:.72;z-index:4;transform:rotate(-12deg)}.jelly-far{left:3%;top:11%;width:min(11vw,150px);opacity:.36;z-index:1;transform:rotate(14deg)}.jelly-far img,.jelly-near img{transform-origin:50% 28%;animation-name:oceanJellyBreath}.orb-far{right:8%;top:5%;width:min(19vw,285px);opacity:.28;z-index:0}.orb-far img{animation-name:oceanOrbDrift;filter:drop-shadow(0 0 35px #b7b4e619)}.ocean-life-light{position:absolute;inset:10% 5% 12%;background:radial-gradient(ellipse at 44% 35%,rgb(179 237 232/calc(var(--ocean-near)*.15)),transparent 66%);mix-blend-mode:screen;pointer-events:none}.ocean-reading-depth{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#020f190a,#050e2440 24%,#040c245c 48%,#040d2029 78%,transparent),linear-gradient(180deg,#040e1814,transparent 35%,#030e2033)}.ocean-hero-life{position:absolute;z-index:-1;background:transparent}.hero-garden-edge{left:-3%;bottom:-9%;width:min(14vw,205px);opacity:.4}.hero-jelly-near{right:2%;top:59%;width:min(11vw,155px);opacity:.6;transform:rotate(-15deg)}.hero-jelly-near img{transform-origin:50% 28%;animation-name:oceanJellyBreath}[data-citizens-grace] [class*=_heroCopy_]{position:relative;isolation:isolate}[data-citizens-grace] [class*=_heroCopy_]:before{content:"";position:absolute;inset:-42px -32px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 48%,#041326ed 0,#041326c9 49%,#04132600 75%);filter:blur(12px)}.citizens-grace-shell .grace-material{display:none!important}.ocean-opening-water:before{content:none}.ocean-draft-update{padding:16px 20px;border:1px solid #c1dfd33f;border-radius:18px;background:#5b96a214;margin-bottom:18px;color:#d9e9e0;font-size:14px;line-height:1.7}.ocean-draft-update button{padding:9px 14px;min-height:44px;color:#f1e4bf;border:1px solid #e5d5af5f;border-radius:15px;background:#c3d6bd12;font:inherit;font-size:13px}@keyframes oceanOrganismBreath{0%{transform:rotate(-1.3deg) scaleX(.99) scaleY(.996)}to{transform:rotate(1.6deg) scaleX(1.015) scaleY(1.009)}}@keyframes oceanPlantBreath{0%{transform:scaleX(-1) rotate(-1.9deg)}to{transform:scaleX(-1) rotate(1.2deg)}}@keyframes oceanJellyBreath{0%{transform:translateY(0) scale(1.01,.984)}55%{transform:translateY(-7px) scale(.965,1.016)}to{transform:translateY(-11px) scale(1.008,.994)}}@keyframes oceanOrbDrift{0%{transform:rotate(-1deg)}to{transform:rotate(2deg)}}@keyframes oceanDeepBreath{0%{opacity:.4;transform:translate3d(-3px,2px,0)}to{opacity:.9;transform:translate3d(4px,-3px,0)}}.ocean-ecology[data-ocean-motion=still] *{animation-play-state:paused!important}[data-grace-paused=true] .ocean-ecology *,html[data-motion=reduced] .ocean-ecology *{animation-play-state:paused!important;transition:none!important}@media(max-width:760px){.ocean-cosmic-distance{opacity:.76}.garden-left{left:-1%;bottom:0;width:37vw;opacity:.42}.garden-right{right:-3%;bottom:18%;width:30vw;opacity:.28}.jelly-near{right:1%;top:39%;width:27vw;opacity:.53}.jelly-far{left:2%;top:12%;width:23vw;opacity:.4}.orb-far{right:4%;top:10%;width:37vw;opacity:.28}.ocean-reading-depth{background:linear-gradient(90deg,#020d181a,#040d2466 27%,#030d2259 70%,#030d181a)}}@media(prefers-reduced-motion:reduce){.ocean-ecology *{animation:none!important;transition:none!important;transform:none!important}}@media(max-width:760px){.hero-garden-edge{display:none}.hero-jelly-near{left:2%;right:auto;top:18%;width:20vw;opacity:.53}[data-citizens-grace] [class*=_heroCopy_]:before{inset:-30px -12px;opacity:.25}}@media(forced-colors:active){.ocean-ecology{display:none!important}}.citizens-grace-shell .garden-left,.citizens-grace-shell .hero-garden-edge,.citizens-grace-shell .jelly-far{visibility:hidden}.citizens-grace-shell .ocean-cosmic-plate{-webkit-mask-image:linear-gradient(90deg,transparent,transparent 44%,#000 79%);mask-image:linear-gradient(90deg,transparent,transparent 44%,#000 79%)}.citizens-grace-shell .ocean-ecology{background:radial-gradient(ellipse at 19% 29%,#070b1c,#020711 65%)}.citizens-grace-shell .ocean-hero-life{background:transparent}.citizens-grace-shell .ocean-deep-current{-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 79%);mask-image:linear-gradient(90deg,transparent 35%,#000 79%)}.citizens-grace-shell .ocean-reading-depth{background:linear-gradient(90deg,#01040be6,#01040bdb 28%,#020611b5 46%,#040d2033 77%,transparent),linear-gradient(180deg,#0308175c,transparent 45%,#02061166)}.citizens-grace-shell:has(.ocean-opening) .hero-jelly-near,.citizens-grace-shell:has(.ocean-opening) .jelly-near{visibility:hidden}.citizens-grace-shell:has(.ocean-opening) .ocean-opening{min-height:990px;align-items:flex-start;background:#020611}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-art{opacity:1;-webkit-mask-image:none;mask-image:none;background:linear-gradient(90deg,#020611,#020611d9 37%,transparent 75%),url(/art/ocean-cosmos/r6/hero-empty-1024.webp) 50% /cover}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-art img{visibility:hidden}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-water{background:linear-gradient(90deg,#020611cc,#020611ad 35%,#0206113b 56%,transparent 78%),linear-gradient(0deg,#020d19,transparent 18%)}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-copy{padding-top:320px;padding-bottom:95px;isolation:isolate}.citizens-grace-shell:has(.ocean-opening) .ocean-prelude{margin-top:29px}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-foot{margin-top:35px}.citizens-grace-shell:has(.ocean-opening) .ocean-hero-life .ocean-cosmic-distance{display:none}.ocean-fleet{z-index:3;overflow:hidden;isolation:isolate;contain:strict}.ocean-fleet,.ocean-fleet canvas{position:absolute;inset:0;pointer-events:none}.ocean-fleet canvas{width:100%;height:100%;display:block}.ocean-fleet-stars{position:absolute;inset:0 38% 0 0;opacity:.38;background-image:radial-gradient(1px 1px at 8% 16%,#b2b2da 50%,transparent 80%),radial-gradient(1px 1px at 36% 9%,#6b829f 50%,transparent 80%),radial-gradient(1px 1px at 25% 65%,#777695 50%,transparent 80%),radial-gradient(1px 1px at 58% 82%,#9da5d5 50%,transparent 80%),radial-gradient(1px 1px at 61% 37%,#657d9c 50%,transparent 80%),radial-gradient(1px 1px at 13% 86%,#b2b2da 50%,transparent 80%)}.ocean-fleet-galaxy{position:absolute;left:-2%;top:8%;width:min(28vw,400px);aspect-ratio:1;rotate:-15deg;scale:1 .52;opacity:.35;filter:brightness(.67);pointer-events:none}.ocean-fleet-galaxy img{display:block;width:100%;height:100%}.ocean-fleet-reading{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,#020611dd,#020611b5 33%,#02061155 50%,transparent 69%);-webkit-mask-image:linear-gradient(0deg,#000,#000 65%,transparent 72%);mask-image:linear-gradient(0deg,#000,#000 65%,transparent 72%)}.ocean-fleet-fallback{position:absolute;left:14%;top:11%;width:27%;opacity:.8;pointer-events:none}.ocean-fleet-fallback-octopus{left:55%;top:10%;width:42%}@media(max-width:760px){.citizens-grace-shell:has(.ocean-opening) .ocean-opening{min-height:940px}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-art{bottom:0;background-position:67% top}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-copy{padding-top:332px;padding-bottom:80px}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-water{background:linear-gradient(0deg,#020611 6%,#020611f5 39%,#02061182 63%,#02061111 83%)}.ocean-fleet-galaxy{width:64vw;left:-12%;top:5%;opacity:.3}.ocean-fleet-reading{background:linear-gradient(0deg,#020611e8 6%,#020611d4 40%,#02061177 61%,transparent 73%);-webkit-mask-image:none;mask-image:none}.ocean-fleet-fallback{left:4%;top:13%;width:49%}.ocean-fleet-fallback-octopus{left:38%;top:8%;width:64%}}@media(max-width:370px){.citizens-grace-shell:has(.ocean-opening) .ocean-opening-copy{padding-top:322px}}@media(forced-colors:active){.ocean-fleet{display:none}}.citizens-grace-shell:not(:has(.ocean-opening)) [data-depth-background=fence]{visibility:hidden}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet-galaxy{left:0;top:10px;width:clamp(220px,18.1vw,260px);opacity:.35}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet-reading{background:linear-gradient(90deg,transparent 0,transparent calc(var(--cosmic-lateral-width,270px) - 10px),#020611ed calc(var(--cosmic-lateral-width,270px) + 25px),#020611eb 73%,#02061144 83%,transparent 93%)}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet-fallback{left:10px;top:30%;width:calc(var(--cosmic-lateral-width,270px) - 20px);opacity:.9}.citizens-grace-shell:not(:has(.ocean-opening)) #scenario-result:before{background:linear-gradient(90deg,transparent,#020611ed 9%,#020611ed 91%,transparent)}@media(max-width:760px){.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet-reading{background:#020611c7}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet-galaxy{width:63vw;top:0;opacity:.15}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet-fallback{left:4%;width:49%;opacity:.24}}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet{z-index:6}html[data-cosmic-quality=full] .citizens-grace-shell:has(.ocean-opening) .ocean-opening-art{background-image:linear-gradient(90deg,#020611,#020611d9 37%,transparent 75%),url(/art/ocean-cosmos/r6/hero-empty-1536.webp)}@media(max-width:760px){.citizens-grace-shell:has(.ocean-opening) .ocean-opening-art{background-image:linear-gradient(90deg,#020611,#020611d9 37%,transparent 75%),url(/art/ocean-cosmos/r6/hero-empty-640.webp)}}@keyframes cosmic-galaxy-orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ocean-fleet-galaxy img{animation:cosmic-galaxy-orbit 225s linear infinite;will-change:transform}.ocean-fleet:not([data-motion=alive]) .ocean-fleet-galaxy img{animation-play-state:paused}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-cosmic-plate{-webkit-mask-image:none;mask-image:none}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-deep-current{-webkit-mask-image:none;mask-image:none}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-reading-depth{background:linear-gradient(90deg,#02061150,#02061133 28%,#02061124 67%,transparent 90%),linear-gradient(180deg,#02061118,transparent 45%,#02061124)}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet-reading{-webkit-mask-image:none;mask-image:none;background:linear-gradient(90deg,transparent 0,transparent calc(var(--cosmic-lateral-width,270px) - 20px),#0206119e calc(var(--cosmic-lateral-width,270px) + 130px),#02061194 68%,#02061133 83%,transparent 94%)}.citizens-grace-shell:not(:has(.ocean-opening)) #scenario-result:before{background:none;-webkit-mask-image:none;mask-image:none}@media(max-width:760px){.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-fleet-reading{background:linear-gradient(90deg,#020611aa,#020611a3 65%,#02061170)}.citizens-grace-shell:not(:has(.ocean-opening)) .ocean-reading-depth{background:linear-gradient(180deg,#02061111,transparent 50%,#0206111c)}}.citizens-grace-shell:not(:has(.ocean-opening)) #scenario-result li,.citizens-grace-shell:not(:has(.ocean-opening)) #scenario-result p{color:rgb(220 230 234)}.citizens-grace-shell:has(.ocean-opening) .ocean-opening{background:transparent;--scene-transition:320px}.citizens-grace-shell:has(.ocean-opening) :is(.ocean-opening-art,.ocean-opening-water,.ocean-hero-life){-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--scene-transition)),#000d calc(100% - 220px),#0005 calc(100% - 85px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--scene-transition)),#000d calc(100% - 220px),#0005 calc(100% - 85px),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-water{background:linear-gradient(90deg,#020611cc,#020611ad 35%,#0206113b 56%,transparent 78%)}.citizens-grace-shell:has(.ocean-opening) .ocean-fleet-galaxy{opacity:1;filter:none}.citizens-grace-shell:has(.ocean-opening) .ocean-fleet-galaxy img{opacity:.35;filter:brightness(.67)}.citizens-grace-shell:has(.ocean-opening) .ocean-fleet-galaxy:before{content:"";position:absolute;inset:-18%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#ead8b742 0,#b297bd2e 10%,#6c77b71a 23%,#4056a809 42%,transparent 64%)}.citizens-grace-shell:has(.ocean-opening) .ocean-fleet-galaxy:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 50%,#fff3d980 0,#edd7b13d 1.6%,#c3a68414 5%,transparent 12%)}.citizens-grace-shell:has(.ocean-opening) .ocean-fleet:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse var(--source-head-rx,18vw) var(--source-head-ry,20vh) at var(--source-head-x,79%) var(--source-head-y,27%),#93dfed52 0,#459ab42b 24%,#2051740f 53%,transparent 76%),radial-gradient(ellipse var(--source-life-rx,10vw) var(--source-life-ry,12vh) at var(--source-life-x,70%) var(--source-life-y,48%),#dac49231 0,#a7814520 25%,#563d1707 52%,transparent 76%)}.ocean-fleet-stars{opacity:.48;background-image:radial-gradient(22px 22px at 8% 16%,#e4f2ffcc 0,#a6d8e857 .7px,#4c8cc016 3px,transparent 19px),radial-gradient(12px 12px at 36% 9%,#b7cce788 0,#758dbc2e .8px,transparent 10px),radial-gradient(18px 18px at 25% 65%,#c4c4e89c 0,#999cce38 .8px,#5356a00c 4px,transparent 17px),radial-gradient(13px 13px at 58% 82%,#d2dcee7a 0,#92aec92b .8px,transparent 11px),radial-gradient(21px 21px at 61% 37%,#c5edebad 0,#83b4bd42 1px,#4475820e 4px,transparent 20px),radial-gradient(11px 11px at 13% 86%,#b9c8e586 0,#7a8da82e .8px,transparent 10px)}@media(max-width:760px){.citizens-grace-shell:has(.ocean-opening) .ocean-opening{--scene-transition:280px}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-water{background:linear-gradient(0deg,#020611e6 6%,#020611d9 39%,#02061182 63%,#02061111 83%)}.citizens-grace-shell:has(.ocean-opening) .ocean-fleet-galaxy img{opacity:.3}.citizens-grace-shell:has(.ocean-opening) .ocean-fleet:before{opacity:.8}.ocean-fleet-stars{opacity:.38}}@media(forced-colors:active){.ocean-fleet-galaxy:after,.ocean-fleet-galaxy:before,.ocean-fleet:before{display:none}}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-caption{color:#eff9f6;isolation:isolate}.citizens-grace-shell:has(.ocean-opening) .ocean-opening-caption:before{content:"";position:absolute;inset:-3px -6px;z-index:-1;pointer-events:none;background:#02061148;border-radius:8px;box-shadow:0 0 10px 7px #02061148}.ocean-fleet-fallback{display:none}.ocean-fleet[data-motion=context-lost] .ocean-fleet-fallback,.ocean-fleet[data-motion=static-fallback] .ocean-fleet-fallback{display:block}.ocean-fleet[data-motion=context-lost] canvas,.ocean-fleet[data-motion=static-fallback] canvas{visibility:hidden}[data-jelly-life] img{animation:none!important;filter:none;transform:none!important}.ocean-jelly-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}[data-jelly-ready=true] .ocean-jelly-canvas{display:block}[data-jelly-ready=true] img{visibility:hidden}.grace-motion-dock{flex-wrap:wrap;max-width:90%;justify-content:flex-end}.ocean-quality{display:flex;align-items:center;gap:7px;color:#c0ced8;font:11px/1.35 system-ui,sans-serif}.ocean-quality select{color:#ddebf0;background:#0b1c299c;border:1px solid #d4e4e42b;border-radius:18px;padding:7px;max-width:132px;min-height:36px;font:inherit}.ocean-quality select:focus-visible{outline:2px solid #9ae1ed;outline-offset:3px}@media(max-width:600px){.ocean-quality{font-size:10px;gap:5px}.ocean-quality select{padding:4px;max-width:120px;min-height:32px}}html[data-cosmic-motion=paused] .citizens-grace-shell *,html[data-cosmic-motion=paused] .citizens-grace-shell :after,html[data-cosmic-motion=paused] .citizens-grace-shell :before{animation-play-state:paused!important;transition-duration:0s!important;scroll-behavior:auto!important}html[data-cosmic-quality=light] [data-grace-canvas=veil]{visibility:hidden}