@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Press+Start+2P&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--accent:#6fd9ff;--accent-rgb:111,217,255;--accent-2:#6585ff;--bg-deep:#080819;--bg-glow:#172c62;--text:#f8f6ff;--muted:#aba8c4;color:var(--text);font-family:"Space Grotesk",sans-serif;background:var(--bg-deep)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(ellipse 70% 50% at 12% 3%,var(--bg-glow),transparent 72%),radial-gradient(ellipse 55% 42% at 95% 82%,rgba(var(--accent-rgb),.18),transparent 75%),var(--bg-deep);transition:background .8s ease}body:before,body:after{position:fixed;z-index:-1;content:"";inset:0;pointer-events:none}body:before{opacity:.75;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px),radial-gradient(circle,var(--accent) 0 1px,transparent 1.7px),radial-gradient(circle,#fff 0 .7px,transparent 1.3px);background-size:73px 73px,121px 121px,43px 43px;background-position:2px 11px,33px 3px,20px 25px;animation:drift 14s linear infinite}body:after{opacity:.4;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.03) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%);background-size:34px 34px;mask-image:linear-gradient(transparent,black 20%,black 80%,transparent)}@keyframes drift{to{background-position:2px -62px,33px -118px,20px -18px}}.scanlines{position:fixed;z-index:5;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.5) 3px 4px)}.site-shell{width:min(1120px,calc(100% - 40px));min-height:100vh;margin:auto;padding:28px 0 22px;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.logo,.topbar-label,.eyebrow,.number,.species,footer,.control-hint{font-family:"DM Mono",monospace;letter-spacing:.08em}.logo{color:var(--text);text-decoration:none;font-family:"Press Start 2P",monospace;font-size:clamp(.72rem,1.8vw,1rem);text-shadow:3px 3px 0 var(--accent-2)}.logo span,.topbar-label span{color:var(--accent)}.topbar-label{margin:0;color:var(--muted);font-size:.69rem}.intro{padding:clamp(70px,14vh,150px) 8.5% 48px;max-width:850px}.eyebrow{color:var(--accent);font-size:.7rem;font-weight:500}.intro h1{margin:18px 0;font-size:clamp(2.8rem,7vw,6.6rem);line-height:.9;letter-spacing:-.075em}.intro h1 em{color:var(--accent);font-style:normal;text-shadow:0 0 30px rgba(var(--accent-rgb),.35)}.intro>p:not(.eyebrow){max-width:480px;margin:0;color:var(--muted);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.55}.pixel-rule{width:100px;height:6px;margin-top:32px;background:var(--accent);box-shadow:12px 0 var(--accent),36px 0 var(--accent),48px 0 var(--accent),0 0 18px var(--accent)}.carousel{margin:auto 0 34px}.card-window{overflow:hidden;border:1px solid rgba(var(--accent-rgb),.68);background:rgba(10,10,30,.7);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08),0 0 50px rgba(var(--accent-rgb),.2),inset 0 0 45px rgba(var(--accent-rgb),.06);clip-path:polygon(0 13px,13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px))}.persona-card{min-height:430px;display:grid;grid-template-columns:48% 52%}.persona-card.is-changing{animation:card-in .42s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}.art-placeholder{position:relative;overflow:hidden;min-height:430px;display:grid;place-items:center;border-right:1px solid rgba(var(--accent-rgb),.35);background:radial-gradient(circle at 50% 45%,rgba(var(--accent-rgb),.28),transparent 26%),linear-gradient(135deg,rgba(var(--accent-rgb),.1),transparent 60%)}.art-placeholder:before{content:"";position:absolute;width:225px;aspect-ratio:1;border:2px solid var(--accent);border-radius:50%;opacity:.65;box-shadow:0 0 0 17px rgba(var(--accent-rgb),.09),0 0 30px rgba(var(--accent-rgb),.55);animation:orbit 7s linear infinite}.art-placeholder:after{content:"✦";position:absolute;color:var(--accent);font-size:4rem;text-shadow:0 0 22px var(--accent);animation:pulse 2.7s ease-in-out infinite}@keyframes orbit{to{transform:rotate(1turn)}}@keyframes pulse{50%{transform:scale(1.2);opacity:.55}}.art-grid{position:absolute;inset:0;opacity:.55;background:linear-gradient(90deg,transparent 49.5%,rgba(var(--accent-rgb),.22) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(var(--accent-rgb),.22) 50%,transparent 50.5%);background-size:30px 30px;transform:perspective(300px) rotateX(55deg) scale(1.7) translateY(31%);transform-origin:bottom}.placeholder-stars{position:absolute;top:28px;left:28px;color:var(--accent);font-family:"DM Mono";letter-spacing:.55em}.art-note{z-index:1;position:absolute;bottom:30px;left:31px;color:rgba(255,255,255,.72);font-family:"Press Start 2P";font-size:.54rem;line-height:1.8;text-shadow:1px 1px #000}.persona-copy{padding:clamp(31px,5vw,63px);align-self:center}.number,.species{margin:0;font-size:.7rem;font-weight:500}.number{color:var(--accent)}.number span{color:var(--muted)}.species{margin-top:28px;color:var(--muted)}.persona-copy h2{margin:8px 0 14px;color:var(--accent);font-size:clamp(3rem,6vw,5.5rem);line-height:.9;letter-spacing:-.07em;text-shadow:0 0 28px rgba(var(--accent-rgb),.22)}.tagline{margin:0 0 14px;font-size:1.25rem;font-weight:600}.description{max-width:430px;margin:0;color:var(--muted);line-height:1.55}.traits{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:26px 0 0;list-style:none}.traits li{padding:5px 8px;border:1px solid rgba(var(--accent-rgb),.5);color:var(--accent);font-family:"DM Mono";font-size:.7rem;background:rgba(var(--accent-rgb),.08)}.carousel-controls{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:18px;margin:26px auto 0;width:min(100%,520px)}.nav-button{width:50px;height:42px;border:1px solid rgba(var(--accent-rgb),.65);color:var(--accent);background:rgba(8,8,25,.7);font-size:1.25rem;transition:.18s ease}.nav-button:hover{color:#fff;background:var(--accent);box-shadow:0 0 22px rgba(var(--accent-rgb),.55);transform:translateY(-2px)}.nav-button:focus-visible,.dot:focus-visible{outline:2px solid white;outline-offset:3px}.pagination{display:flex;justify-content:center;gap:8px}.dot{width:12px;height:12px;padding:0;border:1px solid var(--muted);background:transparent;transform:rotate(45deg);cursor:pointer}.dot.is-active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 12px var(--accent)}.control-hint{margin:18px 0 0;color:var(--muted);font-size:.67rem;text-align:center}.control-hint kbd{margin:0 1px;padding:2px 4px;border:1px solid #56536c;font:inherit;color:var(--text)}footer{margin-top:auto;color:#75728e;font-size:.64rem;text-align:center}footer span{color:var(--accent)}@media(max-width:700px){.site-shell{width:min(100% - 24px,1120px);padding-top:22px}.topbar-label{font-size:.58rem}.intro{padding:80px 5% 42px}.persona-card{grid-template-columns:1fr}.art-placeholder{min-height:270px;border-right:0;border-bottom:1px solid rgba(var(--accent-rgb),.35)}.art-placeholder:before{width:150px}.persona-copy{padding:29px 27px 34px}.species{margin-top:19px}.persona-copy h2{font-size:3.6rem}.tagline{font-size:1.08rem}.carousel-controls{grid-template-columns:48px 1fr 48px;gap:8px}.nav-button{width:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}