@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-4.ttf) format('truetype');
}
:root{--bg:#080808;--fg:#faf9f6;--muted:#9d9d9a;--line:#363636}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Space Grotesk',Arial,sans-serif;font-size:16px}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px dashed var(--fg);outline-offset:6px}button:hover,a:hover{opacity:.78}header{height:100px;margin:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-size:27px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-1.5px}.brand-eye{font-size:44px;line-height:1}.brand-note{font-size:10px;letter-spacing:1px;width:76px;line-height:1.5;border-left:1px solid #666;padding-left:12px;margin-left:8px}.header-right{display:flex;align-items:center;gap:28px}.edition{font-size:11px;letter-spacing:1.1px;color:#aaa}.social{font-size:24px}.buy{background:var(--fg);color:#090909;font-size:13px;font-weight:700;padding:16px 20px;transform:rotate(-2deg);border-radius:2px 6px 3px 5px}.scene{position:relative;min-height:calc(100svh - 204px);padding:40px 4.2%;overflow:hidden}.scene[hidden]{display:none}.scene.entering{animation:enter .48s cubic-bezier(.2,.7,.3,1)}@keyframes enter{from{opacity:0;transform:translateY(22px) rotate(.6deg);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}.ambient-art{position:absolute;inset:0;background:url('assets/doodles.png') center/cover;opacity:.18;pointer-events:none;mask-image:linear-gradient(90deg,transparent 25%,#000)}.world-copy{position:relative;z-index:2;padding-top:40px;width:53%;pointer-events:none}.world-copy button{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;margin:0 0 28px}.tiny-star{font-size:24px;vertical-align:middle;margin-right:8px}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;letter-spacing:-2px;margin:0;line-height:.88}h1{font-size:clamp(82px,9.6vw,158px);position:relative}.outline{-webkit-text-stroke:1.8px var(--fg);color:transparent}.title-spark{display:inline-block;font-size:.52em;vertical-align:middle;margin-left:12px;transform:rotate(14deg);font-family:Arial}.intro{font-size:17px;line-height:1.65;color:#bbb;margin:27px 0 24px}.primary{background:var(--fg);color:#0b0b0b;padding:17px 23px;font-size:13px;letter-spacing:.5px;font-weight:700;display:inline-flex;gap:32px;justify-content:space-between;align-items:center;border-radius:2px;box-shadow:4px 4px 0 #080808,5px 5px 0 #777}.hand-note{font-family:Georgia,serif;font-style:italic;font-size:18px;margin-left:24px;display:inline-block;transform:rotate(-10deg)}.character-stage{position:absolute;right:10%;top:20px;bottom:70px;width:44%;display:flex;justify-content:center;align-items:center}.ghost{position:relative;width:min(100%,590px);padding:0;z-index:1;animation:float 6s ease-in-out infinite}.ghost:hover{opacity:1}.ghost img{width:100%;display:block;mix-blend-mode:screen}.ghost.poke{animation:poke .6s ease}.ghost-accessory{position:absolute;top:28%;right:30%;font-size:64px}.orbit{position:absolute;width:91%;height:65%;border:1px dashed #454545;border-radius:50%;transform:rotate(-27deg)}.orbit-two{height:50%;width:110%;transform:rotate(25deg);border-color:#262626}.character-tag{position:absolute;z-index:2;bottom:2%;left:35%;font-family:Georgia,serif;font-style:italic;font-size:31px;transform:rotate(-8deg)}.character-tag span{display:block;font-family:'Space Grotesk',sans-serif;font-size:10px;font-style:normal;color:#aaa;margin-top:8px;letter-spacing:1px}.ghost-hint{position:absolute;right:-4%;top:25%;font-family:Georgia,serif;font-style:italic;transform:rotate(12deg);font-size:17px}#ghost-speech{position:absolute;left:20%;top:10%;z-index:3;background:var(--fg);color:#080808;padding:12px 18px;transform:rotate(-5deg);max-width:230px;font-size:14px;border-radius:15px 15px 0 15px;display:none}#ghost-speech.visible{display:block}.memory{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;transform:rotate(var(--r));color:#d8d8d6}.memory span:last-child{font-size:9px;letter-spacing:1px}.memory-glyph{font-family:Georgia,serif;font-size:44px;line-height:1}.memory-phone{right:5%;top:65%;--r:12deg}.memory-cross{right:4%;top:8%;--r:15deg}.memory-music{right:45%;top:78%;--r:-15deg}.memory.found{opacity:.45}.world-bottom{position:absolute;bottom:20px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#92928e;align-items:center}.world-bottom button{font-size:10px;letter-spacing:1px}.world-bottom b{color:var(--fg);margin-left:9px}footer{margin:0 4.2%;height:104px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}nav{display:flex;gap:8px}.nav-item{padding:15px 22px;border:1px solid transparent;border-radius:50%;font-size:12px;font-weight:600;white-space:nowrap}.nav-item span{font-size:9px;color:#888;margin-right:8px}.nav-item.active{border-color:#f8f8f2;transform:rotate(-3deg)}.nav-item i{font-style:normal;margin-left:8px}.footer-note{font-size:9px;line-height:1.7;color:#888;text-align:right;letter-spacing:1px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;max-width:1200px;margin:auto;align-items:center}.story-art{position:relative}.story-art img{width:100%;max-height:550px;object-fit:contain}.art-caption{display:block;text-align:center;font-size:10px;color:#aaa;letter-spacing:1px}.story-stamp{position:absolute;top:20px;left:0;border:2px solid white;padding:16px;transform:rotate(-13deg);font-size:12px;line-height:1.5}.story-content h2{font-size:clamp(52px,5.5vw,80px);max-width:550px}.story-content p:not(.eyebrow){font-size:16px;line-height:1.8;color:#b5b5b0}.story-content strong{color:white}.chapter-control{display:flex;gap:25px;align-items:center;margin-top:25px}.chapter-control>button{border:1px solid #555;border-radius:50%;width:45px;height:45px;font-size:22px}.chapter-control>button:disabled{opacity:.2;cursor:default}#chapter-dots{display:flex;gap:9px}#chapter-dots button{width:28px;height:28px;border-bottom:2px solid #555;font-size:11px;padding:0}#chapter-dots button.active{border-color:white}.section-heading{text-align:center;padding:10px 0 12px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{font-size:clamp(48px,5vw,74px)}h2 em{font-style:normal;-webkit-text-stroke:1px white;color:transparent}.section-heading>p:last-child{color:#aaa;font-size:14px;line-height:1.6}.journey-layout{display:grid;grid-template-columns:1fr 290px;align-items:center;gap:50px;max-width:1300px;margin:auto}.constellation{height:365px;position:relative}.constellation svg{width:100%;height:100%;overflow:visible}.map-line{fill:none;stroke:#777;stroke-width:1.4;stroke-dasharray:6 9}.stop{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:10px}.stop b{display:grid;place-items:center;width:62px;height:62px;background:#0a0a0a;border:1px solid #888;border-radius:45% 55% 50% 42%;font-size:23px}.stop.selected b{background:white;color:black;box-shadow:0 0 0 8px #ffffff15;transform:rotate(-12deg)}.stop span{font-size:10px;white-space:nowrap;background:#080808;padding:5px}.map-scribble{position:absolute;left:7%;top:14%;font-family:Georgia,serif;font-style:italic;color:#aaa;font-size:17px;transform:rotate(-8deg)}.stop-detail{border:1px solid #555;padding:28px 25px;transform:rotate(2deg);min-height:275px;position:relative}.stop-detail:before{content:'✳';position:absolute;top:-20px;right:20px;font-size:40px;background:#080808}.stop-detail h3{font-size:25px;margin:16px 0}.stop-detail p{font-size:14px;line-height:1.7;color:#aaa}.stop-detail .eyebrow{font-size:10px;margin:0}.journey-footnote{font-size:11px;color:#777;text-align:center}.studio-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;max-width:1080px;margin:15px auto}.dress-room{border:1px solid #333;text-align:center;padding:15px}.mini-ghost{position:relative;height:220px}.mini-ghost img{height:100%}.mini-ghost span{position:absolute;top:25%;left:55%;font-size:45px}.dress-room .eyebrow{margin:10px}.mood-options{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.mood-options button{font-size:10px;border:1px solid #444;padding:10px}.mood-options button.selected{background:white;color:black}.radio{border:1px solid #777;padding:24px;border-radius:6px 15px 4px 8px;transform:rotate(-1deg)}.radio-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.frequency{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;line-height:1;margin-top:14px}.frequency span{font-size:20px;color:#888}.equalizer{display:flex;gap:4px;align-items:end;height:25px;position:absolute;right:30px;top:60px}.equalizer i{width:5px;height:var(--h);background:#ddd}.playing .equalizer i{animation:eq .7s ease-in-out infinite alternate;animation-delay:var(--d)}.radio-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0}.radio-controls .primary{font-size:10px;padding:12px;gap:4px;box-shadow:none}.radio-controls label{font-size:10px;display:flex;align-items:center;gap:8px}.radio-controls input{width:70px;accent-color:white}.sequencer-label{font-size:9px;letter-spacing:1px;color:#aaa}#sequencer{display:grid;gap:6px}.beat-row{display:grid;grid-template-columns:35px repeat(8,1fr);gap:5px;align-items:center}.beat-row span{font-size:9px;color:#aaa}.beat-row button{height:24px;border:1px solid #444;border-radius:2px}.beat-row button.on{background:#ccc}.beat-row button.current{outline:2px solid white;outline-offset:2px}.text-button{font-size:10px;margin-top:14px;color:#aaa}.draw-room{grid-column:1/-1;border:1px dashed #555}.draw-top,.draw-bottom{display:flex;justify-content:space-between;padding:13px 16px;font-size:10px;letter-spacing:.5px;align-items:center}.draw-top{border-bottom:1px solid #333}.draw-top button,.draw-bottom button{font-size:10px}canvas{width:100%;height:150px;display:block;touch-action:none;cursor:crosshair}.draw-bottom{border-top:1px solid #333;color:#aaa}dialog{background:#101010;color:white;border:1px solid #aaa;padding:45px;max-width:490px;width:calc(100% - 35px);transform:rotate(-1deg)}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}#close-dialog{position:absolute;right:15px;top:8px;font-size:30px}dialog h2{font-size:53px}dialog p{color:#aaa;line-height:1.8;font-size:15px}dialog .primary{margin-top:12px}#toast{position:fixed;left:50%;bottom:115px;transform:translate(-50%,20px);background:white;color:#111;padding:14px 22px;font-size:13px;z-index:20;opacity:0;pointer-events:none;transition:.3s;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}body.flipped{filter:invert(1)}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes poke{30%{transform:rotate(-12deg) scale(.91)}70%{transform:rotate(9deg) scale(1.05)}}@keyframes eq{to{height:5px}}@media(min-width:1600px){.scene{max-width:1700px;margin:auto}.world-copy{padding-top:65px}}@media(max-width:1000px){.edition{display:none}.scene{min-height:calc(100svh - 184px)}header{height:80px}.world-copy{padding-top:30px}h1{font-size:10vw}.hand-note{display:block;margin:20px 0}.character-stage{right:5%;width:48%}.memory-music{right:41%}.nav-item{padding:13px;font-size:10px}.journey-layout{gap:10px;grid-template-columns:1fr 240px}.radio-controls{gap:5px}}@media(max-width:650px){header{margin:0 5%;height:78px}.brand{font-size:22px}.brand-eye{font-size:32px}.brand-note,.edition{display:none}.header-right{gap:18px}.buy{padding:12px 13px;font-size:10px}.social{font-size:21px}.scene{padding:30px 6%;min-height:calc(100svh - 160px)}#world{min-height:860px}.world-copy{padding:0;width:100%}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:20px}h1{font-size:21vw;line-height:.87;letter-spacing:-1px}.intro{font-size:14px;line-height:1.6;margin:19px 0}.primary{font-size:11px;padding:15px 20px}.hand-note{display:inline-block;margin:0 0 0 14px;font-size:14px}.character-stage{top:340px;bottom:75px;right:10%;width:80%}.character-tag{bottom:0;font-size:27px}.ghost-hint{font-size:14px;right:0;top:15%}.memory-cross{top:49%;right:8%}.memory-phone{top:79%;right:5%}.memory-music{top:67%;left:5%;right:auto}.memory span:last-child{font-size:7px}.memory-glyph{font-size:35px}.world-bottom{bottom:18px;left:6%;right:6%;font-size:9px;flex-wrap:wrap;gap:15px}.world-bottom>span:first-child{display:none}.world-bottom button{font-size:9px}footer{height:82px;margin:0 3%;position:sticky;bottom:0;background:#080808;z-index:10}nav{width:100%;justify-content:space-around;gap:0}.nav-item{font-size:9px;padding:13px 7px;display:flex;flex-direction:column;gap:5px}.nav-item span{margin:0;font-size:8px}.nav-item i,.footer-note{display:none}.story-grid{display:flex;flex-direction:column;gap:30px}.story-art img{height:260px}.story-art{width:100%}.story-stamp{font-size:9px;left:5%;top:0;padding:10px}.art-caption{font-size:8px}.story-content h2{font-size:55px}.story-content p:not(.eyebrow){font-size:15px}.chapter-control{justify-content:center;margin-bottom:20px}.section-heading h2{font-size:50px}.section-heading>p:last-child{font-size:12px}.journey-layout{display:flex;flex-direction:column}.constellation{height:330px;width:100%}.stop b{width:45px;height:45px;font-size:18px}.stop span{font-size:7px}.map-scribble{font-size:12px;top:17%}.stop-detail{width:95%;min-height:220px;margin:10px 0}.journey-footnote{font-size:10px;line-height:1.6}.studio-grid{grid-template-columns:1fr}.draw-room{grid-column:1}.radio{padding:20px}.mini-ghost{height:200px}.draw-bottom{font-size:9px;gap:12px}.draw-bottom button{font-size:9px}.ambient-art{opacity:.12;mask-image:none}.ghost-accessory{font-size:44px}dialog{padding:35px 25px}dialog h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.constellation svg circle{display:none}}
/* Keep the living outline integrated with the illustrated night. */
body{overflow-x:clip}.ghost{mix-blend-mode:screen}.ghost img{mix-blend-mode:normal}.ambient-art{opacity:.32}.ghost-hint{z-index:2}
@media(max-width:650px){.ambient-art{opacity:.22}.scene.entering{animation-name:mobile-enter}.character-stage{top:350px}.ghost{width:100%}}@keyframes mobile-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}