/* Symbio / blue hour. Preserve the original pixel-world layout and interaction. */
:root{
 --agar:#091a25;--agar-2:#102a39;--agar-3:#284f65;
 --paper:#142f40;--paper-2:#1a3b4e;
 --ink:#e5f7ff;--ink-2:#afcbd8;--ink-3:#8cabbc;
 --pink:#a7ebfc;--pink-2:#c9f2ff;--pink-3:#dff7ff;--pink-ink:#95e6fa;
 --lime:#70bfd7;--lime-2:#b4e2ef;--lime-ink:#a7ebfc;
 --gold:#d5edff;--sky:#92cde3;--burn:#eea7b7;--burn-ink:#ffc4d0;
 --sh:4px 4px 0 #030d1680;--edge:#3c6377;--deep:#07131e;
 color-scheme:dark;
}
body{background-color:var(--agar);background-image:linear-gradient(#89c4db08 1px,transparent 1px),linear-gradient(90deg,#89c4db08 1px,transparent 1px);background-size:32px 32px}
body::after{opacity:.025;mix-blend-mode:screen}
::selection{background:#a7ebfc;color:#102b3c}
:focus-visible{outline-color:#b4f0ff}
.top{background:#0b202df5;border-bottom-color:#34576c;box-shadow:0 3px 0 #030e1880}
.top .brand{color:#dff7ff;text-shadow:2px 2px #31516b}
.top .brand img,.footer-brand .brand img{filter:none}
.top .nav a.nav-keep{color:#c5dce9}
.top .nav a:hover,.top .nav a[aria-current]{color:#fff;border-color:#a7ebfc}
.top-act .rt.solid,.top-act .x-link{background:#a7ebfc;border-color:#d2f6ff;color:#102c3f;box-shadow:3px 3px 0 #366781}
.top-act .x-link:hover{background:#e5f9ff;color:#18374b}
.rt,.rt.big,.rt.sm{--bg:#24485d;--fg:#e6f9ff;border-color:#719caf;box-shadow:4px 4px 0 #03101990,inset 0 3px #a5dcec20,inset 0 -4px #04111f30}
.rt.solid{--bg:#a7ebfc;--fg:#102a3c;border-color:#d3f6ff}
.rt:hover,.rt.solid:hover{--bg:#c3f2ff;--fg:#0b2536;box-shadow:5px 5px 0 #03101990,inset 0 3px #f1fcff80}
.rt:focus-visible{outline-color:#b4f0ff}
.board{background:var(--paper);border-color:var(--edge);box-shadow:var(--sh)}
.in,main .sec .in,.coins-page .in{background:#0b202e;color:#e5f7ff;border:2px solid #456c81;box-shadow:inset 3px 3px #04131d60}
.in:focus,main .sec .in:focus,.coins-page .in:focus{background:#102a3b;outline:2px solid #a7ebfc;border-color:#a7ebfc;box-shadow:none}
.in::placeholder,main .sec .in::placeholder,.coins-page .in::placeholder{color:#799dad}
.in::file-selector-button{background:#284e63;color:#dcf6ff;border:0;padding:9px 12px;margin-right:14px;cursor:pointer}
.eyebrow,main .sec-head>.eyebrow{color:#9dd9ed}
.network-dot{background:#a7ebfc;box-shadow:2px 2px #315c75}
.pixel-world{background:#183d59;border-color:#5d92af;box-shadow:7px 7px 0 #030e19,inset 0 0 0 3px #b2e4ff50}
.world-scenery{filter:saturate(.88) contrast(1.03)}
.world-shade{background:linear-gradient(180deg,#071b3844,transparent 42%,transparent 78%,#061b3150)}
.pixel-world::after{background:repeating-linear-gradient(0deg,#0a24400a 0 1px,transparent 1px 4px);box-shadow:inset 0 0 70px #0d2b4420,inset 0 0 0 3px #c3ecff25}
.world-badge,.world-control{background:#0d2b43e8;border-color:#83b7cd;color:#e0f7ff;box-shadow:3px 3px #07132266}
.world-badge i,.world-foot i{background:#a7ebfc;box-shadow:2px 2px #3a6c89}
.world-control:hover,.world-control[aria-pressed=true]{background:#305b77;color:#fff}
.world-mascot{filter:drop-shadow(3px 5px #09203b66)}
.world-kicker{color:#c8efff;text-shadow:none;background:#143852dc}
.world-copy-v2 h1{color:#e5f8ff;-webkit-text-stroke:1px #e5f8ff;text-shadow:4px 0 #143a59,-4px 0 #143a59,0 -4px #143a59,0 4px #143a59,7px 8px 0 #467c9a}
.title-spark{color:#d5f5ff;text-shadow:2px 2px #234c6f}
.world-tagline{color:#eefbff;background:#173b55e8;border-color:#8fc4dc75;box-shadow:3px 3px #06182c55;text-shadow:none}
.world-actions .rt{box-shadow:4px 4px #04142699,inset 0 3px #e4fbff50,inset 0 -4px #28617e30}
.world-actions .rt:not(.solid){--bg:#214b66;--fg:#e5f8ff}
.world-foot{color:#ccefff;text-shadow:1px 1px #071b2c}
.world-foot>span,.world-foot a{background:#0b263ce8;border-color:#7fbcd566}
.world-foot a:hover{background:#315c7c}
.pixel-world .critter b{background:#d2f1ffe8;border-color:#305775;color:#15384f;box-shadow:2px 2px #102a4566}
.pixel-world .critter:hover b,.pixel-world .critter[aria-current=true] b{background:#f0fcff;border-color:#568ca9;box-shadow:0 0 0 2px #def7ff88,3px 3px #15334c70}
.pixel-world .critter::after{background:#091f3f42}
.pixel-world .critter .critter-rider{filter:drop-shadow(1px 2px #0a213b55)}
.pixel-world .critter:nth-child(n+7) canvas.critter-animal{filter:grayscale(.85) sepia(.45) hue-rotate(155deg) saturate(1.3) drop-shadow(1px 3px #09213b40)}
.pv-pic{background-image:url('/assets/symbio/bond.png')}
.pixel-world .critter.swimmer::after{background:#a7ebfc30;border-color:#d4f7ff90;box-shadow:0 2px #335c8859}
.world-motes i{background:#d4f4ff;box-shadow:0 0 0 2px #a7ebfc22}
.stage .colony-overview{background:#143044;border-color:#41667f;box-shadow:4px 4px #020d1780}
.overview-heading p{color:#9dbdce}
.stage .hud-f{border-color:#386078}
.stage .hud-f b{color:#a9c5d5}
.stage .hud-f>span,.stage .hud-burn>span{color:#e5f9ff}
main .sec.register{background:#0c2332}
main .sec.inoc{background-color:#102c3d;border-color:#355f78;background-image:radial-gradient(#7dc0db19 1px,transparent 1px)}
main .sec-head h2{color:#ecfaff;text-shadow:2px 2px #264d68}
main .sec-head h2 em{color:#a7ebfc;text-shadow:2px 2px #214c69;background:none}
.sec-sub,main .sec-sub,.feed-status,.note{color:#aec9d8}
.sec .form.board{background:#173749;border-color:#567f94;box-shadow:5px 5px #061a28,inset 0 3px #639bb52a}
.form .step{background:#a7ebfc;color:#17374c;border-color:#c9f3ff;box-shadow:2px 2px #315c77}
.form .form-foot{border-color:#43697d}
.inoc-side .dish{background:#23475f;border-color:#638da4;box-shadow:5px 5px #071c2b,inset 0 3px #719fb642}
.inoc-side .preview{background:#123144;border-color:#6f9caf;box-shadow:3px 3px #0a2133,inset 0 3px #638da42a}
.inoc-side .pv-pic{background-color:#234e68;border-color:#6fa6bf}
.preview .pv-t,.preview .pv-chain{color:#b5d3e2}
.host-card.selected{outline-color:#a7ebfc}
.host-card{transition:border-color .16s,transform .16s}
.host-card:hover{border-color:#7bb9d2;transform:translateY(-2px)}
.host-card img{border-color:#5b849b}
.host-card .mint{color:#9cbfce}
.host-card dl dt,.launch-review dt{color:#9fbed0}
.launch-mode{background:#102a3b;border-color:#456d84}
dialog{background:#163448;border-color:#85bfd6;color:#e4f7ff;box-shadow:8px 8px #06172580}
dialog::backdrop{background:#020c18bb;backdrop-filter:blur(5px)}
.end{background:#0a1e2d;border-top-color:#416b83;box-shadow:inset 0 7px #24485e,inset 0 9px #608da4}
.footer-small,.footer-brand>p{color:#98bbce}
.end-links a{color:#cae6f4}
.guide .board{border-color:#4d778e}
.guide h1 em{color:#a7ebfc}
.err{color:#ffc1cc;background:#522c3c;border-color:#b6778f}
@media(max-width:600px){.top{padding:8px 14px}.top .nav{display:flex;overflow-x:auto;justify-content:flex-start;gap:20px;scrollbar-width:none}.top .nav a.nav-keep{font-size:15px!important;flex:none}.world-badge{font-size:7px;max-width:62%}.world-copy-v2 h1{font-size:clamp(58px,19vw,100px)}}
@media(prefers-reduced-motion:reduce){.host-card:hover{transform:none}}