@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Permanent+Marker&family=Rubik+Wet+Paint&display=swap');
:root{--bg:#0c1828;--ink:#f8e6b8;--muted:#b3b6bd;--acid:#f7cf3d;--dark:#081220;--line:#64758c55;--purple:#dc8fee;--marker:'Permanent Marker',Impact,cursive;--hand:'Caveat',cursive;--serif:var(--marker)}
body{background:#0c1828 url('assets/cosmic-ink.webp') center / 1200px fixed;color:var(--ink)}body:before{content:'';position:fixed;inset:0;z-index:-1;background:#071321eb;pointer-events:none}.shell{margin-left:0;overflow:clip}.rail{display:none}header{height:77px;padding:0 4.5%;background:#081321f5;border-bottom:2px solid #f3bc4650;position:relative;z-index:6;gap:25px}.wordmark{font:26px/.9 var(--marker);letter-spacing:-1px;transform:rotate(-2deg);white-space:nowrap}.wordmark .red-word{display:inline;color:#f33c55;font:inherit;letter-spacing:inherit;margin:0}.wordmark small{display:block;font:7px var(--mono);letter-spacing:1.7px;margin-top:10px;color:#b8c5ce}nav{gap:32px}nav a{font:17px var(--marker);transform:rotate(-3deg);color:#c6ddd9}nav a:nth-child(2n){transform:rotate(2deg)}nav a.active{color:var(--acid)}nav a.active:after{height:3px;bottom:13px;background:var(--acid);transform:rotate(-4deg);border-radius:100%}nav a:hover{color:#ff81ba}.sound{color:#c4d9dc;font-size:9px}.sound-bars{color:#70d7d2}main{padding:0;max-width:1700px}.view:not(#home){padding:0 5% 60px;min-height:70vh}.scene{position:relative;width:100%;isolation:isolate;border-bottom:4px solid #05080e}.scene-art{width:100%;height:auto;display:block}.scene-copy{position:absolute;left:7.4%;top:42%;width:30%;z-index:2}.tape-label{display:inline-block;padding:8px 11px;color:#111b29;background:#ffc950;font:8px/1.4 var(--mono);letter-spacing:.5px;transform:rotate(-3deg);box-shadow:3px 3px 0 #03080e88;clip-path:polygon(1% 4%,97% 0,100% 95%,2% 100%,0 75%,1% 50%)}.scene-copy h1{font:clamp(30px,3.4vw,57px)/1 var(--marker);text-transform:uppercase;letter-spacing:-1px;transform:rotate(-4deg);margin:25px 0 20px;text-shadow:4px 5px 0 #020d18}.scene-copy h1 span{color:#ff63ab;font-size:1.2em}.scene-copy p{font:clamp(15px,1.5vw,23px)/1.25 var(--hand);font-weight:600;color:#e4e2cc;margin:0;text-shadow:2px 2px 4px #071321}.scene-copy p em{color:#89eee1;font-style:normal}.scrawl-link{display:inline-block;font:13px var(--marker);color:var(--acid);margin-top:26px;border-bottom:2px solid #f7cf3d88;transform:rotate(-3deg);padding-bottom:5px}.scrawl-link span{font-size:28px;line-height:10px;margin-left:10px}.scrawl-link:hover{color:#7ceadf;border-color:#7ceadf}.scene-doors{position:absolute;inset:0;pointer-events:none}.scene-hotspot{position:absolute;pointer-events:auto;transform:none;border-radius:4px;min-height:38px;height:9%;top:2%;transition:background .25s,box-shadow .25s}.scene-hotspot span{position:absolute;bottom:-32px;left:50%;translate:-50% 0;white-space:nowrap;background:#091523f2;border:1px solid #f8cb40;padding:7px;font:8px var(--mono);color:#f8cb40;opacity:0;transition:opacity .2s;pointer-events:none}.scene-hotspot:hover,.scene-hotspot:focus-visible{background:#ffdd4930;box-shadow:0 0 30px #ffc95080}.scene-hotspot:hover span,.scene-hotspot:focus-visible span{opacity:1}.door-home{left:32%;width:16%}.door-lab{left:52.5%;width:22%}.door-secrets{left:79.7%;width:18%}.bottle-hotspot{position:absolute;right:5.5%;top:39%;width:15%;height:36%;z-index:3;border-radius:50% 50% 45% 45%;background:radial-gradient(ellipse at 50% 70%,#fa34a422,transparent 65%);animation:flask-pulse 4s ease-in-out infinite}.bottle-hotspot span{position:absolute;left:-35px;top:45%;white-space:nowrap;font:700 clamp(15px,1.5vw,24px) var(--hand);color:#f7db68;transform:rotate(-13deg);text-shadow:2px 2px 4px #04080c;opacity:0;transition:opacity .25s}.bottle-hotspot:hover span,.bottle-hotspot:focus-visible span{opacity:1}.bottle-hotspot:hover{background:radial-gradient(ellipse,#ff389c44,transparent 70%)}@keyframes flask-pulse{50%{filter:drop-shadow(0 0 22px #fd2da57a)}}.scene-scribble{position:absolute;left:54.8%;top:13.7%;font:clamp(35px,7vw,115px) var(--marker);transform:rotate(8deg);color:transparent;text-shadow:0 0 28px #f7cb3040;pointer-events:none}.scene-bottom-note{position:absolute;bottom:2.5%;left:5%;font:8px var(--mono);letter-spacing:1.5px;color:#d7e4ed;background:#05101bbc;padding:10px 14px;transform:rotate(-1deg)}.ink-divider{padding:15px 20px;background:#ec47a1;color:#101727;transform:rotate(-1deg) scale(1.02);margin-top:-4px;position:relative;z-index:4;text-align:center;border-block:3px solid #080e18;box-shadow:0 5px 0 #753586;font:clamp(10px,1.2vw,18px) var(--marker);letter-spacing:1px}.cosmic-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:80px 7%;align-items:center;background:radial-gradient(ellipse at top right,#52255b60,transparent 65%),#0a1523ed}.art-window{margin:0;position:relative;transform:rotate(-3deg);border:8px solid #e5d0a6;box-shadow:10px 12px 0 #020812,0 0 60px #cc42ac26}.art-window:before{content:'';position:absolute;width:32%;height:24px;background:#60d9cfb3;top:-19px;left:35%;transform:rotate(7deg);z-index:2}.art-window img{width:100%;height:auto;display:block}.art-window figcaption{background:#e5d0a6;color:#14213a;font:7px/1.5 var(--mono);letter-spacing:.4px;padding:10px 6px 3px}.pink-tape{background:#ed70b7}.manifesto-copy h2{font:clamp(32px,4vw,65px)/1.02 var(--marker);letter-spacing:-2px;margin:24px 0}.manifesto-copy h2 span{color:#7de0d8}.manifesto-copy>p{font:15px/1.8 var(--sans);color:#bccbd2;max-width:420px}.scribble-routes{margin:30px 0;border-top:1px solid #9cb3cc50}.scribble-routes a{display:flex;gap:20px;align-items:center;padding:17px 4px;border-bottom:1px solid #9cb3cc50;transition:transform .2s}.scribble-routes a:hover{transform:translateX(6px)}.scribble-routes b{font:11px var(--mono);color:#ed70b7}.scribble-routes span{font-size:12px;color:#bccbd2;flex:1}.scribble-routes strong{font:22px var(--hand);color:#ffe5ab}.scribble-routes i{font-size:25px;color:#f5ca43}.real-door{font:8px/1.7 var(--mono);color:#a6b9c8;display:block}.real-door span{display:block;color:#dcb1f5;font-size:10px}.eyebrow{font-size:9px;padding-top:30px;color:#9fc2ce}.dot{background:#67ddd5;box-shadow:0 0 8px #67ddd580}.intro{padding:42px 0 40px}.intro h1{font:clamp(45px,5vw,78px)/1.05 var(--marker);letter-spacing:-2px;transform:rotate(-2deg);color:#f8dfad}.intro h1 em{color:#f671ac;font-style:normal}.intro p{color:#bfd2da;font-size:14px}.intro .asterisk{color:#74e0cf;font:60px var(--marker);margin-left:20px;vertical-align:middle}.intro-note .hand{font:700 30px/1 var(--hand);color:#edd55d}.intro-note p{color:#a5bacb}.lab-grid{gap:25px;grid-template-columns:minmax(0,1fr) 320px}.reactor{background:#0a1425;border:3px solid #15283c;box-shadow:5px 6px 0 #04090f,0 0 0 1px #72d7d060;position:relative}.reactor:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(#06112499,#061124cc),url('assets/cosmic-ink.webp') center / cover;opacity:.6}.panel-heading{height:48px;font:10px var(--marker);letter-spacing:.5px;position:relative;border-color:#6d9db332}.reactor .panel-heading{color:#8eede0}.reactor .dot{background:#f5cd43}#phase{color:#b3bdd3;font:8px var(--mono)}.reactor-stage{height:390px;background:radial-gradient(ellipse,#7b386e42,transparent 70%)}.core-label{color:#83d9d5}.specimen{color:#ffd24a;text-shadow:4px 4px 0 #c1387b88,0 0 55px #e244a440;font-family:var(--marker);letter-spacing:-8px;font-size:115px}.specimen span{color:#ec87c6}.core-caption{color:#d6cbdd}.floating{color:#74dad4}.fragment-one{font:40px var(--marker)}.coord{color:#819bb8}.orbit{border-color:#ed7abe66}.orbit-two{border-color:#6cdaca66}.orbit-three{border-color:#c598df35}.orbit-one:after{background:#f9cd4d;box-shadow:0 0 15px #ffb848}.stage-stamp{border:2px solid #e48ec0;color:#ec9cc9;transform:rotate(-13deg);font-family:var(--hand);font-size:13px}.dont{font:17px var(--marker);color:#ff8fbd;border-bottom:2px solid #ff8fbd77;transform:rotate(-7deg)}.reactor-bottom{position:relative;background:#07132399}.reactor-bottom b{color:#f6d274}.reactor-bottom>.tiny{color:#a8b9cc}.wave{color:#73ddd6}.control{background:#1c2e40;border:2px solid #68818b;box-shadow:5px 6px 0 #050b13;position:relative;transform:rotate(1deg)}.control:before{content:'';position:absolute;top:-11px;left:34%;width:34%;height:22px;z-index:3;background:#b78cc2aa;transform:rotate(-5deg)}.control .panel-heading{background:#263e51;border-color:#6f919c;color:#f7d79b}.control-body{padding-top:24px}.control label,.control legend{font-size:9px;color:#c1e3df}.word-input{border-color:#7db9be}.word-input input{color:#f6dc9b;font-family:var(--hand);font-size:37px;font-weight:700}.word-input button{color:#6be9e1}.hint,.control .hint{color:#afc5ce;font-size:9px}.slider-label output{color:#ffb7dc}input[type=range]{accent-color:#f76fa9}.range-ends{font-size:8px;color:#a7becd}.modes button{font-size:9px;border-color:#678a99;color:#d4e9e9}.modes .selected{background:#a75ba4;border-color:#df84cc;color:#fff}.primary{background:#f7cb46;color:#111d2d;border:2px solid #e0a521;box-shadow:3px 4px 0 #080e18;font:12px var(--marker);transform:rotate(-1deg)}.primary:hover{background:#71dfd4;border-color:#4cb9b5}.result .tiny{color:#b9cbd2}.result p{font:22px/1.2 var(--hand);color:#ffb4dc}.control-foot{color:#aac9d5;border-color:#6b8d9c70;font-size:7px}.lower-grid{border-color:#8dbcc950;gap:25px;grid-template-columns:1fr 1fr 1fr;border:0;margin-top:45px}.experiment-card{background:#a0d4cb;color:#112233;border:3px solid #151b30;box-shadow:6px 6px 0 #020912;transform:rotate(-2deg);padding:25px;clip-path:polygon(0 0,100% 1%,99% 97%,3% 100%)}.experiment-card h2{font:31px/1.1 var(--marker);letter-spacing:-1px}.experiment-card p{color:#203c4d;font-size:11px}.experiment-card:hover h2{font-style:normal;color:#8c326c}.experiment-card .tiny,.experiment-card .text-link{font-size:8px}.dispatch{background:#d5a2cf;color:#251b32;transform:rotate(2deg);margin:0;padding:25px;border:3px solid #151b30;box-shadow:6px 6px 0 #020912;clip-path:polygon(2% 0,99% 2%,100% 99%,0 97%)}.dispatch>p{font:700 27px/1.15 var(--hand);letter-spacing:0;margin-top:25px}.signature{font:26px var(--hand);margin-bottom:12px}.dispatch>.tiny:last-child{font-size:7px}.portal{background:#e2bb72;color:#241e27;margin:0;padding:25px;border:3px solid #151b30;transform:rotate(-1deg);clip-path:polygon(0 1%,98% 0,100% 97%,1% 100%);min-height:230px}.portal strong{font:27px/1.05 var(--marker);margin-top:35px}.portal-eye{right:22px;top:68px;border:3px solid #201d36;background:radial-gradient(circle,#ff6ab7 12%,#65d9cf 15%,#65d9cf 25%,#8a499c 30%,#8a499c 45%,#ffe0a0 48%);box-shadow:0 0 0 3px #fff1a7;width:65px;height:65px}.portal-eye span{font-family:var(--marker);font-size:25px}.page-title{padding-top:45px}.page-title h1{font:clamp(47px,5.5vw,83px)/1.05 var(--marker);color:#f5dc9b;transform:rotate(-2deg);letter-spacing:-2px}.page-title h1 em{color:#f68fcb;font-style:normal}.page-title p{color:#c2d3de}.archive-tools{border-color:#8ec8d05c;color:#89e5df}.archive-tools input{color:#fff0ca;border:1px solid #7190a2;padding:12px;background:#06101b99}.archive-tools input::placeholder{color:#afbcc6}.archive-tools>span{color:#ffb4d7}.archive-grid{gap:30px}.file-card{background:#ecd4a1;color:#1c2638;border:3px solid #172234;box-shadow:5px 5px 0 #030912;transform:rotate(-1.5deg);min-height:300px}.file-card:nth-child(2n){background:#c59ccb;transform:rotate(1.4deg)}.file-card:nth-child(3n){background:#8fc7c4;transform:rotate(-.6deg)}.file-card:hover{background:#e6be83;transform:translateY(-5px) rotate(0deg)}.file-card .file-glyph{font-family:var(--hand);font-size:65px;color:#41516b}.file-card h2{font:24px/1.15 var(--marker);margin-bottom:15px}.file-card p{color:#3a4759;font-size:12px}.file-card .tiny{font-size:8px}.terminal-hints>span{color:#a4d8df}.terminal-hints button{background:#19354a;color:#95eadc;border-color:#49808c;transform:rotate(-2deg)}.terminal-window{background:#071322ee;border:3px solid #82b9bc;box-shadow:8px 8px 0 #080d16,0 0 30px #cb63b522;transform:rotate(1deg)}.terminal-top{background:#2b475b;color:#a7e5e2;border-color:#87b2ba55}.terminal-top span:first-child{color:#f27bb4}.terminal-window,#terminal-form label{color:#c5eddc}#terminal-log{color:#d3e4d6}.term-dim{color:#8eabb8}#terminal-form{border-color:#95b8bc44}#command{color:#f9d791}.ticker{background:#f2bd43;color:#112036;border-block:3px solid #081220;font:12px var(--marker);padding-block:11px;transform:rotate(.4deg)}.ticker span{color:#bc326d}.tiny{letter-spacing:.7px}footer{background:#081321f2;border-top:1px solid #7f9dbc33;color:#b9d6de;font-size:9px;padding-block:32px}.muted,.discoveries>span{color:#9aaec2}.discoveries>span{font-size:8px}.discoveries button{color:#f9a2d4}.footer-controls button{font-size:8px;color:#b3cfdc}footer>a{font-size:8px;color:#d7c088}dialog{background:#ebd6ac;color:#1e2a3c;border:4px solid #16223a;box-shadow:10px 10px 0 #cc62aa77,0 0 0 2px #edb448;transform:rotate(-1deg)}dialog::backdrop{background:#03101ad9;backdrop-filter:blur(7px)}dialog h2{font:40px/1.05 var(--marker);color:#25334a;letter-spacing:-1px}dialog h2 em{font-style:normal;color:#9b3d7d}dialog p{color:#3d4e61;font-size:13px}.seal{font-family:var(--marker);color:#a33b7f}dialog .primary{color:#112036}dialog input{border:2px solid #6b7990;color:#142136;background:#faefd1}dialog .tiny{color:#4a5263}dialog .cipher-text{color:#26354c!important}.anomaly-list li{border-color:#a0a4a1}.anomaly-list li>span{color:#9b3d7d}.game-stats{border-color:#a0a4a1}.game-options button{background:#9dceca;border:2px solid #536a7a;color:#14263a}.game-options button:hover{background:#f8ca52}.game-message{color:#384858}#toast{background:#f7cb46;color:#102034;border:2px solid #182842;box-shadow:5px 5px 0 #b84182;z-index:50;font-size:11px}.meltdown .reactor-stage{background:radial-gradient(ellipse,#b34a914f,transparent 75%)}.meltdown .stage-stamp{color:#7aead6;border-color:#7aead6}.skip{background:#f9c64d;color:#14253c;left:20px}.terminal-layout{gap:50px}.no-motion .bottle-hotspot{animation:none}
@media(min-width:1700px){main{border-inline:1px solid #7f9dbc33}.scene-copy h1{font-size:65px}}
@media(max-width:1100px){header{padding-inline:4%;gap:20px}.wordmark{font-size:22px}nav{gap:20px}nav a{font-size:14px}.scene-copy{left:6%;top:42%;width:31%}.scene-copy h1{font-size:38px}.tape-label{font-size:6px;padding:7px}.scene-copy p{font-size:20px}.scrawl-link{font-size:11px;margin-top:20px}.lab-grid{grid-template-columns:minmax(0,1fr) 295px}.portal-eye{width:48px;height:48px;right:15px}.lower-grid{gap:17px}.dispatch{padding:20px}.dispatch>p{font-size:25px}.portal strong{font-size:23px}.cosmic-manifesto{padding:60px 5%;gap:6%}}
@media(max-width:800px){.shell{margin-left:0}header{height:72px}.wordmark{font-size:19px}.wordmark small{font-size:5px;letter-spacing:1px}nav{gap:16px}nav a{font-size:12px}.sound{font-size:0}.sound-bars{font-size:21px}.scene-copy{top:44%;width:32%}.scene-copy h1{font-size:30px;margin:14px 0}.scene-copy p{font-size:17px}.scrawl-link{font-size:9px;margin-top:13px}.scene-copy .tape-label{font-size:5px;max-width:95%}.scene-bottom-note{font-size:6px;letter-spacing:.4px;padding:7px 10px;bottom:2%}.scene-hotspot span{display:none}.cosmic-manifesto{padding-block:55px;gap:6%}.manifesto-copy h2{font-size:35px;letter-spacing:-1px}.manifesto-copy>p{font-size:12px}.scribble-routes{margin:20px 0}.scribble-routes a{gap:10px;padding-block:12px}.scribble-routes strong{font-size:21px}.scribble-routes span{font-size:10px}.scribble-routes b{font-size:9px}.real-door{font-size:6px}.real-door span{font-size:8px}.art-window{border-width:5px}.art-window figcaption{font-size:5px}.view:not(#home){padding-inline:5%}.intro h1{font-size:51px}.intro p{font-size:13px}.lab-grid{grid-template-columns:1fr}.reactor-stage{height:370px}.control{transform:rotate(.6deg)}.control-body{padding-bottom:22px}.control .panel-heading{padding-inline:20px}.modes button{font-size:10px}.control .hint{font-size:8px}.lower-grid{grid-template-columns:1fr 1fr;gap:22px}.experiment-card{padding:22px}.dispatch{border:3px solid #151b30;padding:22px;margin:0}.portal{grid-column:1 / -1;min-height:160px;padding:22px}.portal strong{font-size:28px;margin-top:20px}.portal-eye{right:40px;top:40px;width:75px;height:75px}.portal .text-link{right:22px;bottom:22px}.terminal-layout{gap:0}.terminal-window{margin-top:20px}.intro-note{display:none}.ticker{font-size:10px}footer{font-size:8px}.scene-hotspot{min-height:32px}}
@media(max-width:560px){header{padding-inline:4%;height:69px;gap:15px}.wordmark{font-size:17px}nav{gap:12px}nav a{font-size:11px}.wordmark small{font-size:4px;letter-spacing:.8px}.sound-bars{font-size:18px}.scene-copy{position:relative;left:auto;top:auto;width:auto;padding:23px 6% 27px;background:#0a1624;border-top:2px solid #edb54b;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.scene-copy .tape-label{grid-column:1 / -1;justify-self:start;font-size:7px}.scene-copy h1{font-size:31px;grid-column:1;margin:6px 0;line-height:1.1}.scene-copy p{grid-column:2;grid-row:2;font-size:19px}.scene-copy .scrawl-link{grid-column:1 / -1;justify-self:start;font-size:12px;margin-top:8px}.scene-doors{height:auto;aspect-ratio:1.5 / 1;bottom:auto}.scene-hotspot{top:0;height:15%;min-height:40px}.door-home{left:31%;width:17%}.door-lab{left:51%;width:25%}.door-secrets{left:79%;width:20%}.bottle-hotspot{top:18%;height:23%;right:5%;width:19%;border-radius:50%}.bottle-hotspot span{display:none}.scene-scribble{display:none}.scene-bottom-note{position:relative;left:auto;bottom:auto;display:block;padding:12px 6%;background:#243344;transform:none;font-size:6px;text-align:center;letter-spacing:.7px}.ink-divider{font-size:8px;padding-block:12px}.cosmic-manifesto{grid-template-columns:1fr;padding:42px 7% 38px;gap:40px}.art-window{max-width:450px;margin:auto;transform:rotate(-2deg)}.art-window figcaption{font-size:7px}.manifesto-copy h2{font-size:46px;margin-block:20px}.manifesto-copy>p{font-size:14px;max-width:none}.tape-label{font-size:8px}.scribble-routes a{padding-block:18px;gap:18px}.scribble-routes strong{font-size:27px}.scribble-routes span{font-size:12px}.scribble-routes b{font-size:10px}.real-door{font-size:8px}.real-door span{font-size:10px}.eyebrow{font-size:7px;padding-top:25px}.intro{padding:30px 0}.intro h1{font-size:40px;letter-spacing:-1px;line-height:1.13}.intro .asterisk{font-size:34px;margin-left:10px}.intro p{font-size:12px}.panel-heading{font-size:9px;padding-inline:13px}#phase{font-size:6px}.reactor-stage{height:330px}.specimen{font-size:95px}.stage-stamp{font-size:10px}.coord{font-size:5px}.dont{font-size:14px}.control .primary{font-size:11px;padding-inline:12px}.modes button{font-size:9px;padding-inline:7px}.control label,.control legend{font-size:8px}.control .hint{font-size:7px}.range-ends{font-size:6px}.lower-grid{grid-template-columns:1fr;gap:24px}.experiment-card,.dispatch,.portal{padding:25px}.experiment-card h2{font-size:35px}.dispatch>p{font-size:32px}.dispatch{border-left:3px solid #151b30}.portal{min-height:210px}.portal strong{font-size:30px}.portal-eye{top:65px}.page-title h1{font-size:43px;letter-spacing:-1px}.page-title p{font-size:12px}.archive-grid{grid-template-columns:1fr;gap:24px}.file-card{min-height:280px}.terminal-window{transform:rotate(.4deg)}.terminal-top{font-size:8px}#terminal-log{height:320px;font-size:10px}#terminal-form label{font-size:8px}.terminal-hints button{font-size:10px}.terminal-layout .page-title{padding-top:35px}dialog h2{font-size:34px}dialog{padding:35px 25px;transform:rotate(-.5deg)}.ticker{font-size:9px}footer{padding:25px 6%;gap:20px}.footer-controls button,footer>a{font-size:7px}.discoveries>span{font-size:7px}}
@media(max-width:380px){header{gap:9px}.wordmark{font-size:14px}nav{gap:9px}nav a{font-size:9px}.wordmark small{font-size:3.5px}.sound-bars{font-size:16px}.scene-copy h1{font-size:27px}.scene-copy p{font-size:17px}.control .primary{font-size:9px}.modes button{font-size:8px}}