@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090f21;--text:#f4f6ff;--muted:#a3aec7;--line:rgba(189,206,255,.17);--blue:#69b8ff;--purple:#b596ff;font-family:'Space Grotesk',Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #81d5ff;outline-offset:4px}::selection{background:#77b8ff;color:#061024}
.ambient{position:absolute;inset:0 0 auto;height:980px;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#172b55 0%,#0b1631 42%,#090f21 77%)}.ambient:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#98b9ff 1px,transparent 1.5px);background-size:54px 62px;opacity:.16;mask-image:linear-gradient(#000,transparent 90%)}.ambient__orb{position:absolute;border-radius:50%;filter:blur(65px);opacity:.36}.ambient__orb--one{width:560px;height:560px;top:120px;left:-150px;background:#243c9a}.ambient__orb--two{width:650px;height:420px;right:-180px;top:360px;background:#43247c}.ambient__grid{position:absolute;left:-20%;right:-20%;bottom:0;height:360px;transform:perspective(300px) rotateX(64deg);transform-origin:bottom;background-image:linear-gradient(rgba(112,148,247,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(112,148,247,.18) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(transparent 3%,#000 95%)}
.site-header{max-width:1440px;margin:auto;padding:30px clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:19px;font-weight:700;letter-spacing:-.08em}.wordmark span{color:#9fc5ff}.wordmark small{font-size:10px;letter-spacing:0;margin-left:3px;color:#7e90b7}.top-nav{display:flex;align-items:center;gap:30px;color:#b6c0d6;font-size:13px}.top-nav a:hover,.about__links a:hover,footer a:hover{color:#fff}.intro-line{max-width:1440px;margin:24px auto 0;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;gap:10px;color:#a9bad7;font:11px 'DM Mono',monospace;letter-spacing:.13em}.status-dot{height:7px;width:7px;border-radius:50%;background:#6ae1b7;box-shadow:0 0 13px #6ae1b7}.intro-line__slash{opacity:.5}
.hero{max-width:1440px;margin:auto;padding:40px clamp(22px,5vw,76px) 95px;min-height:720px;display:grid;grid-template-columns:minmax(330px,.8fr) minmax(560px,1.2fr);align-items:center;gap:20px}.hero-copy{position:relative;z-index:2;padding-bottom:30px}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.22em;color:#83b5fc}.hero-copy h1{font-size:clamp(56px,6.2vw,104px);line-height:.98;letter-spacing:-.085em;margin:22px 0 28px;white-space:nowrap}.hero-copy h1 em{font-style:normal;background:linear-gradient(105deg,#ecf5ff 10%,#93b8ff 58%,#ad91f3 100%);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy__body{max-width:380px;color:#bdc8df;font-size:16px;line-height:1.7}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:24px;border-bottom:1px solid #769bd5;padding-bottom:8px;color:#dce9ff;font-size:14px}.text-link span{color:#83b5fc;font-size:19px}
.console-area{width:100%;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;transform:translateY(30px)}.console-glow{position:absolute;inset:18% 0 24%;border-radius:50%;filter:blur(70px);background:#4264bd;opacity:.36}.console{position:relative;width:min(100%,800px);aspect-ratio:1.92/1;border-radius:49% / 19%;display:grid;grid-template-columns:20% 60% 20%;align-items:center;padding:3.6% 3.1%;background:linear-gradient(160deg,#50586d 0%,#202737 13%,#111725 35%,#212a3e 67%,#050914 100%);border:2px solid #586174;box-shadow:inset 0 4px 4px #a5b2c455,inset 0 -16px 22px #000b,0 32px 55px #0008,0 5px 0 #040812;transform:perspective(900px) rotateX(3deg) rotateY(-7deg);transition:transform .7s cubic-bezier(.22,.7,.2,1)}.console:hover{transform:perspective(900px) rotateX(0) rotateY(0)}.console__sheen{position:absolute;inset:3px;border-radius:inherit;border-top:1px solid #a3afc659;pointer-events:none}.console__bottom-edge{position:absolute;bottom:-2%;left:21%;right:21%;height:9%;border-radius:0 0 40% 40%;background:linear-gradient(#0d1220,#394257);z-index:-1;box-shadow:0 7px 8px #0009}.console__left,.console__right{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.dpad{position:relative;width:67%;aspect-ratio:1}.dpad button{border:1px solid #647184;background:linear-gradient(145deg,#3f485a,#131924);position:absolute;cursor:pointer;box-shadow:inset 1px 2px 2px #95a2ae55,0 2px 4px #000b}.dpad button:active,.face:active,.power-button:active{transform:scale(.93)}.dpad__up,.dpad__down{left:35%;width:30%;height:38%}.dpad__up{top:0;border-radius:5px 5px 0 0}.dpad__down{bottom:0;border-radius:0 0 5px 5px}.dpad__left,.dpad__right{top:35%;width:38%;height:30%}.dpad__left{left:0;border-radius:5px 0 0 5px}.dpad__right{right:0;border-radius:0 5px 5px 0}.dpad__center{position:absolute;width:30%;height:30%;left:35%;top:35%;background:radial-gradient(circle,#293343 16%,#181f2c 20%,#2f394a 70%);pointer-events:none}.analog{position:absolute;width:27%;aspect-ratio:1;border-radius:50%;left:30%;bottom:7%;border:5px solid #192131;background:repeating-radial-gradient(circle,#222b3c 0 3px,#111827 4px 7px);box-shadow:0 2px 4px #000,inset 0 2px 5px #000}.console__middle{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.display-frame{width:100%;height:84%;padding:2%;border-radius:8px;background:linear-gradient(140deg,#070a12,#343e51 45%,#080c16);border:2px solid #68758a;box-shadow:inset 0 0 0 3px #111725,0 0 6px #000}.display{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 90%,#193e79 0%,#142b5a 45%,#101c3e 100%);border-radius:3px;color:#eef6ff;box-shadow:inset 0 0 30px #020814,0 0 0 1px #8b9bb237}.display:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#ffffff13 0%,transparent 29%,transparent 78%,#ffffff09 100%),repeating-linear-gradient(0deg,#0000 0 3px,#0002 4px);pointer-events:none;z-index:3}.display:after{content:'';position:absolute;top:-25%;left:-35%;width:90%;height:150%;transform:rotate(18deg);background:linear-gradient(90deg,#fff1,transparent);pointer-events:none}.display__top,.display__bottom{height:13%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font:10px 'DM Mono',monospace;letter-spacing:.12em;color:#d6e7ff;position:relative;z-index:4}.display__top{border-bottom:1px solid #bed8ff3d}.display__bottom{border-top:1px solid #bed8ff3d}.display__content{height:74%;position:relative;z-index:2}.off-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:9px;text-align:center}.off-screen__symbol{font-size:29px;color:#aacbff;text-shadow:0 0 26px #95b9ff}.off-screen strong{font-size:clamp(14px,2vw,25px);letter-spacing:.24em}.off-screen span{font:9px 'DM Mono',monospace;letter-spacing:.18em;opacity:.8}.display:not(.display--on){filter:brightness(.5) saturate(.65)}.display:not(.display--on) .off-screen__symbol{opacity:.55}.console__under{width:100%;height:13%;display:flex;align-items:center;justify-content:space-between;padding:0 10%;color:#8f9caf;font:8px 'DM Mono',monospace;letter-spacing:.13em}.console__brand{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:-.04em;color:#b7c2d4;text-shadow:0 1px #000}.console__brand span{color:#62abef}.power-led{width:5px;height:5px;border-radius:50%;background:#29352c}.power-led--on{background:#6ee5a9;box-shadow:0 0 10px #6ee5a9}.power-button{background:none;border:0;color:#a0acc1;font:8px 'DM Mono',monospace;cursor:pointer;padding:7px}.console__right{flex-direction:column}.face-buttons{width:83%;aspect-ratio:1;position:relative}.face{position:absolute;width:32%;aspect-ratio:1;border-radius:50%;border:1px solid #768094;background:radial-gradient(circle at 35% 30%,#505b71,#161e2c 72%);box-shadow:inset 1px 2px 2px #c2cede55,0 3px 5px #000c;cursor:pointer;font:clamp(12px,2vw,21px) Arial,sans-serif;display:grid;place-items:center}.face--triangle{top:0;left:34%;color:#66cdae}.face--circle{right:0;top:34%;color:#e97385}.face--cross{bottom:0;left:34%;color:#83bdf5}.face--square{left:0;top:34%;color:#b1a0ed}.speaker{display:flex;gap:4px;position:absolute;bottom:9%}.speaker i{width:2px;height:2px;border-radius:50%;background:#526073;box-shadow:0 1px #000}.console-caption{position:relative;z-index:2;display:flex;gap:17px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:35px;color:#91a2bf;font:10px 'DM Mono',monospace;letter-spacing:.06em}.console-caption span+span:before{content:'•';padding-right:16px;color:#495a7a}.console-caption button{border:1px solid #5a729a;background:#172745;color:#bed7ff;padding:7px 10px;font:inherit;cursor:pointer;border-radius:4px}
.welcome-screen{height:100%;padding:6% 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.screen-kicker{font:9px 'DM Mono',monospace;letter-spacing:.2em;color:#95d2ff}.welcome-screen strong{font-size:clamp(30px,4.2vw,61px);line-height:.84;letter-spacing:-.09em;margin:7px 0}.welcome-screen strong span{color:#73baff}.welcome-screen p{font:clamp(8px,1vw,12px) 'DM Mono',monospace;line-height:1.5;letter-spacing:.12em}.welcome-screen__hint{color:#b3c9ea;font:8px 'DM Mono',monospace;letter-spacing:.08em;margin-top:auto}.menu-screen{height:100%;display:flex;flex-direction:column;padding:3% 5%}.menu-screen__category{display:flex;justify-content:space-between;color:#b3c9ea;font:8px 'DM Mono',monospace;letter-spacing:.14em}.menu-screen__art{flex:1;min-height:0;overflow:hidden;position:relative;border-radius:3px;margin:2% 0;background:radial-gradient(circle at 56% 47%,color-mix(in srgb,var(--story-accent) 72%,#3a326c),#102044 48%,#0c1736 100%)}.menu-screen__art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#071128aa)}.menu-screen__art>span{position:absolute;z-index:1;right:4%;bottom:-30%;font-size:clamp(72px,11vw,155px);font-weight:700;letter-spacing:-.1em;color:#ffffff25}.art-ring{position:absolute;border:1px solid #ffffff60;border-radius:50%;width:70%;aspect-ratio:1;left:15%;top:-40%;transform:rotateX(65deg)}.art-ring--two{width:50%;left:25%;top:-22%;box-shadow:0 0 25px var(--story-accent)}.menu-screen__copy h3{font-size:clamp(14px,1.8vw,23px);letter-spacing:-.055em;margin:0}.menu-screen__copy p{font-size:clamp(8px,.85vw,11px);color:#cfdbef;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-screen__dots{display:flex;gap:5px;position:absolute;right:5%;bottom:4%}.menu-screen__dots i{width:4px;height:4px;background:#90a7cd;border-radius:50%}.menu-screen__dots i.active{background:#fff;width:11px;border-radius:5px}.detail-screen{height:100%;padding:7% 9%;display:flex;flex-direction:column}.detail-screen h3{font-size:clamp(24px,3vw,40px);line-height:1;letter-spacing:-.075em;margin:9px 0}.detail-screen__rule{width:42px;height:2px;margin:2% 0}.detail-screen p{font-size:clamp(10px,1.1vw,14px);line-height:1.5;color:#d8e2f4;max-width:440px}.detail-screen__status{margin-top:auto;font:8px 'DM Mono',monospace;letter-spacing:.12em;color:#8dc6f7}
.section{max-width:1288px;margin:auto;padding:80px clamp(22px,5vw,76px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:45px}.section-heading h2,.about h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.075em;margin:14px 0 0}.period{color:#79b9fa}.section-heading>p{max-width:320px;margin-bottom:4px;color:var(--muted);font-size:15px;line-height:1.6}.story-list{margin-top:45px}.story-row{min-height:140px;display:grid;grid-template-columns:55px 1fr 190px 50px;gap:15px;align-items:center;border-top:1px solid var(--line);transition:background .25s,padding .25s}.story-row:last-child{border-bottom:1px solid var(--line)}.story-row:hover{background:#17223b;padding-left:12px}.story-row__number,.story-row__category,.story-row__status{font:10px 'DM Mono',monospace;letter-spacing:.12em}.story-row__number{color:var(--story-accent)}.story-row__category{color:#88a6d2}.story-row h3{font-size:clamp(23px,3vw,35px);letter-spacing:-.055em;margin:8px 0 3px}.story-row p{font-size:13px;color:var(--muted);margin:0}.story-row__status{color:#7d8caa}.story-row button{width:39px;height:39px;border-radius:50%;border:1px solid #5b6d90;background:#ffffff0b;color:#dae9ff;cursor:pointer;font-size:19px}.story-row button:hover{background:var(--story-accent);color:#071022}.about{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid var(--line);margin-top:70px;padding-top:60px;padding-bottom:140px}.about__number{font:10px 'DM Mono',monospace;color:#84acd9;letter-spacing:.17em}.about h2{margin:0 0 28px}.about p{max-width:690px;color:#aebbd4;font-size:clamp(16px,1.7vw,21px);line-height:1.6}.about__links{display:flex;gap:35px;margin-top:34px;color:#d1e5ff;font-size:13px}.about__links a{border-bottom:1px solid #7198cf;padding-bottom:8px}footer{border-top:1px solid var(--line);padding:25px clamp(22px,5vw,76px);max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:15px;color:#71809e;font:10px 'DM Mono',monospace;letter-spacing:.12em}
@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:0;padding-top:75px}.hero-copy{text-align:center;padding-bottom:10px}.hero-copy h1{font-size:clamp(56px,10vw,95px)}.hero-copy__body{margin-left:auto;margin-right:auto}.console-area{transform:none;margin-top:15px}.console{max-width:800px}.ambient{height:1250px}.section{padding-top:60px}}
@media(max-width:680px){.site-header{padding-top:23px}.top-nav{gap:16px;font-size:11px}.top-nav a:nth-child(2){display:none}.intro-line{font-size:9px;margin-top:8px}.hero{padding-top:55px;padding-bottom:70px;min-height:0}.hero-copy h1{font-size:clamp(48px,13vw,75px)}.hero-copy__body{font-size:14px}.console-area{width:calc(100vw - 10px);margin-left:calc((100% - (100vw - 10px))/2);margin-top:42px}.console{transform:none;border-width:1px}.console:hover{transform:none}.console__brand{font-size:8px}.console__under{font-size:5px}.console-caption{margin:28px 20px 0;font-size:8px;gap:8px}.console-caption span+span:before{padding-right:8px}.welcome-screen strong{font-size:clamp(25px,8vw,48px)}.welcome-screen p{font-size:7px}.welcome-screen__hint{font-size:6px}.display__top,.display__bottom{font-size:6px}.screen-kicker{font-size:6px}.menu-screen__category{font-size:6px}.menu-screen__copy p{font-size:7px}.detail-screen p{font-size:8px}.detail-screen__status{font-size:6px}.section-heading{display:block}.section-heading>p{margin-top:20px}.story-row{grid-template-columns:35px 1fr 38px;gap:10px;padding:20px 0;min-height:120px}.story-row__status{display:none}.story-row h3{font-size:23px}.story-row p{font-size:12px}.about{grid-template-columns:1fr;gap:20px;margin-top:30px;padding-bottom:80px}.about p{font-size:16px}footer{font-size:8px;flex-wrap:wrap}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.console,.story-row{transition:none}}
.detail-screen{overflow-y:auto;padding:4% 7%}.detail-screen h3{font-size:clamp(18px,2.25vw,30px);margin:5px 0}.detail-screen__rule{margin:1% 0}.detail-screen p{font-size:clamp(9px,.85vw,11px);line-height:1.35;margin:5px 0}.detail-screen__status{margin-top:9px}.welcome-screen{padding-top:4%;padding-bottom:4%}.welcome-screen p{margin:10px 0 0}
.reader[hidden]{display:none}.reader{margin-top:10px;margin-bottom:70px;padding-top:45px;padding-bottom:55px;border-top:1px solid #719bd557;border-bottom:1px solid #719bd557;background:linear-gradient(110deg,#15274755,#121a3055)}.reader__top{display:flex;justify-content:space-between;align-items:center}.reader__top button{border:1px solid #5b6d90;background:none;color:#b9c9e3;padding:8px 12px;cursor:pointer;font:10px 'DM Mono',monospace}.reader h2{font-size:clamp(42px,6vw,82px);line-height:1;letter-spacing:-.08em;margin:25px 0 15px}.reader__lead{font-size:clamp(18px,2vw,26px);color:#c7d7ee;max-width:850px;line-height:1.4}.reader__body{max-width:740px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:#b8c7df;font-size:17px;line-height:1.7}.reader__status{font:10px 'DM Mono',monospace;color:#8faed6;letter-spacing:.1em}
.reader__metric{display:flex;align-items:baseline;gap:15px;margin:30px 0;color:#9fc9ff}.reader__metric strong{font-size:clamp(32px,4vw,54px);letter-spacing:-.06em}.reader__metric span{font:11px 'DM Mono',monospace;letter-spacing:.08em;color:#99acc9}.reader__coverage{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:36px;font:11px 'DM Mono',monospace;letter-spacing:.08em}.reader__coverage>span{color:#7f90ae}.reader__coverage a{color:#b7d7ff;border-bottom:1px solid #6e91be;padding-bottom:5px}
@media(max-width:680px){.reader__metric{display:block}.reader__metric strong{display:block;font-size:38px}.reader__metric span{display:block;margin-top:4px;line-height:1.5}.reader__body{font-size:15px}}