:root{--abyss: #010714;--midnight: #041323;--hadal: #00020a;--reef: #00d4ff;--life: #00ff9d;--warning: #ff8c00;--ink: #e8f4f8;--muted: #7ab8cc;--panel: rgba(3, 15, 29, .78);--panel-strong: rgba(1, 7, 20, .86);--line: rgba(0, 212, 255, .26);--line-soft: rgba(122, 184, 204, .18);--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}html{background-color:var(--abyss);background-image:radial-gradient(circle at 20% 5%,rgba(0,212,255,.2),transparent 32rem),radial-gradient(circle at 88% 18%,rgba(0,255,157,.1),transparent 36rem),radial-gradient(circle at 50% 120%,rgba(255,140,0,.08),transparent 34rem),linear-gradient(180deg,#06233c 0%,#020b18 42%,var(--hadal) 100%)}body{color:var(--ink);background:transparent;text-rendering:optimizeLegibility}main{position:relative;z-index:10}.ocean-backdrop{overflow:hidden;contain:strict;background:linear-gradient(180deg,#00d4ff29,#030b1700 26%),radial-gradient(circle at 50% 120%,rgba(0,255,157,.11),transparent 38%)}.ocean-surface{position:absolute;inset:-16% -12% auto;height:44%;opacity:.26;background:repeating-linear-gradient(115deg,rgba(255,255,255,.18) 0 1px,transparent 1px 32px),repeating-linear-gradient(65deg,rgba(0,212,255,.22) 0 1px,transparent 1px 28px);filter:none;transform:perspective(580px) rotateX(64deg);animation:none}.ocean-rays{position:absolute;inset:-8% -20% 0;opacity:.16;background:linear-gradient(103deg,transparent 0 18%,rgba(0,212,255,.16) 20%,transparent 30% 46%,rgba(114,255,242,.1) 50%,transparent 61%),linear-gradient(74deg,transparent 0 58%,rgba(255,255,255,.1) 62%,transparent 70%);filter:none;transform-origin:top center;animation:none}.ocean-rays-b{opacity:.16;transform:scaleX(-1);animation-duration:22s}.ocean-particles{position:absolute;inset:0;opacity:.14;background-image:radial-gradient(circle,rgba(216,243,255,.7) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(0,212,255,.5) 0 1px,transparent 1.8px);background-position:0 0,38px 64px;background-size:86px 122px,132px 178px;mask-image:linear-gradient(180deg,transparent,black 14%,black 84%,transparent);animation:none}.ocean-ridge{position:absolute;left:-5%;right:-5%;bottom:-4%;height:24%;opacity:.48;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));clip-path:polygon(0 72%,8% 58%,15% 66%,24% 38%,33% 60%,45% 30%,58% 63%,70% 42%,82% 68%,91% 50%,100% 74%,100% 100%,0 100%)}.ocean-ridge-b{bottom:-9%;opacity:.58;transform:scaleX(-1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseGlow{0%,to{opacity:.05}50%{opacity:.1}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}@keyframes caustics{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes ray-drift{0%,to{transform:translate3d(-2%,0,0) skew(-7deg)}50%{transform:translate3d(3%,2%,0) skew(5deg)}}@keyframes particulate{0%{background-position:0 0,38px 64px}to{background-position:0 -420px,38px -520px}}@keyframes float-up{0%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:.8}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh) scale(1)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#00d4ff}}.scanlines{display:none;opacity:.18!important;mix-blend-mode:normal!important;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 1px,transparent 4px),linear-gradient(90deg,transparent,rgba(0,212,255,.04),transparent);background-size:100% 4px,100% 100%;contain:strict}.ocean-bubble{contain:layout style paint;will-change:transform,opacity;background:radial-gradient(circle at 32% 28%,#ffffffbf 0 10%,#7cecff47 11% 42%,#00d4ff14 43% 100%);box-shadow:0 0 10px #00d4ff47,inset 0 0 8px #fff3}#oxygen-bar{transform-origin:left center;will-change:transform}#depth-indicator{will-change:transform}.clip-pda{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.clip-pda-lg{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}body>nav{box-shadow:0 18px 55px #0006,inset 0 -1px #00d4ff1f;background-color:#030b17e0!important;backdrop-filter:none!important}body>nav:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,212,255,.08),transparent),repeating-linear-gradient(90deg,rgba(0,212,255,.08) 0 1px,transparent 1px 72px);opacity:.45}footer{background:linear-gradient(180deg,rgba(0,212,255,.05),transparent 42%),#010714eb!important}main>div[class*=max-w-]{position:relative}main>div[class*=max-w-]>nav:first-child{width:fit-content;max-width:100%;padding:.55rem .75rem;border:1px solid var(--line-soft);border-radius:6px;background:#0107147a;backdrop-filter:none}main>div[class*=max-w-]>div[class*=border-b],main>div[class*=max-w-]>section[class*=border-b]{border-color:var(--line)!important}main a.group.relative.flex,main a.group.flex.items-start,main a.group.flex.items-center,main a[class*=rounded-lg][class*=border][href]{border-color:var(--line-soft)!important;background:linear-gradient(135deg,rgba(0,212,255,.08),transparent 38%),linear-gradient(180deg,#071f31b8,#010714c2)!important;box-shadow:inset 0 1px #ffffff0d,0 12px 32px #00000029}main a.group.relative.flex:hover,main a.group.flex.items-start:hover,main a.group.flex.items-center:hover,main a[class*=rounded-lg][class*=border][href]:hover{border-color:#00d4ff80!important;box-shadow:inset 0 1px #ffffff12,0 16px 42px #00000038,0 0 18px #00d4ff1a!important}main img{filter:none}#custom-locale-btn,#custom-locale-menu,#mobile-menu{backdrop-filter:none!important}.collection-shell,.detail-shell{--module-accent: var(--reef);--module-accent-2: var(--life);--module-wash: rgba(0, 212, 255, .1);--module-ink: var(--ink);--module-muted: var(--muted);--module-panel: rgba(2, 12, 24, .78);--module-line: rgba(0, 212, 255, .28);position:relative;isolation:isolate}.collection-shell--resources,.detail-shell--resources{--module-accent: #fbbf24;--module-accent-2: #00d4ff;--module-wash: rgba(251, 191, 36, .12);--module-line: rgba(251, 191, 36, .3)}.collection-shell--creatures,.detail-shell--creatures{--module-accent: #fb7185;--module-accent-2: #34d399;--module-wash: rgba(251, 113, 133, .12);--module-line: rgba(251, 113, 133, .3)}.collection-shell--biomes,.detail-shell--biomes{--module-accent: #7dd3fc;--module-accent-2: #2dd4bf;--module-wash: rgba(125, 211, 252, .12);--module-line: rgba(125, 211, 252, .3)}.collection-shell--guides,.detail-shell--guides{--module-accent: #c4b5fd;--module-accent-2: #fbbf24;--module-wash: rgba(196, 181, 253, .12);--module-line: rgba(196, 181, 253, .3)}.detail-shell--blueprints{--module-accent: #ff9f1c;--module-accent-2: #00d4ff;--module-wash: rgba(255, 159, 28, .12);--module-line: rgba(255, 159, 28, .32)}.collection-shell:before,.detail-shell:before{content:"";position:absolute;inset:4rem max(1rem,calc((100vw - 82rem)/2)) auto;height:22rem;pointer-events:none;z-index:-1;border:1px solid var(--module-line);border-radius:8px;opacity:.38;background:linear-gradient(90deg,transparent 0 49%,color-mix(in srgb,var(--module-accent) 24%,transparent) 50%,transparent 51%),linear-gradient(0deg,transparent 0 49%,color-mix(in srgb,var(--module-accent) 18%,transparent) 50%,transparent 51%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--module-accent) 11%,transparent) 0 1px,transparent 1px 58px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--module-accent) 9%,transparent) 0 1px,transparent 1px 58px);mask-image:linear-gradient(180deg,black,transparent)}.collection-shell>div,.detail-shell>div{position:relative;width:min(100%,76rem);max-width:none!important}.collection-shell>div>nav:first-child,.detail-shell>div>nav:first-child{margin-bottom:1.25rem!important;border-color:var(--module-line)!important;color:color-mix(in srgb,var(--module-accent) 42%,var(--module-muted))!important;background:linear-gradient(90deg,var(--module-wash),transparent),#0107149e!important;box-shadow:inset 0 1px #ffffff0d}.collection-shell>div>div[class*=border-b]:first-of-type,.detail-shell>div>div[class*=border-b]:first-of-type{position:relative;overflow:hidden;margin-bottom:2rem!important;padding:1.35rem!important;border:1px solid var(--module-line)!important;border-radius:8px;background:linear-gradient(135deg,var(--module-wash),transparent 42%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 42px),#020c18c2;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px color-mix(in srgb,var(--module-accent) 18%,transparent),0 16px 44px #0003}.collection-shell>div>div[class*=border-b]:first-of-type:after,.detail-shell>div>div[class*=border-b]:first-of-type:after{content:"";position:absolute;right:1rem;top:1rem;width:8.5rem;height:8.5rem;pointer-events:none;opacity:.3;border:1px solid var(--module-line);border-radius:50%;background:conic-gradient(from 90deg,transparent 0 18%,color-mix(in srgb,var(--module-accent) 34%,transparent) 18% 20%,transparent 20% 44%,color-mix(in srgb,var(--module-accent-2) 28%,transparent) 44% 46%,transparent 46%),repeating-radial-gradient(circle,transparent 0 1.1rem,color-mix(in srgb,var(--module-accent) 14%,transparent) 1.1rem calc(1.1rem + 1px),transparent calc(1.1rem + 1px) 2.2rem)}.collection-shell h1,.detail-shell h1{color:var(--module-ink)!important;text-shadow:0 0 14px color-mix(in srgb,var(--module-accent) 24%,transparent)}.collection-shell h2,.detail-shell h2{border-color:var(--module-line)!important}.collection-shell section,.detail-shell section{contain:layout style}.collection-shell section{content-visibility:auto;contain-intrinsic-size:900px}.collection-shell a.group>div.absolute,.detail-shell a.group>div.absolute{display:none!important}.collection-shell section>h2{position:relative;top:auto;z-index:20;padding:.85rem .75rem;margin-inline:-.25rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:8px;background:linear-gradient(90deg,#010714f5,#041323db),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 48px);box-shadow:0 8px 18px #0000002e}.collection-shell a.group,.detail-shell a.group,.detail-shell a[class*=rounded-lg][href],.detail-shell a[class*=rounded-xl][href]{border-radius:8px!important;border-color:color-mix(in srgb,var(--module-accent) 26%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--module-accent) 12%,transparent),transparent 44%),linear-gradient(180deg,#051626c7,#010714d1)!important}.collection-shell a.group:hover,.detail-shell a.group:hover,.detail-shell a[class*=rounded-lg][href]:hover,.detail-shell a[class*=rounded-xl][href]:hover{border-color:color-mix(in srgb,var(--module-accent) 58%,transparent)!important;box-shadow:inset 0 1px #ffffff12,0 0 18px color-mix(in srgb,var(--module-accent) 12%,transparent),0 14px 38px #00000038!important}.collection-shell a.group img,.detail-shell img{border-radius:6px}.collection-shell--resources input[type=text]{border-radius:8px!important;border-color:#fbbf2452!important;background:linear-gradient(90deg,rgba(251,191,36,.08),transparent),#010714db!important;box-shadow:inset 0 0 0 1px #ffffff08}.collection-shell--biomes>div>div[class*=border-b]:first-of-type{background:conic-gradient(from 180deg at 82% 42%,rgba(45,212,191,.18),transparent 22%,rgba(125,211,252,.16),transparent 52%),linear-gradient(135deg,rgba(125,211,252,.12),transparent 48%),#020c18c7}.collection-shell--biomes a.group{min-height:12rem;justify-content:space-between}.collection-shell--biomes a.group:before{content:"";position:absolute;inset:.7rem;pointer-events:none;border:1px solid rgba(125,211,252,.16);border-radius:8px;background:linear-gradient(90deg,transparent 0 49%,rgba(125,211,252,.12) 50%,transparent 51%),linear-gradient(0deg,transparent 0 49%,rgba(45,212,191,.1) 50%,transparent 51%);opacity:.55}.collection-shell--guides>div{width:min(100%,64rem)}.collection-shell--guides a.group{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border-left:3px solid var(--module-accent)!important}.collection-shell--guides a.group>div:first-child{border-radius:8px!important;border-color:var(--module-line)!important;background:linear-gradient(135deg,#c4b5fd29,#fbbf240f),#010714e0!important}.detail-shell>div{width:min(100%,68rem)}.detail-shell>div>section,.detail-shell>div>div[class*=rounded],.detail-shell section>div[class*=rounded],.detail-shell div[class*="bg-[#071525]"]{border-radius:8px!important;border-color:color-mix(in srgb,var(--module-accent) 24%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--module-accent) 8%,transparent),transparent 46%),#020c18b8!important}.detail-shell>div>div[class*=border-b]:first-of-type img{padding:.25rem;background:#00000057;border:1px solid color-mix(in srgb,var(--module-accent) 34%,transparent)}.detail-shell span[class*=rounded-full],.detail-shell span[class*=rounded-md],.detail-shell a[class*=px-3][class*="py-1.5"]{border-radius:6px!important}.detail-shell a[href*="/blueprints/"]{border-color:#ff9f1c47!important}.detail-shell a[href*="/resources/"]{border-color:#fbbf2442!important}.detail-shell a[href*="/creatures/"]{border-color:#fb718542!important}.detail-shell a[href*="/biomes/"]{border-color:#7dd3fc42!important}@media(max-width:640px){.collection-shell:before,.detail-shell:before{inset-inline:.75rem;height:18rem}.collection-shell>div,.detail-shell>div{padding-top:2rem!important;padding-bottom:2.5rem!important}.collection-shell>div>div[class*=border-b]:first-of-type,.detail-shell>div>div[class*=border-b]:first-of-type{padding:1rem!important}.collection-shell section>h2{font-size:.95rem!important}.collection-shell--guides a.group{display:flex!important;align-items:flex-start!important;flex-direction:column}.collection-shell--guides a.group>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.ocean-surface,.ocean-rays,.ocean-particles{animation:none}}@media(max-width:768px){.scanlines{display:none}.ocean-surface,.ocean-rays,.ocean-particles{animation:none}.ocean-rays{opacity:.1}}