/* Tandem: a living lagoon, with all inhabitants positioned in image coordinates. */
:root{--agar:#091322;--paper:#12283c;--paper-2:#19384e;--edge:#365b74}
body{background-color:#091322;background-image:radial-gradient(#68c5de14 1px,transparent 1px);background-size:24px 24px}
.top{background:#091724f5;border-bottom:1px solid #426c815c}
.top .brand{font-size:32px;letter-spacing:1px;gap:9px}
.top .brand img{width:52px;height:52px}
.top-act{margin-left:auto}
.stage{max-width:1500px;padding:24px 28px 30px}
.pixel-world{height:780px;background:#0c1038;border:2px solid #416c8a;box-shadow:0 6px 0 #040d1a;isolation:isolate}
.world-scenery{inset:auto;bottom:0;left:50%;width:100%;min-width:1000px;height:auto;aspect-ratio:2752 / 1536;object-fit:fill;transform:translateX(-50%);filter:none}
.world-film{opacity:0;transition:opacity .4s;pointer-events:none}
.world-film[data-ready=true]{opacity:1}
.world-shade{background:linear-gradient(180deg,#0b103522,transparent 40%,transparent 85%,#09182a35)}
.pixel-world::after{box-shadow:inset 0 0 0 4px #bddfff0c;background:none}
.world-ui{top:16px;left:18px;right:18px}
.world-badge,.world-control{font-size:8px;border:1px solid #5c83a088;background:#0a1b38b8;box-shadow:2px 2px #030c2070;min-height:30px;padding:7px 10px}
.world-control{min-width:112px}
.world-copy-v2{top:60px;padding:0 20px;z-index:4}
.world-mascot{width:112px;height:100px;animation:bond-breathe 5s ease-in-out infinite;filter:drop-shadow(0 6px 0 #07122d60)}
.world-kicker{background:none;color:#9fcce3;font-size:9px;letter-spacing:2px;margin:11px 0 9px;padding:0}
.world-copy-v2 h1{font-size:clamp(74px,9.8vw,132px);letter-spacing:5px;margin:0 0 14px;line-height:.9;-webkit-text-stroke:0;text-shadow:0 5px #406e94,0 9px #050c28;color:#e4f7ff}
.title-spark{display:none}
.world-tagline{font-size:30px;line-height:1.1;color:#b9f1ff;padding:0;background:none;border:0;box-shadow:none;margin:0 0 10px;text-shadow:2px 2px #050b29}
.world-description{color:#b0cbe3;font:400 14px/1.55 var(--body);margin:0 0 19px;text-shadow:1px 1px #030a20}
.world-actions .rt.big{font-size:19px;min-height:48px;padding:11px 21px}
.world-actions .rt.solid{--bg:#a7ebfc;--fg:#0f2941;border-color:#d3f7ff;box-shadow:4px 4px #254b70}
.world-actions .rt:not(.solid){--bg:#153454;--fg:#d8f4ff;border-color:#557b99}
.world-foot{font-size:8px;bottom:13px}
.world-foot>span,.world-foot a{background:#0a2038e6;border-color:#6788a080}
.pixel-world .critter b{font-size:8px;padding:4px 6px;background:#102847e8;color:#e1f6ff;border:1px solid #7cb5d4;box-shadow:2px 2px #050e2880;border-radius:0}
.pixel-world .critter:hover b{background:#b7f2ff;color:#102840;border-color:#e4faff}
.pixel-world .critter::after{bottom:9%;background:#03132d55;left:24%;right:24%;height:7px}
.pixel-world .critter canvas.critter-animal{filter:none!important}
.pixel-world .critter.swimmer canvas{clip-path:inset(0 0 28% 0)}
.pixel-world .critter.swimmer::after{bottom:27%;left:13%;right:12%;height:9px;z-index:4;background:#1cbedf55;border:2px solid #baf9ffc0;box-shadow:0 3px #167fa880;animation:tandem-ripple 2.3s ease-in-out infinite}
.pixel-world[data-motion=paused] .critter.swimmer::after{animation-play-state:paused}
@keyframes tandem-ripple{50%{scale:1.12 .8;opacity:.65}}
.stage .colony-overview{background:#0d2033;margin-top:18px;border:1px solid #365b74;box-shadow:none;padding:22px 26px}
.stage .hud-f{border-color:#365b74}
.tandem-story{display:grid;grid-template-columns:repeat(3,1fr);max-width:1320px;margin:10px auto 48px;border-top:1px solid #365b74;border-bottom:1px solid #365b74}
.tandem-story>div{padding:26px 30px;border-right:1px solid #365b74}
.tandem-story>div:last-child{border:0}
.tandem-story span{font:9px var(--num);color:#7ac9e3;letter-spacing:1px}
.tandem-story h2{font:700 29px var(--disp);margin:12px 0 9px;color:#e1f4ff}
.tandem-story p{font:14px/1.6 var(--body);color:#9fbbce;margin:0;max-width:280px}
main .sec.register{background:#0c1c2d;border-block:1px solid #335b7555}
.host-card{background:linear-gradient(130deg,#17374d,#102338);border:1px solid #3b627a;box-shadow:3px 3px #050f21;position:relative;padding:24px}
.host-card:before{content:'';position:absolute;width:24px;height:3px;top:-2px;left:24px;background:#a7ebfc}
.host-card .rt{font-size:17px;min-height:42px}
.host-card-head p{color:#aac4d6;font-size:13px}
.host-card dl{font-size:13px}
.host-card .mint{font-size:10px}
.host-card img{border-radius:10px;image-rendering:auto}
.pv-pic{background-image:url('/assets/tandem/logo.png')}
.end{background:#091724}
@media(max-width:1080px){.pixel-world{height:780px}.world-copy-v2{top:64px}.world-copy-v2 h1{font-size:100px}.world-scenery{min-width:1000px}.tandem-story{margin-inline:28px}.top{gap:20px}}
@media(max-width:780px){.stage{padding:18px 16px 24px}.world-copy-v2{top:66px}.world-copy-v2 h1{font-size:clamp(62px,14vw,96px)}.world-mascot{width:106px;height:92px}.world-kicker{font-size:8px;letter-spacing:1px}.world-tagline{font-size:27px;max-width:none}.world-description{font-size:13px}.world-actions{max-width:370px}.world-actions .rt.big{font-size:17px;padding:11px 13px}.world-foot>span{font-size:7px}.tandem-story{margin-inline:16px}.tandem-story>div{padding:22px 18px}.tandem-story h2{font-size:24px}.tandem-story p{font-size:12px}}
@media(max-width:600px){.pixel-world{height:760px}.world-scenery{min-width:900px;left:calc(50% - 70px)}.world-copy-v2{top:66px}.world-mascot{width:100px;height:90px}.world-copy-v2 h1{font-size:clamp(58px,17vw,86px);letter-spacing:2px;margin-bottom:18px}.world-kicker{font-size:7px;letter-spacing:.7px}.world-tagline{font-size:25px}.world-description{font-size:13px}.world-badge{font-size:6px;max-width:62%}.world-control{font-size:6px;min-width:95px}.world-ui{left:10px;right:10px;gap:6px}.pixel-world .critter:nth-child(3),.pixel-world .critter:nth-child(5){display:none}.pixel-world .critter b{font-size:6px;padding:3px 4px}.world-actions .rt.big{font-size:16px;min-height:46px}.tandem-story{grid-template-columns:1fr}.tandem-story>div{border-right:0;border-bottom:1px solid #365b74;padding:20px 22px;display:grid;grid-template-columns:70px 1fr;gap:5px 10px}.tandem-story span{grid-row:span 2;margin-top:5px;font-size:8px}.tandem-story h2{margin:0}.tandem-story p{max-width:none}.top .brand{font-size:28px}.top .brand img{width:43px;height:43px}.top .nav a.nav-keep{font-size:14px!important}.top .nav{gap:19px}}
@media(prefers-reduced-motion:reduce){.world-film{display:none}.pixel-world .critter.swimmer::after{animation:none}}
/* Symbio woodland: organic habitat and an intertwined pair. */
.pixel-world{background:#153855;border-color:#527e88}
.world-scenery{mask-image:linear-gradient(to bottom,transparent 0%,#000 12%)}
.world-mascot{width:130px;height:116px}
.world-copy-v2{top:48px}
.world-copy-v2 h1{font-size:clamp(78px,9.8vw,132px)}
.world-tagline{font-size:28px}
.world-description{color:#d0e7f1;text-shadow:1px 1px #143249}
.world-kicker{color:#c0e5e9}
.world-copy-v2 h1{text-shadow:0 5px #356585,0 9px #103149}
.pixel-world .critter.swimmer canvas{clip-path:inset(0 0 28% 0)}
.pixel-world .critter.swimmer::after{left:12%;right:12%;height:6px;background:#75cfd744;border-color:#a9e9ee88;box-shadow:0 2px #17668b66}
.pv-pic{background-image:url('/assets/symbio-woodland/hug.png')}
.emblem-motion{position:absolute;top:0;opacity:0;pointer-events:none}
.emblem-motion.ready{opacity:1}
.emblem-fallback-hidden{opacity:0}
@media(max-width:780px){.world-mascot{width:120px;height:110px}.world-copy-v2{top:60px}.world-copy-v2 h1{font-size:clamp(64px,15vw,98px)}.world-tagline{font-size:25px;max-width:420px}}
@media(max-width:600px){.world-mascot{width:116px;height:108px}.world-copy-v2{top:60px}.world-tagline{font-size:23px;max-width:290px}.world-copy-v2 h1{font-size:clamp(58px,17vw,86px)}.world-description{font-size:12px}}
.world-mascot{width:128px;height:128px}
@media(max-width:780px){.world-mascot{width:116px;height:116px}}
@media(max-width:600px){.world-mascot{width:112px;height:112px}}
.pixel-world .critter.swimmer canvas{clip-path:inset(0 0 44% 0)}
.pixel-world .critter.swimmer::after{bottom:43%;left:12%;right:12%;height:7px;border:2px solid #c6f3edb3;background:#84d8dc55}
.pixel-world .critter.swimmer b{position:absolute;top:27%;margin:0}
.world-shade{background:linear-gradient(180deg,#082d4310 10%,#082d4300 35%,transparent)}
.world-tagline{background:#102e455c;padding:3px 9px;box-shadow:none;text-shadow:2px 2px #102b3e}
.world-description{background:#15364e70;padding:3px 8px}
.pixel-world .critter.swimmer canvas{clip-path:inset(0 0 32% 0)}
.pixel-world .critter.swimmer::after{bottom:31%}
.pixel-world .critter.swimmer b{top:12%}
.pixel-world .critter.flier::after{display:none}
@media(max-width:640px){.pixel-world .critter:nth-child(7),.pixel-world .critter:nth-child(10){display:flex}}