@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#080a09;--surface:#101310;--line:#ffffff19;--muted:#858b84;--white:#f0f2e9;--green:#c2ff79;--mono:'Space Mono',monospace;--sans:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:7px}button,svg,a{touch-action:manipulation}button svg,a svg{width:22px;height:22px}button{padding:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.noise{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.green{color:var(--green)}.site-header{margin:0 4.5%;height:106px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.08em;font-weight:700;line-height:1.4}.brand>svg{width:33px;height:40px}.brand-small{display:block;font:8px var(--mono);letter-spacing:.23em;color:#899087;margin-top:5px}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav a,nav button{transition:color .2s}nav a:hover,nav button:hover{color:var(--green)}nav span{font:9px var(--mono);margin-left:8px;color:var(--muted)}.header-tools{display:flex;align-items:center;gap:18px}.availability{font:8px var(--mono);letter-spacing:.09em;color:#b0b5ab;display:flex;align-items:center;gap:7px}.availability i,.lab-note i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 9px #c2ff7950}.icon-button{width:26px;height:30px;color:#9a9e95;display:grid;place-items:center}.icon-button:hover{color:var(--green)}.icon-button span{font-size:14px}.icon-button svg{width:19px;height:19px}.hero{min-height:690px;height:calc(100vh - 106px);max-height:900px;position:relative;overflow:hidden;padding:0 7.5%;display:flex;align-items:center}.hero canvas{position:absolute;inset:0;pointer-events:none;opacity:.6}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#92ba8c05 1px,transparent 1px),linear-gradient(90deg,#92ba8c05 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at 68% 50%,black,transparent 65%)}.hero-copy{position:relative;z-index:2;padding-bottom:60px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font:9px var(--mono);font-weight:400;letter-spacing:.13em;line-height:1.6}.hero-copy .eyebrow{margin:0 0 35px;display:flex;align-items:center;gap:12px;color:#b5bdb0}.tiny-cross{color:var(--green);font:23px var(--sans);line-height:12px}h1{font-size:clamp(68px,7.45vw,118px);font-weight:500;line-height:1.04;letter-spacing:-.075em;margin:0}.curiosity{color:var(--green)}.period{color:var(--green)}.intro{margin:29px 0 30px;font-size:15px;line-height:1.85;color:#949c91;letter-spacing:-.01em}.primary-button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--green);border:1px solid var(--green);color:#11190c;border-radius:4px;padding:16px 20px;font-size:12px;font-weight:650;transition:background .2s,transform .2s;min-height:53px}.primary-button:hover{background:#d7ffaa;transform:translateY(-3px)}.primary-button svg{width:19px;height:19px}.hero-whisper{font:9px var(--mono);color:#696f65;margin-top:19px;letter-spacing:.01em}.specimen{position:absolute;width:52%;right:1.5%;top:2%;height:88%;display:flex;align-items:center;justify-content:center;perspective:900px}.rabbit-art{position:relative;width:100%;height:100%;z-index:1;animation:levitate 8s ease-in-out infinite;transition:filter .4s;user-select:none;transform-style:preserve-3d}.rabbit-art:hover{filter:brightness(1.1)}.rabbit-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at 50% 48%,black 40%,transparent 74%);pointer-events:none}.orbital{position:absolute;width:75%;aspect-ratio:1;border:1px solid #a4ff8412;border-radius:50%;transform:rotateX(65deg) rotateZ(-25deg);top:30%;background:radial-gradient(ellipse,#77b34808,transparent 65%)}.orbital-two{width:95%;transform:rotateX(64deg) rotateZ(25deg);top:20%;border-style:dashed;opacity:.6}.specimen-label{position:absolute;bottom:1%;left:26%;font:8px var(--mono);color:#8c9e82;letter-spacing:.12em;z-index:2}.specimen-label span{margin-left:15px;color:#53604c}.specimen-cross{font:19px var(--mono);position:absolute;color:#80906e}.top-left{left:17%;top:18%}.bottom-right{right:10%;bottom:15%}.rabbit-note{position:absolute;right:12%;top:14%;font:8px var(--mono);letter-spacing:.12em;color:#555f50;line-height:1.7;z-index:2}.vertical-note{position:absolute;right:1%;top:45%;writing-mode:vertical-rl;font:7px var(--mono);color:#69775f;letter-spacing:.2em}.hero-baseline{position:absolute;bottom:31px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.1em;color:#767e70}.hero-baseline>a{display:flex;align-items:center;gap:22px}.hero-baseline>a span{font-size:19px;color:#c2ccbb}.hero-baseline>span .green{font-size:18px;margin-right:10px}.playground{padding:75px 4.5% 0;border-top:1px solid var(--line);position:relative;background:linear-gradient(180deg,#10140e70,transparent)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:30px}.section-heading .eyebrow{color:#9aab8e;margin:0 0 16px}.section-heading .eyebrow .green{margin-right:14px}.section-heading h2{font-size:38px;font-weight:450;letter-spacing:-.055em;margin:0}.section-heading h2 span{color:#6e7967}.section-heading>p{font-size:12px;line-height:1.8;color:#818b79;margin:0 0 3px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.app-card{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff16;border-radius:7px;background:#10130f;overflow:hidden;padding:20px 20px 23px;position:relative;transition:transform .35s,border-color .35s,background .35s}.app-card:hover{transform:translateY(-7px);border-color:#c2ff7955;background:#151a13}.card-topline{display:flex;align-items:center;justify-content:space-between;z-index:1;font:7px var(--mono);letter-spacing:.1em;color:#6d7865}.app-type{border:1px solid #aabf991f;border-radius:3px;padding:5px 7px;font-size:6px;color:#a4b696}.app-art{height:175px;position:relative;display:flex;align-items:center;justify-content:center}.app-caption{display:flex;align-items:center;justify-content:space-between}.app-caption h3{font-size:19px;letter-spacing:-.03em;margin:0 0 7px;font-weight:500}.app-caption p{font-size:10px;color:#8b9385;margin:0}.app-caption>svg{width:20px;height:20px;color:#74806b;transition:color .2s,transform .2s}.app-card:hover .app-caption>svg{color:var(--green);transform:translate(2px,-2px)}.signal-art{gap:4px}.signal-art i{width:3px;height:12px;border-radius:8px;background:#c8e8a0;box-shadow:0 0 10px #a7ec5850;animation:wave 2.2s ease-in-out infinite;animation-delay:calc(var(--i)*.075s)}.signal-art i:nth-child(3n){height:42px}.signal-art i:nth-child(4n){height:63px}.signal-art i:nth-child(5n){height:90px}.signal-art i:nth-child(6n){height:70px}.signal-art i:nth-child(7n){height:115px}.orbit-art{perspective:250px}.orbit-art i{position:absolute;width:105px;height:105px;border:1px solid #b5c5f660;border-radius:50%;transform:rotateX(60deg) rotateY(25deg) rotateZ(-30deg)}.orbit-art i:nth-child(2){transform:rotateX(20deg) rotateY(65deg) rotateZ(40deg)}.orbit-art i:nth-child(3){transform:rotateX(10deg) rotateY(-5deg) rotateZ(40deg);border-color:#b5c5f620}.orbit-art b{width:37px;height:37px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e8eaff,#8a9dcc 38%,#202939 80%);box-shadow:0 0 35px #96b4ff25;animation:levitate 5s ease-in-out infinite}.orbit-art em{width:9px;height:9px;border-radius:50%;background:#e7eaff;position:absolute;transform:translate(49px,13px);box-shadow:0 0 15px #d5dbff80}.prism-art div{width:85px;height:92px;background:conic-gradient(from 0deg at 51% 64%,#ba82f6,#b591cf,#505265,#c6d1f2,#e9e0ff,#7a4c9f,#ba82f6);clip-path:polygon(50% 0,100% 89%,0 89%);filter:drop-shadow(0 0 10px #bb8aed80);transform:rotate(-15deg);animation:prismFloat 7s ease-in-out infinite}.prism-art i{position:absolute;width:160px;height:1px;background:linear-gradient(90deg,transparent,#dac2e5,transparent);transform:rotate(-15deg)}.void-art i{position:absolute;width:99px;height:99px;border:1px solid #adb4a84a;border-radius:50%;box-shadow:inset 0 0 15px #a7b59b0b,0 0 20px #a7b59b0a}.void-art i:nth-child(2){width:78px;height:78px;border-color:#adb4a827}.void-art i:nth-child(3){width:56px;height:56px;border-color:#adb4a814}.void-art span{font:27px var(--mono);color:#dae5ce;transform:translateY(-5px);animation:blink 2s steps(1) infinite}.lab-note{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-bottom:38px;border-bottom:1px solid var(--line);color:#727f68;font:7px var(--mono);letter-spacing:.09em}.lab-note i{width:4px;height:4px;margin-right:8px}.lab-note>span:last-child{color:#8e9b82}.lab-note .green{font-size:13px;margin-left:8px}.manifesto{margin:0 4.5%;padding:83px 3.3% 90px;position:relative;overflow:hidden}.manifesto>.eyebrow{color:#78896d}.manifesto>p{font-size:clamp(38px,5vw,69px);font-weight:450;line-height:1.12;letter-spacing:-.06em;margin:23px 0 27px}.manifesto>p span{color:var(--green)}.manifesto>button{display:flex;align-items:center;gap:30px;font-size:12px;border-bottom:1px solid #c2ff7970;padding-bottom:9px}.manifesto>button svg{width:17px;height:17px;color:var(--green)}.manifesto-orb{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #c2ff7918;right:12%;top:60px;box-shadow:inset -55px -15px 80px -40px #aaff5355,inset 15px 0 25px -20px #edffda80;transform:rotate(-35deg);background:radial-gradient(ellipse at 80% 80%,#44622420,transparent 60%);pointer-events:none}footer{margin:0 4.5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;min-height:98px;color:#737f6a;font:8px var(--mono);letter-spacing:.06em}.footer-brand{display:flex;gap:9px;align-items:center;color:#a7b29d;font-size:8px}.footer-brand svg{width:20px;height:25px}.footer-whisper{margin-left:auto;font-size:9px;letter-spacing:0;color:#565f4f}#coordinates{font:7px var(--mono);color:#717d67}#coordinates span{color:var(--green);margin-left:10px}.help-button{width:21px;height:21px;border:1px solid #81907040;border-radius:50%;font:9px var(--mono)}.copyright{font-size:7px}.about-dialog,.hint-dialog{width:min(580px,90vw);border:1px solid #93b47b40;border-radius:12px;background:#10150f;color:var(--white);padding:54px;max-height:90vh;box-shadow:0 0 120px #90ce3620}.about-dialog::backdrop,.hint-dialog::backdrop{background:#020502cf;backdrop-filter:blur(12px)}.close-dialog{position:absolute;right:20px;top:13px;font:30px var(--sans);color:#9ba58f;width:32px;height:32px}.about-dialog h2,.hint-dialog h2{font-size:47px;line-height:1.05;letter-spacing:-.06em;font-weight:500;margin:25px 0}.about-dialog>p:not(.eyebrow),.hint-dialog>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#9ca992}.about-dialog .about-foot{border-top:1px solid var(--line);padding-top:20px}.about-dialog .primary-button{margin-top:15px}kbd{border:1px solid #8eb76950;border-radius:4px;padding:3px 7px;background:#8eb7690a;font:11px var(--mono);white-space:nowrap;color:var(--green)}.hint-dialog .hint-foot{font-size:10px!important;margin-top:25px}.secret-room{position:fixed;inset:0;z-index:25;background:#030804;overflow-y:auto;display:flex;align-items:center;justify-content:center;min-height:100dvh}.secret-room[hidden]{display:none}.secret-room canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.35}.secret-back{position:absolute;left:5%;top:35px;font:9px var(--mono);letter-spacing:.1em;color:var(--green);z-index:2;padding:10px}.secret-back span{border:1px solid #baff8240;padding:3px 5px;color:#879780;margin-left:20px;font-size:7px}.secret-content{position:relative;z-index:1;text-align:center;padding:100px 25px;max-width:900px;width:100%}.secret-content h2{font-size:clamp(60px,10vw,120px);font-weight:450;letter-spacing:-.07em;line-height:1;margin:30px 0;color:#d9ffc1}.secret-content>p{max-width:460px;margin:20px auto 30px;color:#8b9e80;font-size:15px;line-height:1.8}.secret-content .eyebrow{font-size:9px}.secret-content .room-number{font:10px var(--mono);color:var(--green)}.secret-coordinate{position:absolute;bottom:35px;font:8px var(--mono);letter-spacing:.2em;color:#4e6345}.archive-list{max-width:440px;margin:35px auto;display:grid;gap:10px}.archive-list button{border:1px solid #94c77830;border-radius:5px;padding:18px;display:flex;justify-content:space-between;font:12px var(--mono);color:#b1cc9f;text-align:left}.archive-list button:hover{background:#a9ff7410}.archive-list span{font-size:9px;color:#6f8c5c}.room-action{background:#baff82;color:#112009;padding:15px 25px;border-radius:4px;font-size:12px;margin:10px}.room-link{font:11px var(--mono);color:var(--green);border-bottom:1px solid #baff8250;padding:10px;display:inline-block}#toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;transition:.3s;background:#c2ff79;color:#14200b;padding:13px 24px;border-radius:5px;font:10px var(--mono);box-shadow:0 10px 40px #0008;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}@keyframes prismFloat{0%,100%{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-10px)}}@keyframes wave{0%,100%{transform:scaleY(.65);opacity:.6}50%{transform:scaleY(1);opacity:1}}@keyframes blink{0%,70%{opacity:1}71%,100%{opacity:0}}.paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.paused .hero canvas{opacity:.15}
@media(min-width:1600px){.site-header,footer{max-width:1500px;margin-left:auto;margin-right:auto}.hero{max-width:1700px;margin:auto}.playground{padding-left:max(4.5%,calc((100% - 1500px)/2));padding-right:max(4.5%,calc((100% - 1500px)/2))}.manifesto{max-width:1500px;margin:auto}}
@media(max-width:1050px){.availability{display:none}.site-header{height:90px}nav{gap:20px}.hero{height:700px;min-height:650px}.hero-copy{padding-bottom:55px}h1{font-size:80px}.specimen{right:-7%;width:60%;top:7%;height:82%}.rabbit-note{right:18%;top:17%}.hero-copy .eyebrow{font-size:8px}.app-card{padding:16px}.app-art{height:150px}.app-caption p{font-size:9px}.footer-whisper{display:none}.footer-brand{margin-right:auto}.manifesto-orb{right:3%;width:250px;height:250px;top:70px}}
@media(max-width:700px){.site-header{height:82px;gap:10px;margin:0 6%}.brand{font-size:11px;gap:8px}.brand>svg{width:25px;height:33px}.brand-small{font-size:6px}.header-tools{gap:9px}nav{margin-left:auto}nav a{font-size:10px}nav a span,nav button{display:none}.hero{height:auto;max-height:none;min-height:0;padding:48px 7% 68px;display:block;overflow:hidden}.hero-copy{padding-bottom:0}.hero-copy .eyebrow{margin-bottom:26px;font-size:7px;letter-spacing:.08em;gap:8px}h1{font-size:clamp(58px,13vw,90px);line-height:1.04}.intro{font-size:13px;margin-top:24px;max-width:270px}.hero-copy .primary-button{font-size:11px;padding:14px 17px;min-height:49px}.hero-whisper{font-size:8px}.specimen{position:relative;top:auto;right:auto;width:112%;margin:-30px -6% 10px;height:370px;z-index:1}.rabbit-art{width:100%;height:100%}.orbital{width:65%;top:26%}.orbital-two{width:85%;top:15%}.rabbit-note{right:12%;top:16%;font-size:7px}.specimen-label{bottom:3%;left:25%;font-size:7px}.vertical-note{right:5%;font-size:6px}.top-left{top:10%;left:14%}.bottom-right{bottom:13%;right:12%}.hero-baseline{bottom:20px;left:7%;right:7%;font-size:6px;letter-spacing:.04em}.hero-baseline>a{font-size:0;gap:0}.hero-baseline>a span{font-size:18px}.hero-baseline>span .green{font-size:14px;margin-right:5px}.playground{padding:46px 6% 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:31px}.section-heading .eyebrow{font-size:8px}.section-heading>p{font-size:11px;margin:16px 0 0}.app-grid{grid-template-columns:repeat(2,1fr);gap:11px}.app-card{padding:14px 13px 17px;border-radius:6px}.card-topline{font-size:6px}.app-type{font-size:5px;padding:4px}.app-art{height:140px}.app-caption h3{font-size:18px}.app-caption p{font-size:8px;line-height:1.5;max-width:115px}.app-caption>svg{width:16px;height:16px}.signal-art{gap:3px}.signal-art i{width:2px}.signal-art i:nth-child(7n){height:85px}.orbit-art i{width:88px;height:88px}.orbit-art b{width:29px;height:29px}.orbit-art em{transform:translate(40px,10px)}.prism-art div{width:70px;height:77px}.prism-art i{width:120px}.void-art i{width:85px;height:85px}.void-art i:nth-child(2){width:65px;height:65px}.void-art i:nth-child(3){width:45px;height:45px}.lab-note{font-size:5px;padding-bottom:27px;gap:10px;letter-spacing:0}.lab-note>span:last-child{white-space:nowrap;font-size:5px}.lab-note i{width:3px;height:3px;margin-right:4px}.manifesto{margin:0 6%;padding:55px 0 65px}.manifesto>.eyebrow{font-size:7px}.manifesto>p{font-size:42px;position:relative;z-index:1}.manifesto>button{font-size:10px;position:relative;z-index:1}.manifesto-orb{width:155px;height:155px;right:-65px;top:65px;opacity:.7}footer{min-height:95px;gap:12px;flex-wrap:wrap;margin:0 6%;padding:22px 0}.footer-brand{font-size:7px}.footer-brand svg{width:17px}#coordinates{font-size:5px}.copyright{font-size:5px}.help-button{width:19px;height:19px;font-size:8px}.about-dialog,.hint-dialog{padding:40px 28px}.about-dialog h2,.hint-dialog h2{font-size:38px}.about-dialog>p:not(.eyebrow),.hint-dialog>p:not(.eyebrow){font-size:12px}.secret-back{font-size:8px;top:20px}.secret-coordinate{font-size:6px;bottom:20px}.secret-content h2{font-size:63px}.secret-content>p{font-size:13px}.room-action{font-size:10px}}
#rabbit-entrance{touch-action:none}.specimen{user-select:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
