:root{--paper:#e8d6b6;--ink:#382b23;--muted:#78634e;--line:#59452c44;--accent:#af4e39;--pale:#f3e7ce}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper);transition:background .5s,color .5s}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:hover,a:hover{filter:brightness(.85)}.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.10;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='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:106px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:900;letter-spacing:1px;line-height:1.25}.brand img{width:47px;height:47px;transform:rotate(-6deg)}nav{display:flex;gap:26px}.nav{font-size:14px;padding:12px 0;position:relative}.nav.active:after{content:'';position:absolute;height:2px;background:var(--ink);bottom:5px;left:0;width:100%;transform:rotate(-3deg)}.external{display:flex;align-items:center;gap:22px}.x-link{font-size:24px}.x-link span{font-size:15px}.buy{border:1px solid var(--ink);padding:14px 17px;font-size:12px;font-weight:800;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink)}.room{min-height:650px;animation:unfold .5s ease both}.room[hidden]{display:none}.room:not(#hideout){padding:38px 5% 30px}#hideout{position:relative;min-height:680px;height:calc(100svh - 179px);max-height:940px;overflow:hidden}.hero-art{position:absolute;inset:-6% 0 0;background:url('assets/hero.png') center center/cover no-repeat;mix-blend-mode:multiply;transition:transform 1.3s}.intro{position:relative;z-index:2;padding:54px 0 80px 5%;width:60%;pointer-events:none}.intro button,.intro a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;line-height:1.6}.small-star{font-size:24px;vertical-align:middle;margin-right:8px}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(64px,7.25vw,116px);line-height:.94;letter-spacing:-2.5px;font-weight:900;margin:29px 0 25px;transform:rotate(-2deg);transform-origin:left}h1 em{font-family:Georgia,serif;font-weight:700;letter-spacing:-6px}h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,62px);line-height:1.06;font-weight:500;margin:15px 0 20px;letter-spacing:-2px}h2 em{color:var(--accent)}.lede{font-size:20px;line-height:1.5;margin:0 0 19px}.intro-note{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 6px}.character-name{font-weight:800;font-size:17px}.character-name span{font-family:monospace;font-size:12px;margin-left:7px;border-bottom:1px solid var(--ink)}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:29px}.primary{display:inline-flex;gap:27px;align-items:center;justify-content:center;padding:18px 23px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:700;letter-spacing:1px;box-shadow:4px 4px 0 #8c75584d;transform:rotate(-1deg)}.primary span{font-size:21px;line-height:12px}.text-button{font-size:13px;border-bottom:1px solid;padding:7px 0}.scribble,.hand{font-family:Georgia,serif;font-style:italic;font-size:18px}.scribble{margin:26px 0 0 20px;transform:rotate(-5deg);color:var(--muted)}.identity-note{position:absolute;z-index:3;right:4%;top:30px;text-align:left;font-family:monospace;font-size:10px;background:#efe2c4;padding:16px 20px;box-shadow:2px 5px 10px #46352120;transform:rotate(8deg)}.identity-note strong{font-family:Georgia,serif;display:block;font-size:19px;font-style:italic;margin:7px 0}.identity-note>span{font-size:10px;border-bottom:1px solid}.object{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;font-size:11px;background:#eddfc2e8;border:1px solid #66513788;padding:8px 10px;box-shadow:3px 3px 0 #5a452822;transition:transform .2s}.object:hover{transform:rotate(-3deg) scale(1.06)}.object>span{font-family:monospace;color:var(--accent)}.object b{font-size:18px}.object.collected b{color:var(--accent)}.obj-phone{left:53%;top:22%}.obj-cross{right:2%;top:53%}.obj-tape{left:52%;bottom:17%}.obj-hat{right:7%;bottom:11%}.hero-bottom{position:absolute;left:5%;right:5%;bottom:15px;border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:1px}.hero-bottom button{margin-left:auto;font-size:11px;letter-spacing:0}.hero-bottom #thought{font-family:Georgia,serif;font-style:italic;font-size:14px;letter-spacing:0}footer{min-height:73px;margin:0 4.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1px}.footer-star{font-size:21px;vertical-align:middle;margin-right:10px}.footer-tools{display:flex;align-items:center;gap:25px}.footer-tools button{font-size:10px;letter-spacing:1px}#found-count{background:var(--ink);color:var(--paper);padding:5px 8px;margin-left:8px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.section-top p{font-size:14px;line-height:1.7;color:var(--muted)}.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;max-width:1140px;margin:38px auto}.story-art{position:relative;transform:rotate(-4deg);padding:14px 14px 47px;background:var(--pale);box-shadow:5px 12px 20px #39271a20;align-self:start}.story-art img{display:block;width:100%;max-height:380px;object-fit:cover;filter:sepia(.25)}.tape-strip{position:absolute;background:#bca57877;width:130px;height:37px;top:-13px;left:33%;transform:rotate(7deg)}.photo-caption{position:absolute;bottom:15px;font:italic 13px Georgia,serif}.story-page{align-self:center}.story-page p{font:17px/1.8 Georgia,serif;margin:16px 0;color:var(--ink)}.story-page h2{max-width:570px}.page-turn{display:flex;align-items:center;gap:30px;margin-top:25px}.page-turn button{width:43px;height:40px;border:1px solid var(--ink);font-size:23px}.page-turn button:disabled{opacity:.3;cursor:default}.page-turn span{font:12px monospace}.chapter-tabs{display:flex;justify-content:center;gap:14px;margin:35px 0 0}.chapter-tabs button{border-bottom:1px solid var(--line);padding:10px 15px;font-size:12px}.chapter-tabs button.active{border-bottom:3px solid var(--accent);color:var(--accent)}.map-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:35px}.route-map{position:relative;min-height:430px;background:#cbb78e35;border:1px solid var(--line);overflow:hidden;transform:rotate(-1deg)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#886f4620 1px,transparent 1px),linear-gradient(90deg,#886f4620 1px,transparent 1px);background-size:34px 34px}.route-lines{position:absolute;inset:0;width:100%;height:100%}.route-lines path{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:7 8;animation:routeFlow 20s linear infinite}.map-label{position:absolute;font:10px monospace;letter-spacing:2px;opacity:.6;transform:rotate(-12deg)}.ml1{top:18%;left:7%}.ml2{bottom:21%;right:7%}.pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:8px;z-index:2;min-width:120px}.pin b{display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;width:42px;height:42px;background:var(--paper);font:18px Georgia,serif;box-shadow:3px 3px 0 #3d302622;transition:.3s}.pin.selected b{background:var(--accent);color:var(--pale);border-color:var(--accent);transform:scale(1.2) rotate(-12deg);box-shadow:0 0 0 8px #af4e3915}.pin span{background:var(--pale);padding:4px 6px;font-size:11px;font-weight:700}.pin0{left:14%;top:65%}.pin1{left:38%;top:37%}.pin2{left:67%;top:56%}.pin3{left:86%;top:22%}.pin4{left:49%;top:77%}.map-compass{position:absolute;right:15px;bottom:50px;text-align:center;font-family:Georgia;font-size:22px}.route-progress{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:#ddc9a2c9;display:flex;justify-content:space-between;font-size:11px}.route-detail{padding:28px 25px;border-top:3px solid var(--ink);background:var(--pale);transform:rotate(1deg);box-shadow:5px 7px 0 #68513814;align-self:center}.route-detail h3,.transmission h3{font:36px/1.1 Georgia,serif;margin:20px 0}.route-detail p{font:16px/1.7 Georgia,serif}.route-detail .milestone{padding:12px 0;border-bottom:1px dashed var(--line);font-size:13px}.route-detail .hand{display:block;margin-top:22px;color:var(--accent)}.fine-print{font-size:12px;color:var(--muted);margin-top:26px}.radio-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;max-width:1150px;margin:35px auto}.radio-machine{background:#baa27c;padding:30px;border:2px solid var(--ink);border-radius:14px 10px 18px 9px;box-shadow:9px 10px 0 #8d7554;transform:rotate(-2deg)}.radio-top{font:10px monospace;display:flex;justify-content:space-between;margin-bottom:22px}.frequency-screen{background:#372f27;color:#ebd7ad;padding:22px 24px;border:5px solid #8b7252;box-shadow:inset 0 0 24px #110e0955}.frequency-screen strong{font:64px monospace;letter-spacing:-4px;margin:0 13px}.frequency-screen>span{font:12px monospace}.wave{height:42px;display:flex;gap:9px;align-items:center;justify-content:center;margin:10px 0}.wave i{display:block;width:6px;height:7px;background:#b59b68}.playing .wave i{animation:soundbar .8s ease-in-out infinite alternate}.wave i:nth-child(3n){animation-delay:-.4s}.wave i:nth-child(2n){animation-delay:-.7s}.frequency-screen small{display:block;text-align:center;font:10px monospace;letter-spacing:2px}label[for=frequency]{display:flex;justify-content:space-between;font:10px monospace;margin-top:26px}input[type=range]{width:100%;accent-color:var(--ink);margin:20px 0;cursor:ew-resize}.radio-controls{display:flex;justify-content:space-between;align-items:center;gap:16px}.radio-controls>button:last-child{font-size:12px}.radio-hint{font:italic 13px Georgia;margin-top:23px}.transmission{padding:25px 0}.transmission>p{font:18px/1.7 Georgia}.signal-sticker{font-family:Impact,'Arial Narrow',sans-serif;font-size:36px;line-height:1;transform:rotate(-8deg);border:3px solid var(--accent);color:var(--accent);padding:15px 20px;width:max-content;margin:30px 0}.transmission .small{font:12px/1.6 Arial;color:var(--muted);max-width:320px}dialog{border:1px solid var(--ink);background:var(--pale);color:var(--ink);padding:40px;width:min(550px,calc(100% - 32px));max-height:88svh;box-shadow:10px 10px 0 #30282044;overflow:auto}dialog::backdrop{background:#2a211db5;backdrop-filter:blur(5px)}dialog[open]{animation:unfold .25s ease}.close{position:absolute;top:7px;right:12px;font-size:28px}dialog h2{font-size:38px;margin:17px 0}dialog p{font:17px/1.7 Georgia}dialog img{width:100%;max-height:430px;object-fit:contain}dialog .primary{margin-top:20px}.pocket-list{display:grid;gap:12px;margin:23px 0}.pocket-list button{text-align:left;border:1px dashed var(--line);padding:15px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:17px 24px;background:var(--ink);color:var(--paper);z-index:100;font-size:13px;transition:.25s;max-width:90vw;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.night{--paper:#beaa89;--pale:#d6c4a3;--ink:#281f1c;--muted:#514334}.night .hero-art{filter:sepia(.2) brightness(.8)}@keyframes unfold{from{opacity:0;transform:translateY(12px) rotate(.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes routeFlow{to{stroke-dashoffset:-300}}@keyframes soundbar{to{height:38px}}@media(min-width:1600px){.intro{padding-top:80px}.hero-art{background-position:center 40%}}@media(max-width:1100px){header{margin:0 3%;gap:12px}nav{gap:17px}.external{gap:15px}.brand{font-size:11px}.buy{font-size:10px;padding:12px}.intro{padding-left:4%;width:63%}h1{font-size:80px}.hero-art{background-position:54% center}.obj-phone{left:58%}.hero-bottom #thought{display:none}.footer-tools{gap:15px}.chapter-tabs{gap:2px}.chapter-tabs button{padding:9px}.radio-machine{padding:22px}.frequency-screen strong{font-size:50px}}@media(max-width:760px){header{height:118px;flex-wrap:wrap;padding:15px 0 7px;gap:10px}.brand{font-size:10px}.brand img{width:35px;height:35px}.external{margin-left:auto}.buy{font-size:10px}.x-link{font-size:20px}nav{order:3;width:100%;justify-content:space-between;gap:4px}.nav{font-size:12px;padding:7px}#hideout{height:auto;min-height:970px;max-height:none}.intro{padding:32px 6% 0;width:100%}.eyebrow{font-size:9px;letter-spacing:1.1px}.small-star{font-size:20px}h1{font-size:72px;letter-spacing:-2px;margin:22px 0}h1 em{letter-spacing:-4px}.lede{font-size:17px}.intro-note{font-size:12px}.character-name{font-size:15px}.hero-actions{gap:19px;margin-top:22px}.primary{padding:16px;font-size:10px}.text-button{font-size:11px}.scribble{font-size:16px;margin-top:20px}.hero-art{inset:450px -10% 40px -70%;background-position:right center;background-size:auto 100%;opacity:.97}.identity-note{top:527px;left:6%;right:auto;padding:12px;transform:rotate(-7deg)}.identity-note strong{font-size:16px}.obj-phone{top:680px;left:3%}.obj-cross{top:670px;right:3%}.obj-tape{bottom:140px;left:4%}.obj-hat{bottom:83px;right:5%}.object{font-size:10px;gap:6px;padding:6px}.hero-bottom{font-size:8px;gap:5px;bottom:15px}.hero-bottom button{font-size:10px;white-space:nowrap}.hero-bottom>span:first-child{max-width:170px}footer{padding:19px 0;flex-direction:column;gap:15px;font-size:9px}.footer-tools{gap:15px}.footer-tools button{font-size:9px}.footer-tools>span{font-size:8px}.room:not(#hideout){padding:30px 6%}.section-top{display:block;margin-bottom:23px}.section-top>.hand{display:block;margin-top:13px;font-size:15px}h2{font-size:41px}.story-layout{grid-template-columns:1fr;gap:35px;margin:30px 0}.story-art{max-width:260px;margin:auto;padding-bottom:40px}.story-art img{height:210px}.photo-caption{font-size:10px}.story-page p{font-size:17px}.chapter-tabs{flex-wrap:wrap;margin-top:20px}.chapter-tabs button{font-size:11px}.map-layout{grid-template-columns:1fr;gap:25px}.route-map{min-height:400px}.pin{min-width:85px}.pin span{font-size:9px}.pin b{width:36px;height:36px;font-size:15px}.pin0{left:16%}.pin3{left:84%}.map-label{font-size:8px}.ml1{left:5%}.route-detail{padding:23px}.radio-layout{grid-template-columns:1fr;gap:24px}.radio-machine{padding:20px 15px}.radio-top{font-size:8px}.frequency-screen{padding:20px 13px}.frequency-screen strong{font-size:52px}.frequency-screen small{font-size:8px}.transmission{padding:15px 0}.radio-controls{gap:8px}.radio-controls>button:last-child{font-size:11px}.section-top p{font-size:13px}.room{min-height:650px}.hero-actions .primary{padding:17px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:761px){.obj-phone{left:auto;right:2%;top:30%}.obj-cross{left:47%;right:auto;top:52%}}@media(max-width:760px){h1{font-size:clamp(43px,13.8vw,62px)}h1 em{letter-spacing:-3px}.identity-note{top:545px}.hero-art{inset:440px -10% 40px -70%}}

body{overflow-x:clip}