:root {
  --black:#070707;
  --ink:#101010;
  --paper:#d8d8d5;
  --white:#f0f0eb;
  --gray:#8b8b87;
  --line:rgba(238,238,232,.32);
  --scene-pad:clamp(5.5rem,8vw,8rem);
}

*{box-sizing:border-box}
html{background:var(--black);color:var(--white);font-family:"Arial Narrow",Arial,sans-serif;overflow:hidden}
body{margin:0;min-height:100vh;background:#070707;overflow:hidden;cursor:none}
button,a,input{font:inherit}
button,a{cursor:none}
a{color:inherit}
button{color:inherit}
::selection{background:var(--white);color:var(--black)}

.background-world{position:fixed;inset:-7%;z-index:-4;background:url("assets/night-collage.png") center/cover no-repeat;filter:contrast(1.12) brightness(.35);opacity:.48;transform:translate3d(var(--bgx,0),var(--bgy,0),0) scale(1.08);transition:transform .15s linear}
.background-world::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 15%,rgba(0,0,0,.22) 42%,#050505 88%)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.16;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");mix-blend-mode:screen}
.flashlight{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle 280px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.09),transparent 72%)}

.ink-cursor,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:200;border-radius:50%;transform:translate(-50%,-50%)}
.ink-cursor{width:7px;height:7px;background:var(--white);mix-blend-mode:difference}
.cursor-ring{width:31px;height:31px;border:1px solid rgba(255,255,255,.72);transition:width .18s,height .18s,background .18s}
body.cursor-hover .cursor-ring{width:48px;height:48px;background:rgba(255,255,255,.12)}

.topbar{position:fixed;z-index:100;left:0;right:0;top:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,3rem);border-bottom:1px solid var(--line);background:rgba(6,6,6,.74);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:.7rem;border:0;background:none;font-weight:900;letter-spacing:.08em;font-size:.82rem}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--white);border-radius:50%;font:900 .68rem "Courier New",monospace;transform:rotate(-7deg)}
.transmission{display:flex;align-items:center;gap:.6rem;font:700 .7rem "Courier New",monospace;letter-spacing:.08em;color:#bdbdb8}
.transmission i{width:7px;height:7px;border-radius:50%;background:var(--white);animation:pulse 1.4s steps(2) infinite}
.top-actions{display:flex;align-items:center;gap:.65rem}
.paper-link,.sound-button{border:1px solid var(--line);background:#111;padding:.75rem 1rem;text-decoration:none;font-size:.71rem;font-weight:900;letter-spacing:.07em;transition:.2s transform,.2s background,.2s color}
.paper-link:hover,.sound-button:hover{transform:rotate(-1deg) translateY(-2px);background:var(--white);color:var(--black)}
.paper-link.inverse{background:var(--white);color:var(--black);border-color:var(--white)}
.paper-link.inverse:hover{background:#181818;color:var(--white)}
.sound-button{display:flex;align-items:center;gap:.55rem}
.sound-bars{display:flex;align-items:center;gap:2px;height:12px}
.sound-bars i{display:block;width:2px;height:5px;background:currentColor}
.sound-button[aria-pressed="true"] .sound-bars i{animation:eq .7s infinite alternate}
.sound-button[aria-pressed="true"] .sound-bars i:nth-child(2){animation-delay:.15s}.sound-button[aria-pressed="true"] .sound-bars i:nth-child(3){animation-delay:.3s}

.scene-nav{position:fixed;z-index:80;left:clamp(.65rem,2vw,2rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.35rem}
.scene-dot{width:112px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:.5rem;border:0;background:none;text-align:left;padding:.45rem;color:#777;transition:.25s}
.scene-dot span{font:700 .64rem "Courier New",monospace}
.scene-dot b{font-size:.6rem;letter-spacing:.1em;opacity:0;transform:translateX(-8px);transition:.25s}
.scene-dot::before{content:"";position:absolute;width:13px;height:1px;margin-left:27px;background:#60605e;transition:.25s}
.scene-dot:hover b,.scene-dot.active b{opacity:1;transform:none;color:var(--white)}
.scene-dot.active{color:var(--white)}
.scene-dot.active::before{width:29px;background:var(--white)}

.site-shell{position:relative;height:100vh;overflow:hidden}
.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translate3d(0,9%,0) scale(.98);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),visibility .65s;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 #111}
.scene.active{opacity:1;visibility:visible;transform:none;z-index:2}
.scene.leaving-up{transform:translate3d(0,-8%,0) scale(.98)}
.scene-inner{min-height:100vh;padding:calc(74px + 3rem) clamp(1.2rem,5vw,5rem) 3rem max(var(--scene-pad),clamp(1.2rem,5vw,5rem));display:flex;position:relative}

.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);align-items:center;gap:clamp(2rem,5vw,7rem)}
.eyebrow,.chapter-stamp{display:inline-block;background:var(--paper);color:#111;padding:.45rem .7rem;font:900 .72rem "Courier New",monospace;letter-spacing:.08em;transform:rotate(-1deg);box-shadow:4px 4px 0 #323232}
.hero-copy h1{margin:1.3rem 0 .8rem;font-size:clamp(4.1rem,9.3vw,9.6rem);line-height:.73;letter-spacing:-.075em;text-transform:uppercase}
.hero-copy h1 span,.hero-copy h1 em{display:block;font-style:normal}
.hero-copy h1 em{font-family:"Courier New",monospace;font-size:.7em;letter-spacing:.02em;color:transparent;-webkit-text-stroke:2px var(--white);margin-left:clamp(1rem,8vw,7rem);transform:rotate(-2deg)}
.hero-lede{max-width:660px;font:400 clamp(1rem,1.5vw,1.3rem)/1.55 "Courier New",monospace;color:#c4c4bf}
.hero-actions{display:flex;align-items:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}
.primary-action,.ghost-action{border:0;padding:1rem 1.2rem;font-weight:900;letter-spacing:.06em;font-size:.78rem;transition:.22s;position:relative}
.primary-action{background:var(--white);color:var(--black);clip-path:polygon(2% 6%,98% 0,100% 85%,94% 100%,0 94%)}
.primary-action:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:7px 8px 0 #4f4f4b}
.ghost-action{background:transparent;border-bottom:1px solid #777;color:#aaa}
.ghost-action:hover,.ghost-action.found{color:var(--white);border-color:var(--white)}
.ghost-action.found{text-decoration:line-through}
.time-strip{display:flex;gap:clamp(1.4rem,4vw,4rem);padding-top:1.4rem;border-top:1px solid var(--line);max-width:620px;font:900 1rem "Courier New",monospace}
.time-strip span{display:flex;flex-direction:column;gap:.4rem}.time-strip small{font-size:.58rem;color:#777;letter-spacing:.16em}

.portrait-zone{position:relative;display:grid;place-items:center;min-height:530px;perspective:900px}
.portrait-frame{position:relative;width:min(74vh,540px);aspect-ratio:1;margin:0;border-radius:50%;overflow:hidden;border:1px solid #bdbdb9;box-shadow:0 0 0 9px rgba(208,208,204,.12),0 0 60px rgba(255,255,255,.14);transition:transform .12s linear}
.portrait-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.12)}
.portrait-frame figcaption{position:absolute;bottom:12%;left:50%;transform:translateX(-50%) rotate(-2deg);width:max-content;max-width:80%;background:#e7e7e2;color:#111;padding:.45rem .75rem;font:900 .63rem "Courier New",monospace;letter-spacing:.05em}
.portrait-halo{position:absolute;width:min(82vh,610px);aspect-ratio:1;border:1px dashed rgba(255,255,255,.35);border-radius:50%;animation:spin 24s linear infinite}
.portrait-halo::before,.portrait-halo::after{content:"";position:absolute;width:9px;height:9px;background:#ddd;border-radius:50%;top:50%;left:-5px}.portrait-halo::after{left:auto;right:-5px}
.orbit-note{position:absolute;background:#171717;border:1px solid #777;padding:.7rem;font:900 .64rem/1.2 "Courier New",monospace;box-shadow:5px 5px 0 rgba(255,255,255,.14)}
.note-one{left:0;top:22%;transform:rotate(-9deg)}.note-two{right:0;bottom:20%;transform:rotate(7deg)}
.gaze-line{position:absolute;right:-2rem;top:46%;width:110px;border-top:1px dashed #aaa;transform:rotate(-8deg)}
.next-cue{position:absolute;right:2.2rem;bottom:1.8rem;background:none;border:0;color:#aaa;display:flex;flex-direction:column;gap:.4rem;align-items:center;font:700 .6rem "Courier New",monospace;letter-spacing:.15em}.next-cue i{font-style:normal;font-size:1.4rem;animation:bob 1s infinite alternate}

.section-heading{max-width:620px}.section-heading h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.89;margin:1.3rem 0 .8rem;letter-spacing:-.055em}.section-heading h2 em{font-family:"Courier New",monospace;font-style:normal;color:transparent;-webkit-text-stroke:1px var(--white);font-size:.82em}.section-heading>p{font:400 1rem/1.55 "Courier New",monospace;color:#aaa;max-width:550px}
.story-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(570px,1.28fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.story-board{position:relative;display:grid;grid-template-columns:190px minmax(360px,1fr);align-items:stretch;min-height:500px}
.story-tabs{display:flex;flex-direction:column;align-self:center;z-index:2}.story-tab{border:0;border-bottom:1px solid #3e3e3c;background:#0e0e0e;color:#777;text-align:left;padding:1.05rem .9rem;font-size:.7rem;font-weight:900;letter-spacing:.05em;transition:.2s}.story-tab span{display:block;font:700 .58rem "Courier New",monospace;margin-bottom:.35rem}.story-tab:hover,.story-tab.active{background:var(--paper);color:#111;transform:translateX(7px)}
.story-paper{background:var(--paper);color:#171717;padding:clamp(1.7rem,3vw,3rem);clip-path:polygon(1% 2%,99% 0,100% 97%,93% 100%,2% 98%,0 54%);box-shadow:12px 13px 0 rgba(255,255,255,.12);position:relative;transform:rotate(.35deg)}
.story-paper::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='x'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23x)'/%3E%3C/svg%3E")}
.paper-index{position:absolute;right:1.5rem;top:1.2rem;font:700 .72rem "Courier New",monospace}.story-kicker{font:900 .67rem "Courier New",monospace;letter-spacing:.12em}.story-paper h3{font-size:clamp(1.8rem,3vw,3.3rem);line-height:.95;margin:1rem 0}.story-paper p{font:400 .93rem/1.55 "Courier New",monospace}.story-paper blockquote{border-left:5px solid #111;margin:1.5rem 0 0;padding:.3rem 0 .3rem 1rem;font-weight:900;font-size:1.05rem}
.evidence-stack{position:absolute;right:-1rem;bottom:-1.5rem;display:flex;gap:.4rem;flex-wrap:wrap}.evidence-stack span{background:#0d0d0d;border:1px solid #888;padding:.4rem .6rem;font:700 .55rem "Courier New",monospace;transform:rotate(2deg)}.evidence-stack span:nth-child(2){transform:rotate(-3deg)}
.story-artifact{position:absolute;left:var(--scene-pad);bottom:2rem;background:#111;border:1px dashed #777;color:#aaa;padding:.65rem .8rem;font:700 .62rem "Courier New",monospace}.story-artifact.found{color:#fff;text-decoration:line-through}

.room-layout{display:grid;grid-template-columns:minmax(270px,.58fr) minmax(600px,1.42fr);align-items:center;gap:3rem}
.compact h2{font-size:clamp(2.7rem,4.5vw,5rem)}
.desk{min-height:590px;position:relative;border:1px solid #777;background:rgba(10,10,10,.86);clip-path:polygon(2% 0,98% 1%,100% 96%,72% 100%,0 98%);box-shadow:18px 18px 0 rgba(215,215,209,.08);overflow:hidden}
.desk::before{content:"";position:absolute;inset:0;background:url("assets/night-collage.png") center/cover;opacity:.13;filter:grayscale(1) contrast(1.4)}
.desk-tape{position:absolute;background:#c8c8c3;color:#111;padding:.8rem;font:900 .67rem/1.25 "Courier New",monospace;z-index:2;box-shadow:5px 5px 0 #333}.tape-a{left:7%;top:8%;transform:rotate(-6deg)}.tape-b{right:7%;bottom:8%;transform:rotate(5deg)}
.desk-object{position:absolute;z-index:3;background:#171717;color:#d4d4cf;border:1px solid #777;padding:1rem;text-align:left;width:185px;min-height:90px;transition:.25s;clip-path:polygon(3% 0,100% 7%,96% 100%,0 91%)}.desk-object::before{content:"";display:block;width:30px;height:3px;background:#aaa;margin-bottom:.8rem;box-shadow:7px 5px 0 #555}.desk-object span{display:block;font-weight:900;font-size:.78rem;letter-spacing:.08em}.desk-object small{display:block;margin-top:.45rem;font:400 .67rem/1.35 "Courier New",monospace;color:#858581}.desk-object:hover{transform:translateY(-6px) rotate(-2deg);background:#deded8;color:#111}.desk-object:hover small{color:#333}.desk-object.found{background:#deded8;color:#111;box-shadow:8px 8px 0 #555}.desk-object.found span{text-decoration:line-through}.object-headphones{left:9%;top:38%;transform:rotate(-3deg)}.object-beanie{right:8%;top:22%;transform:rotate(3deg)}.object-cassette{right:11%;bottom:18%;transform:rotate(-2deg)}
.tape-player{position:absolute;z-index:2;left:35%;top:37%;width:240px;padding:1.2rem;background:#c8c8c3;color:#111;transform:rotate(1deg);border:7px solid #8c8c88;box-shadow:10px 12px 0 rgba(0,0,0,.5)}
.reels{display:flex;justify-content:space-around;background:#111;padding:.8rem}.reels i{display:block;width:47px;height:47px;border:7px dashed #bbb;border-radius:50%}.tape-player.playing .reels i{animation:spin 1.4s linear infinite}.tape-player p{font:900 .63rem/1.45 "Courier New",monospace;margin:.8rem 0 0}
.room-photo{position:absolute;z-index:2;left:12%;bottom:7%;width:130px;background:#d6d6d0;padding:.45rem .45rem 1.6rem;transform:rotate(7deg);box-shadow:6px 7px 0 #333}.room-photo img{display:block;width:100%;filter:contrast(1.2)}.room-photo span{position:absolute;bottom:.5rem;left:.6rem;color:#111;font:900 .55rem "Courier New",monospace}
.inventory{position:absolute;left:var(--scene-pad);bottom:2.2rem;display:flex;gap:.8rem;font:700 .68rem "Courier New",monospace}.inventory span{color:#777}

.route-layout{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(600px,1.45fr);align-items:center;gap:2rem}
.route-heading{align-self:center}.constellation-wrap{display:grid;grid-template-columns:minmax(430px,620px) minmax(210px,280px);align-items:center;gap:1.5rem}
.constellation{position:relative;width:min(59vh,620px);aspect-ratio:1;margin:auto}.constellation svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1;stroke-dasharray:8 12}.orbit-one{animation:dash 30s linear infinite}.orbit-two{animation:dash 18s linear reverse infinite}.route-line{fill:none;stroke:#e1e1dc;stroke-width:2;stroke-dasharray:5 9;opacity:.58}
.route-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);width:145px;aspect-ratio:1;border:1px solid #999;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0d0d;box-shadow:0 0 0 8px rgba(255,255,255,.06)}.route-core span{font:900 2.2rem "Courier New",monospace}.route-core small{text-align:center;color:#777;font:700 .55rem/1.3 "Courier New",monospace}
.route-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:transparent;text-align:center;color:#777;z-index:2;transition:.25s}.route-node i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #666;border-radius:50%;background:#0b0b0b;margin:auto;font:700 .65rem "Courier New",monospace;font-style:normal;transition:.25s}.route-node span{display:block;width:max-content;max-width:125px;margin-top:.45rem;font-size:.58rem;font-weight:900;letter-spacing:.08em}.route-node:hover,.route-node.active{color:#fff}.route-node.active i{background:#e4e4df;color:#111;border-color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.11);transform:scale(1.15)}
.route-card{background:#d6d6d0;color:#111;padding:1.5rem;clip-path:polygon(0 3%,96% 0,100% 94%,9% 100%);transform:rotate(1deg);box-shadow:10px 10px 0 rgba(255,255,255,.09)}.route-card>span{font:900 .6rem "Courier New",monospace}.route-card h3{font-size:1.75rem;margin:.8rem 0;line-height:.95}.route-card p{font:400 .78rem/1.5 "Courier New",monospace;margin:0}
.hour-dial{position:absolute;bottom:1.8rem;left:50%;transform:translateX(-20%);width:min(620px,48vw);font:700 .62rem "Courier New",monospace;letter-spacing:.1em;color:#aaa}.hour-dial input{appearance:none;width:100%;height:18px;background:transparent;margin:.6rem 0}.hour-dial input::-webkit-slider-runnable-track{height:2px;background:#777}.hour-dial input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#ddd;border:5px solid #111;box-shadow:0 0 0 1px #ddd;margin-top:-10px}.hour-dial input::-moz-range-track{height:2px;background:#777}.hour-dial input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ddd;border:4px solid #111}.dial-labels{display:flex;justify-content:space-between;color:#666}.dial-labels i{font-style:normal}

.signal-layout{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(530px,1fr);grid-template-rows:1fr auto;gap:2.5rem 5rem;align-items:center}.signal-terminal{border:1px solid #777;background:rgba(8,8,8,.9);min-height:510px;display:grid;grid-template-rows:auto 1fr auto;box-shadow:16px 18px 0 rgba(255,255,255,.08)}
.terminal-top{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #555;padding:.8rem 1rem;font:700 .62rem "Courier New",monospace;color:#777}.terminal-top b{color:#ddd}.terminal-log{padding:1.4rem;overflow:auto;font:400 .8rem/1.5 "Courier New",monospace}.terminal-log p{max-width:80%;padding:.75rem;margin:.5rem 0}.system-message{color:#777;border-left:2px solid #555}.anon-message{background:#d1d1cc;color:#111;clip-path:polygon(2% 0,100% 5%,96% 100%,0 92%)}.user-message{margin-left:auto!important;border:1px solid #777;color:#ddd}.typing::after{content:"_";animation:pulse .5s steps(2) infinite}
.thought-form{border-top:1px solid #555;padding:1rem}.thought-form label{display:block;font:700 .58rem "Courier New",monospace;letter-spacing:.1em;color:#777;margin-bottom:.6rem}.thought-form>div{display:grid;grid-template-columns:1fr auto}.thought-form input{min-width:0;background:#111;border:1px solid #555;border-right:0;color:#eee;padding:1rem;outline:0;font:400 .85rem "Courier New",monospace}.thought-form input:focus{border-color:#ddd}.thought-form button{border:0;background:#e1e1dc;color:#111;font-weight:900;padding:0 1.2rem}.thought-form small{display:block;text-align:right;color:#666;font:700 .55rem "Courier New",monospace;margin-top:.5rem}
.final-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border:1px solid #777}.final-actions a{padding:1.2rem 1.4rem;text-decoration:none;font-weight:900;font-size:.8rem;letter-spacing:.06em;display:flex;justify-content:space-between;transition:.2s}.final-actions a:hover{background:#eee;color:#111}.final-actions .buy-final{background:#eee;color:#111;border-left:1px solid #777}.final-actions .buy-final:hover{background:#111;color:#eee}
.footer-note{position:absolute;left:var(--scene-pad);bottom:.8rem;color:#666;font:700 .56rem "Courier New",monospace;letter-spacing:.08em}

.progress-rail{position:fixed;z-index:80;bottom:0;left:0;right:0;height:3px;background:#222}.progress-rail i{display:block;height:100%;width:0;background:#ddd;transition:width .6s ease}.scene-counter{position:fixed;right:2rem;bottom:1.6rem;z-index:80;font:700 .65rem "Courier New",monospace;color:#777}.scene-counter b{font-size:1.4rem;color:#eee}
.transition-curtain{position:fixed;z-index:160;inset:0;background:#d7d7d2;color:#111;display:grid;place-items:center;transform:translateY(102%);pointer-events:none}.transition-curtain span{font:900 clamp(3rem,10vw,9rem) "Arial Narrow",sans-serif;letter-spacing:-.06em;transform:rotate(-3deg)}.transition-curtain.flash{animation:curtain .65s cubic-bezier(.7,0,.3,1)}

.epilogue{width:min(820px,90vw);max-height:88vh;overflow:auto;background:#d6d6d0;color:#111;border:0;padding:clamp(2rem,5vw,4.5rem);clip-path:polygon(1% 2%,98% 0,100% 96%,92% 100%,0 98%);box-shadow:0 0 0 100vmax rgba(0,0,0,.86)}.epilogue::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.epilogue h2{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.82;letter-spacing:-.055em;margin:1.2rem 0}.epilogue h2 em{font-family:"Courier New",monospace;font-size:.75em}.epilogue p,.epilogue blockquote{font:400 .96rem/1.6 "Courier New",monospace}.epilogue blockquote{font-weight:900;border-left:5px solid #111;padding-left:1rem;margin:1.5rem 0}.epilogue .chapter-stamp{background:#111;color:#ddd}.close-epilogue{position:absolute;right:1rem;top:1rem;border:0;background:none;color:#111;font-size:2rem}.epilogue .primary-action{background:#111;color:#eee;margin-top:1rem}.noscript{position:fixed;z-index:300;inset:auto 1rem 1rem;background:#fff;color:#000;padding:1rem}

@keyframes pulse{50%{opacity:.25}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{to{transform:translateY(7px)}}@keyframes eq{to{height:13px}}@keyframes dash{to{stroke-dashoffset:300}}@keyframes curtain{0%{transform:translateY(102%)}42%,58%{transform:translateY(0)}100%{transform:translateY(-102%)}}

@media (max-width:1100px){
  :root{--scene-pad:5.2rem}.transmission{display:none}.sound-label{display:none}.hero-grid,.story-layout,.room-layout,.route-layout,.signal-layout{grid-template-columns:1fr}.hero-grid{padding-top:110px;align-content:start}.portrait-zone{min-height:450px}.portrait-frame{width:min(70vw,450px)}.portrait-halo{width:min(77vw,500px)}.hero-copy h1{font-size:clamp(4rem,12vw,7rem)}.story-layout,.room-layout,.route-layout,.signal-layout{padding-top:120px;align-content:start}.section-heading{max-width:780px}.story-board{min-height:480px}.desk{min-height:560px}.route-heading{max-width:none}.constellation-wrap{grid-template-columns:minmax(430px,1fr) 240px}.constellation{width:min(62vw,560px)}.hour-dial{position:relative;left:auto;bottom:auto;transform:none;width:100%;grid-column:1/-1}.signal-terminal{min-height:430px}.final-actions{margin-bottom:2rem}.footer-note{position:relative;left:auto;bottom:auto;grid-column:1/-1}.scene-inner{padding-bottom:5rem}
}
@media (max-width:720px){
  html,body{cursor:auto}button,a{cursor:pointer}.ink-cursor,.cursor-ring,.scene-nav,.sound-button{display:none}.topbar{height:64px}.brand>span:last-child{display:none}.paper-link{padding:.65rem .7rem;font-size:.61rem}.site-shell{height:100svh}.scene-inner{min-height:100svh;padding:94px 1rem 5rem}.hero-grid{gap:1rem}.hero-copy h1{font-size:clamp(3.55rem,19vw,5.5rem)}.hero-copy h1 em{margin-left:.4rem;-webkit-text-stroke:1px var(--white)}.hero-lede{font-size:.9rem}.portrait-zone{min-height:330px}.portrait-frame{width:min(88vw,360px)}.portrait-halo{width:min(94vw,390px)}.orbit-note{display:none}.time-strip{justify-content:space-between}.next-cue{display:none}.section-heading h2{font-size:clamp(2.3rem,12vw,3.7rem)}.story-layout,.room-layout,.route-layout,.signal-layout{gap:1.5rem}.story-board{grid-template-columns:1fr;min-height:0}.story-tabs{display:grid;grid-template-columns:1fr 1fr}.story-tab{padding:.75rem}.story-tab:hover,.story-tab.active{transform:none}.story-paper{padding:1.5rem}.story-paper p{font-size:.82rem}.evidence-stack{position:relative;right:auto;bottom:auto;margin-top:.8rem}.story-artifact,.inventory{position:relative;left:auto;bottom:auto;margin-top:.8rem}.desk{min-height:650px}.desk-object{width:150px;padding:.8rem}.object-headphones{left:4%;top:31%}.object-beanie{right:4%;top:18%}.object-cassette{right:4%;bottom:12%}.tape-player{left:9%;top:50%;width:210px}.room-photo{left:7%;bottom:7%;width:105px}.constellation-wrap{grid-template-columns:1fr}.constellation{width:min(91vw,520px)}.route-node span{font-size:.5rem}.route-node i{width:35px;height:35px}.route-card{width:88%;margin:auto}.hour-dial{width:100%}.signal-terminal{min-height:480px}.terminal-top{font-size:.53rem}.thought-form>div{grid-template-columns:1fr}.thought-form input{border-right:1px solid #555}.thought-form button{padding:.85rem}.final-actions{grid-template-columns:1fr}.final-actions .buy-final{border-left:0;border-top:1px solid #777}.scene-counter{right:1rem}.footer-note{margin-bottom:1rem}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.background-world{transform:none!important}}