:root{color-scheme:dark;--ink:#edf7f5;--muted:#b0c8cd;--mint:#a7ece0;--line:#31515d;--bg:#081a24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #ffdaa5;outline-offset:5px}.skip{position:absolute;top:-100px;z-index:9;background:var(--mint);color:#081a24;padding:12px}.skip:focus{top:0}.top{min-height:64px;border-bottom:1px solid var(--line);padding:12px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:1.25rem;font-weight:750}.brand span{color:var(--mint);margin-left:-9px}.top nav{display:flex;gap:24px}.top nav a{font-size:.9375rem;text-decoration:none;padding:8px 0}main{max-width:1288px;padding:38px 24px 28px;margin:auto}.intro{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:center;padding:0 0 30px}.eyebrow{color:var(--mint);font-size:.75rem;letter-spacing:.13em;font-weight:650;margin:0 0 12px}h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;letter-spacing:-.04em;margin:0}h1 em{font-style:normal;color:var(--mint)}.lede{max-width:620px;color:var(--muted);font-size:1.0625rem;margin:18px 0 0}.start-note{border-left:1px solid var(--line);padding-left:20px;color:var(--muted)}.start-note p{margin:3px 0 12px;font-size:.9375rem}.start-note a{color:var(--mint);font-size:.9375rem;text-underline-offset:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:20px 0 16px}.section-heading h2{font-size:1.2rem;margin:0}.section-heading>span{color:var(--muted);font-size:.875rem}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#102833;display:flex;flex-direction:column}.game-link{display:flex;flex-direction:column;flex:1;text-decoration:none}.game-card:has(.game-link:hover){border-color:var(--mint)}.game-link:focus-visible{outline-offset:-4px}.preview{position:relative;background:#040e17;aspect-ratio:1.6;overflow:hidden;border-bottom:1px solid var(--line)}.preview img{width:100%;height:100%;object-fit:cover;display:block}.card-copy{padding:18px 20px 14px;display:flex;flex-direction:column;flex:1}.card-kicker{font-size:.8125rem;color:var(--mint);margin:0 0 5px}.card-copy h2{font-size:1.45rem;letter-spacing:-.025em;line-height:1.25;margin:0}.description{color:var(--muted);margin:11px 0 19px;font-size:.9375rem}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center}.card-bottom>span{font-size:.8125rem;color:#c3d9d9}.card-bottom b{color:var(--mint);font-size:1rem;white-space:nowrap}.science-link{margin:0;padding:11px 20px;border-top:1px solid #284650;font-size:.75rem;color:var(--muted)}.beyond{margin:32px 0 24px;border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:25px}.beyond h2{font-size:1.45rem;line-height:1.3;margin:0 0 10px}.beyond p:not(.eyebrow){margin:0;color:var(--muted);max-width:700px}.beyond>a{color:#0a252c;background:var(--mint);text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:650;white-space:nowrap}.about{color:var(--muted);font-size:.9375rem;border-top:1px solid var(--line);padding-top:18px}.about summary{color:var(--ink);cursor:pointer;padding:6px 0}.about p{max-width:900px}.about a{color:var(--mint)}footer{max-width:1288px;margin:auto;padding:10px 24px 30px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.875rem}footer a{color:var(--mint)}@media(max-width:950px){.intro{grid-template-columns:1fr}.start-note{border-left:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}.start-note p{margin:0}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.top{min-height:56px;padding:8px 16px}.top nav{gap:18px}main{padding:22px 16px}.intro{gap:16px;padding-bottom:22px}h1{font-size:2rem}.lede{font-size:1rem;margin-top:12px}.start-note{display:block}.start-note p{font-size:.875rem;margin-bottom:8px}.game-grid{grid-template-columns:1fr;gap:18px}.section-heading{align-items:start;flex-direction:column;gap:2px;padding:16px 0 14px}.preview{aspect-ratio:1.75}.card-copy{padding:16px 18px}.beyond{padding:20px;align-items:start;flex-direction:column}.beyond>a{white-space:normal}footer{padding-inline:16px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.top{flex-wrap:wrap}.intro>div{min-width:0}h1,h2,p,a{overflow-wrap:break-word}

.preview{background:#0b1c27}.preview img{object-fit:contain!important}
/* An original microscope discovery, kept compact above the gallery. */
.intro{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:38px;padding-bottom:26px}.lede{font-size:1rem;margin-top:16px}.lede strong{color:#dcecea;font-weight:500}.start-note{border:0;padding:0;margin-top:12px;display:flex;flex-wrap:wrap;gap:3px 20px;align-items:center}.start-note p,.start-note a{font-size:.8125rem;margin:0}.drop-entrance{margin:0;max-width:425px;width:100%;justify-self:end;border:1px solid #47615d;border-radius:18px;background:radial-gradient(ellipse at 35% 42%,#244644,#0b242d 70%);box-shadow:0 14px 35px #0002;overflow:hidden}.drop-entrance-link{display:block;text-decoration:none;position:relative}.drop-entrance-link:focus-visible{outline-offset:-5px}.drop-entrance-link:hover .drop-entrance-footer b{color:#f9db9f}.drop-entrance-heading{padding:15px 20px 0;position:relative;z-index:2}.drop-entrance-heading>span{font-size:.56rem;letter-spacing:.16em;color:#a3c7bd}.drop-entrance h2{font-family:Georgia,serif;font-size:1.55rem;line-height:1.2;letter-spacing:-.03em;font-weight:400;color:#e7e8d8;margin:3px 0 0}.drop-entrance-scene{height:193px;position:relative}.drop-entrance-scene:after{content:'';position:absolute;left:45%;right:24%;top:53%;height:1px;background:linear-gradient(90deg,#a7c6ad00,#a7c6ad99);transform:rotate(-12deg)}#drop-peek-frame{width:67%;height:100%;position:relative;pointer-events:none}#drop-peek-frame img{width:100%;height:100%;object-fit:contain}#drop-peek-frame canvas{position:absolute;inset:0;width:100%;height:100%}#drop-peek-frame[data-ready=true]>img{visibility:hidden}.drop-specimen{position:absolute;right:19px;top:20px;width:105px;text-align:center}.drop-specimen img{width:100%;border-radius:50%;display:block;border:1px solid #bca97c;box-shadow:0 0 30px #bccc9a16}.drop-specimen span{display:block;font-size:.59rem;color:#bdd0c2;margin-top:11px}.drop-entrance-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 17px 13px;border-top:1px solid #44605866;font-size:.7rem;color:#a6c5c0}.drop-entrance-footer b{font-size:.8rem;font-weight:500;color:#c8e4d7;white-space:nowrap}.drop-entrance-footer b span{margin-left:8px}
@media(min-width:901px){main{padding-top:26px}}
@media(min-width:650px) and (max-width:900px){.intro{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:20px}.intro h1{font-size:2.2rem}.drop-entrance-heading{padding:13px 15px 0}.drop-entrance h2{font-size:1.35rem}.drop-specimen{width:80px;right:13px;top:25px}.drop-entrance-scene{height:173px}.drop-entrance-footer{padding:9px 12px;font-size:.62rem}.drop-entrance-footer b{font-size:.7rem}.drop-specimen span{font-size:.52rem}.lede{font-size:.9375rem}}
@media(max-width:649px){.intro{grid-template-columns:1fr;gap:17px;padding-bottom:20px}.drop-entrance{max-width:none}.drop-entrance-link{display:grid;grid-template-columns:1fr 1fr}.drop-entrance-heading{padding:18px 0 0 17px;grid-column:1;grid-row:1;align-self:start}.drop-entrance h2{font-size:1.35rem;max-width:135px}.drop-entrance-heading>span{font-size:.5rem}.drop-entrance-scene{grid-column:2;grid-row:1 / 3;height:159px}.drop-entrance-footer{grid-column:1;grid-row:2;display:block;border:0;padding:4px 0 15px 17px;align-self:end}.drop-entrance-footer>span{display:none}.drop-entrance-footer b{font-size:.8rem}#drop-peek-frame{width:100%;transform:translateX(-12px)}.drop-specimen{width:48px;right:9px;top:27px}.drop-specimen span{display:none}.drop-entrance-scene:after{display:none}.lede{font-size:.9375rem}.start-note{margin-top:10px}.intro h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.drop-entrance *{scroll-behavior:auto}}

.drop-specimen img{height:auto;aspect-ratio:1;object-fit:cover}

.drop-entrance-footer{font-size:.8rem}.drop-entrance-heading>span{font-size:.75rem;letter-spacing:.06em}
