:root{--bg:#080808;--paper:#f3f0e9;--accent:#eea58b;--muted:#a09c96;--line:#30302d;--mono:'Courier New',monospace;--display:Impact,'Arial Narrow','Helvetica Neue',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{opacity:.3;cursor:default}button,a{transition:color .2s,background .2s,transform .25s}button:hover:not(:disabled),a:hover{color:var(--accent)}header{height:105px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;gap:24px;background:var(--bg)}.wordmark{font-weight:950;font-size:34px;letter-spacing:-2px;padding:0}.wordmark span{font:14px var(--mono);vertical-align:top;display:inline-block;margin:7px 0 0 4px}nav{display:flex;gap:30px}nav button{font-size:14px;padding:12px 0;position:relative;color:#aba9a5}nav button.active{color:var(--paper)}nav button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}nav button span{color:var(--accent)}.socials{display:flex;align-items:center;gap:23px}.socials>a:first-child{font-size:24px}.buy{background:var(--accent);color:#12110f;padding:17px 22px;font:700 13px var(--mono);transform:rotate(-2deg);white-space:nowrap}.buy:hover{background:var(--paper);color:#080808;transform:rotate(1deg)}.buy span{margin-left:14px;font-size:18px}.view{position:relative;min-height:calc(100svh - 158px);overflow:hidden}.view[hidden]{display:none}.view.entering{animation:enter .65s both}.grain{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:15;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)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.world-art{position:absolute;inset:0;background:url('assets/night-world.png') center/cover;opacity:.43;pointer-events:none}.issue{position:relative;display:flex;align-items:center;gap:10px;margin:27px 4.5%;font:11px var(--mono);letter-spacing:1px;color:#bcb8af}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #eea58b66}.issue-right{margin-left:auto}.hero-copy{position:relative;z-index:2;width:55%;margin:52px 0 92px 8.8%;pointer-events:none}.hero-copy button{pointer-events:auto}.eyebrow{font:12px var(--mono);letter-spacing:2px;color:var(--accent);margin:0 0 25px}h1{font-family:var(--display);font-stretch:condensed;font-size:clamp(76px,8.8vw,150px);line-height:.89;font-weight:900;letter-spacing:-3px;margin:0 0 28px}h1 em{font-style:normal;color:var(--accent);display:inline-block;transform:rotate(-3deg);position:relative}h1 em:after{content:'';height:3px;background:var(--accent);position:absolute;left:2px;right:0;bottom:-8px;transform:rotate(1.5deg)}.intro{font-size:16px;line-height:1.7;color:#bbb8b1;margin:30px 0 23px}.primary{background:var(--accent);color:#080808;padding:19px 24px;font:700 13px var(--mono);min-height:50px}.primary span{font-size:20px;margin-left:35px}.primary:hover{background:var(--paper);color:#080808;transform:translateY(-3px)}.scribble{display:block;font:italic 17px Georgia,serif;color:#aaa49d;transform:rotate(-4deg);margin:20px 0 0 36px}.character-stage{position:absolute;top:53px;left:49%;width:47%;height:calc(100% - 140px);display:flex;align-items:center;justify-content:center}.character{position:relative;width:100%;max-width:690px;animation:bob 6s ease-in-out infinite;mix-blend-mode:screen}.character img{width:100%;display:block;pointer-events:none}.character:hover{transform:rotate(3deg)}.character.pop{animation:pop .6s}.orbit{position:absolute;width:87%;height:80%;border:1px solid #eea58b2e;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 24px #eea58b04}.character-note{position:absolute;right:3%;top:12%;font:italic 19px Georgia;transform:rotate(8deg);z-index:2;color:var(--accent)}.hat-hint{position:absolute;top:3%;left:35%;font:italic 15px Georgia;color:#aca59a;transform:rotate(-7deg)}.name-label{position:absolute;bottom:1%;right:17%;background:var(--paper);color:#111;padding:12px 23px 15px;font:10px var(--mono);transform:rotate(-8deg);box-shadow:4px 5px 0 #333}.name-label strong{display:block;font:bold italic 30px Georgia;margin-top:5px}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 4.5%;padding:20px 0;border-top:1px solid var(--line);font:10px var(--mono);letter-spacing:1px;gap:20px}.hero-bottom button{font:11px var(--mono)}.hero-bottom button span{color:var(--accent);margin-left:12px}.edition{color:#777}.found-object{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;color:#b7aaa0}.found-object span:last-child{font:italic 13px Georgia}.object-glyph{font-size:55px;color:var(--accent)}.phone{right:4%;bottom:14%;transform:rotate(12deg)}.earring{left:2%;top:44%;transform:rotate(-12deg)}.found-object:hover{transform:rotate(0) scale(1.13);color:var(--paper)}footer{height:53px;padding:0 4.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:1px;color:#85827c}footer button{font:10px var(--mono)}footer button span{margin-left:8px;color:var(--accent)}.section-top{display:flex;justify-content:space-between;margin:30px 4.5% 0;font:11px var(--mono);letter-spacing:1px;color:var(--muted);gap:20px}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1300px;padding:60px 6% 70px;margin:auto;align-items:center}.story-art{position:relative}.story-art img{width:100%;display:block;mix-blend-mode:screen;transform:rotate(-5deg)}.story-stamp{position:absolute;bottom:10%;left:0;color:var(--accent);font:700 24px var(--mono);transform:rotate(-14deg);border:2px solid var(--accent);padding:13px}.image-caption{display:block;text-align:center;margin-top:30px;font:10px var(--mono);letter-spacing:2px;color:var(--muted)}h2{font-family:var(--display);font-size:clamp(44px,5vw,76px);line-height:1.03;letter-spacing:-1px;margin:0 0 30px}h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.story-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;color:#c0bbb3;min-height:190px}.story-copy blockquote{font:italic 23px/1.5 Georgia;color:var(--accent);margin:25px 0 35px;padding-left:24px;border-left:2px solid var(--accent)}.story-controls{display:flex;align-items:center;gap:25px}.circle-button{border:1px solid #5c5750;border-radius:50%;height:48px;width:48px;font-size:23px}.circle-button:hover{background:var(--accent);color:#080808}.chapter-dots{display:flex;gap:15px}.chapter-dots button{border-bottom:2px solid #555;font:12px var(--mono);padding:10px 5px;color:var(--muted)}.chapter-dots button.active{color:var(--accent);border-color:var(--accent)}.map-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:20px 5%;max-width:1380px;margin:50px auto 45px;padding:0 6%;align-items:center}.map-intro h2{font-size:clamp(44px,4.7vw,70px)}.map-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:16px}.map-controls{display:flex;gap:14px;align-items:center;margin-top:25px}.map-controls>span{font:10px var(--mono);margin-left:5px}.record-wrap{position:relative;width:100%;max-width:540px;aspect-ratio:1;margin:auto}.record{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0 2px,#292725 3px,#121212 4px,#121212 8px);border:2px solid #46423c;box-shadow:0 0 70px #eea58b0b;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.record:before{content:'';position:absolute;inset:10%;border-radius:50%;border:1px dashed #7773}.record-label{position:absolute;inset:32%;background:var(--accent);border-radius:50%;color:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:9px;transform:rotate(-15deg)}.record-label span{font:9px var(--mono)}.record-label b{font:900 27px/.95 var(--display)}.stop{position:absolute;width:130px;font:10px var(--mono);text-shadow:0 2px 4px #000;transition:transform 1.2s,color .3s}.stop>span{display:block;width:38px;height:38px;padding:11px 0;margin:0 auto 9px;border:1px solid #aaa;border-radius:50%;background:#171717;font:14px var(--mono)}.stop.active{color:var(--accent)}.stop.active>span{background:var(--accent);color:#111;border-color:var(--accent);box-shadow:0 0 30px #eea58b55}.s0{top:5%;left:calc(50% - 65px)}.s1{top:calc(50% - 30px);right:0}.s2{bottom:5%;left:calc(50% - 65px)}.s3{top:calc(50% - 30px);left:0}.record-needle{position:absolute;top:-2%;right:0;width:9px;height:43%;background:#bab3a8;transform:rotate(25deg);transform-origin:top;box-shadow:6px 4px 0 #0005;pointer-events:none}.record-needle:after{content:'';position:absolute;width:18px;height:35px;background:var(--accent);bottom:0;left:-4px}.stop-card{grid-column:1/-1;display:grid;grid-template-columns:140px 1fr 1.7fr;gap:12px 30px;align-items:start;border-top:1px solid var(--line);padding-top:26px;margin-top:15px}.stop-card>span{font:12px/1.6 var(--mono);color:var(--accent)}.stop-card h3{font-size:25px;margin:0}.stop-card p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}.stop-card small{grid-column:3;font:9px var(--mono);color:#777}.room-heading{margin:48px 5% 35px;display:flex;justify-content:space-between;align-items:end;gap:30px}.room-heading h2{font-size:clamp(35px,4vw,62px);margin:0}.room-heading>p{max-width:200px;color:var(--muted);font-size:14px;line-height:1.6}.room-grid{margin:0 5%;display:grid;grid-template-columns:1.1fr 1fr .85fr;border:1px solid var(--line)}.room-grid article{padding:28px;min-width:0}.room-grid article+article{border-left:1px solid var(--line)}.panel-label{font:10px/1.5 var(--mono);display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.panel-label>span{color:var(--accent);font-size:9px}.radio-display{position:relative;display:flex;align-items:center;gap:15px;border:1px solid #655548;background:#17130f;padding:23px 15px 38px;margin:26px 0;color:var(--accent);overflow:hidden}.radio-display>span{font:clamp(35px,4vw,64px) var(--mono);letter-spacing:-4px}.radio-display small{font:10px/1.8 var(--mono)}.equalizer{position:absolute;bottom:10px;left:17px;right:17px;display:flex;gap:5px;height:18px;align-items:end}.equalizer i{width:12%;height:3px;background:var(--accent)}body.audio-on .equalizer i{animation:equalize .7s ease-in-out infinite alternate}.equalizer i:nth-child(2n){animation-delay:.3s!important}.equalizer i:nth-child(3n){animation-delay:.55s!important}.radio-panel label{font:9px var(--mono);display:flex;justify-content:space-between;gap:10px}.radio-panel input{width:100%;accent-color:var(--accent);margin:20px 0 5px;cursor:pointer}.radio-panel p,.pockets-panel>p{font-size:13px;line-height:1.6;min-height:40px;color:var(--muted)}.outline{border:1px solid #686059;padding:13px 16px;font:11px var(--mono);width:100%;text-align:left}.outline span{float:right}.pocket-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.pocket-items button{border:1px dashed #4b443d;padding:15px 2px;transform:rotate(-3deg)}.pocket-items button:nth-child(2n){transform:rotate(3deg)}.pocket-items button:hover{background:#eea58b0c;transform:rotate(0)}.pocket-items b{display:block;font:45px Georgia;color:var(--accent);height:60px}.pocket-items span{font:9px var(--mono)}.pocket-items button.found{border-color:var(--accent)}.pocket-items button.found span:after{content:' ✓';color:var(--accent)}.mood-panel h3{font:italic 31px/1.25 Georgia;margin:32px 0 26px}.mood-options{display:flex;flex-direction:column;align-items:start;gap:9px}.mood-options button{font:10px var(--mono);padding:10px 0;color:var(--muted)}.mood-options button:before{content:'○';margin-right:12px;font-size:16px}.mood-options button.active{color:var(--accent)}.mood-options button.active:before{content:'●'}.light-switch{font:10px var(--mono);border-top:1px solid var(--line);width:100%;text-align:left;padding:20px 0 0;margin-top:25px}.room-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 5% 35px}.room-footer p{font:italic 17px/1.5 Georgia;color:var(--accent)}.text-button{font:10px var(--mono);white-space:nowrap}dialog{width:min(520px,90vw);border:1px solid var(--accent);background:#11110f;color:var(--paper);padding:45px;box-shadow:12px 12px 0 #eea58b26}dialog::backdrop{background:#000c;backdrop-filter:blur(9px)}dialog[open]{animation:enter .4s both}dialog .close{position:absolute;top:12px;right:15px;font-size:30px}.memory-symbol{font:70px Georgia;color:var(--accent);margin:15px 0}dialog h2{font-size:45px}dialog p{font-size:16px;line-height:1.8;color:#c0b9af;margin-bottom:28px}#toast{position:fixed;bottom:75px;left:50%;transform:translate(-50%,20px);background:var(--paper);color:#151515;z-index:30;padding:17px 24px;font:13px/1.5 var(--mono);opacity:0;pointer-events:none;transition:.3s;max-width:90vw;box-shadow:5px 5px 0 var(--accent);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.lights-out .room-grid{background:#030303;box-shadow:0 0 100px #eea58b12}.lights-out .room-heading{opacity:.45}.lights-out .radio-display{box-shadow:0 0 30px #eea58b22}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes bob{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes pop{40%{transform:translateY(-22px) rotate(-6deg) scale(1.035)}}@keyframes enter{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes equalize{from{height:3px}to{height:17px}}@media(min-width:1600px){.hero-copy{margin-top:80px;margin-bottom:100px}h1{font-size:160px}.view{min-height:calc(100svh - 158px)}}@media(max-width:1100px){header{padding:0 4%;gap:20px}nav{gap:18px}nav button{font-size:12px}.buy{font-size:11px;padding:15px}.socials{gap:16px}.hero-copy{margin-left:7%;margin-top:50px}.character-stage{left:48%;width:52%;top:90px;height:65%}.hero-bottom{font-size:9px}.room-grid article{padding:20px}.panel-label{font-size:9px}.panel-label>span{font-size:8px}.record-label b{font-size:23px}.stop{font-size:8px;width:110px}.s0,.s2{left:calc(50% - 55px)}}@media(max-width:760px){header{height:118px;padding:18px 5% 0;flex-wrap:wrap;gap:0;align-content:space-between}.wordmark{font-size:30px}.socials{margin-left:auto}.buy{font-size:10px;padding:12px}.buy span{margin-left:7px}.socials>a:first-child{font-size:21px}nav{order:3;width:100%;justify-content:space-between;gap:8px;margin-top:12px}nav button{padding:12px 0;font-size:11px}.view{min-height:calc(100svh - 168px)}.issue{font-size:8px;letter-spacing:.4px;margin:22px 5%}.issue-right{display:none}.hero-copy{margin:37px 0 0 7%;width:90%}.hero-copy .eyebrow{font-size:9px;margin-bottom:21px}h1{font-size:clamp(65px,16.5vw,110px);letter-spacing:-2px;position:relative;z-index:3}.intro{font-size:13px;position:relative;max-width:52%;margin:25px 0 20px}.hero-copy .primary{font-size:10px;padding:15px 16px;margin-top:8px}.primary span{margin-left:15px}.scribble{font-size:13px;margin:17px 0 0 12px}.character-stage{left:43%;width:65%;top:120px;height:360px;opacity:.85}.character-note{top:0;right:18%;font-size:13px}.hat-hint{top:4%;left:10%;font-size:11px}.name-label{bottom:1%;right:21%;padding:7px 13px;font-size:8px}.name-label strong{font-size:23px}.orbit{width:90%;height:65%}.hero-bottom{margin:45px 5% 0;padding:18px 0;flex-wrap:wrap;font-size:8px;gap:15px}.hero-bottom button{font-size:9px}.edition{display:none}.found-object.phone{bottom:18%;right:6%;font-size:10px}.found-object.earring{display:none}.object-glyph{font-size:40px}.found-object span:last-child{font-size:11px}.world-art{background-size:auto 100%;opacity:.27}footer{font-size:8px;height:50px;padding:0 5%;letter-spacing:0}.footer-center{display:none}footer button{font-size:9px}.section-top{font-size:9px;line-height:1.6;margin:24px 5% 0}.section-top>span:last-child{max-width:130px;text-align:right}.story-layout{grid-template-columns:1fr;padding:25px 7% 40px;gap:24px}.story-art{max-width:220px;margin:auto}.story-stamp{font-size:12px;padding:8px;left:-35px}.image-caption{font-size:8px;letter-spacing:0;margin-top:12px}.story-copy h2{font-size:47px;margin-bottom:20px}.story-copy .eyebrow{font-size:10px;margin-bottom:17px}.story-copy>p:not(.eyebrow){font-size:15px;min-height:0}.story-copy blockquote{font-size:21px}.map-layout{grid-template-columns:1fr;margin-top:35px;padding:0 7%;gap:35px}.map-intro h2{font-size:49px;margin-bottom:20px}.map-intro p{font-size:14px!important}.map-intro .eyebrow{font-size:9px!important}.record-wrap{max-width:420px}.stop-card{grid-template-columns:1fr;gap:14px;margin-top:0}.stop-card small{grid-column:1;font-size:8px}.stop-card h3{font-size:27px}.stop{font-size:8px}.stop>span{width:32px;height:32px;padding:8px 0;font-size:12px}.record-label span{font-size:7px}.record-label b{font-size:23px}.room-heading{margin:35px 6% 26px;display:block}.room-heading .eyebrow{font-size:9px;margin-bottom:16px}.room-heading h2{font-size:44px}.room-heading>p{max-width:none;font-size:13px}.room-grid{margin:0 6%;grid-template-columns:1fr}.room-grid article{padding:25px}.room-grid article+article{border-left:0;border-top:1px solid var(--line)}.radio-display>span{font-size:64px}.radio-display small{font-size:12px}.panel-label{font-size:11px}.panel-label>span{font-size:9px}.room-footer{margin:20px 6%;flex-direction:column;align-items:start}.room-footer p{font-size:17px}.pocket-items span{font-size:11px}.radio-panel p,.pockets-panel>p{font-size:14px}.mood-options{flex-direction:row;flex-wrap:wrap;gap:20px}.mood-options button{font-size:9px}.mood-options button:before{margin-right:5px}.radio-panel label{font-size:10px}dialog{padding:32px}dialog h2{font-size:36px}dialog p{font-size:15px}.memory-symbol{font-size:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Final detail pass: illustrated keepsakes and consistent night atmosphere. */
button.circle-button:hover:not(:disabled),button.primary:hover:not(:disabled){color:#080808}
#story,#map,#room{background-image:linear-gradient(#080808e8,#080808ef),url('assets/night-world.png');background-position:center;background-size:cover}
.pocket-items b{width:90px;height:96px;margin:0 auto 10px;font-size:0;background-image:url('assets/night-world.png');background-repeat:no-repeat;background-size:700px auto}
.pocket-items [data-item="phone"] b{background-position:0 -110px}
.pocket-items [data-item="cross"] b{background-position:-130px -5px}
.pocket-items [data-item="headphones"] b{background-position:-131px -348px}
.pocket-items [data-item="hat"] b{background-position:-607px -316px}
.character img{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
.panel-label{font-size:11px}.outline,.mood-options button,.light-switch,.text-button{font-size:12px}.pocket-items span{font-size:11px}.radio-panel label{font-size:11px}.room-grid article{background:#080808a8}
@media(max-width:760px){.world-art{background-size:100% 100%;opacity:.29}.character-note{top:-5%;right:20%}.hat-hint{top:8%;left:20%}.mood-options{gap:10px}.mood-options button{font-size:10px}.hero-bottom{background:#080808c9}.panel-label{font-size:10px}.radio-panel label{font-size:10px}}
@font-face{font-family:'Cupcoin Condensed';src:url('assets/font-3.ttf') format('truetype');font-weight:900;font-display:swap}:root{--display:Impact,'Cupcoin Condensed','Arial Narrow',sans-serif}