:root{--paper:#f3edda;--ink:#172819;--blue:#174bc7;--yellow:#ffdc32;--line:#20251b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px}.paper-noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' 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='%23000' filter='url(%23n)' opacity='.35' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.site-shell{max-width:1800px;margin:auto;padding:0 4.2%}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ed5b33;outline-offset:5px}a{text-decoration:none}header{height:115px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px;line-height:.98;letter-spacing:-.6px}.brand small{display:block;font:9px monospace;letter-spacing:1px;margin-top:9px}.brand-mark{position:relative;background:var(--blue);color:var(--yellow);border:2px solid var(--ink);font-family:Impact,'Arial Narrow',sans-serif;font-size:42px;transform:rotate(-6deg);padding:8px 10px}.brand-mark span{position:absolute;font:20px Arial;right:-9px;top:-8px;color:var(--ink)}.header-note{font:12px/1.5 monospace;letter-spacing:1px}.header-note span{opacity:.6}.header-actions{display:flex;align-items:center;gap:28px}.x-link{font-size:26px}.x-link span{font:bold 11px monospace;vertical-align:middle;margin-left:8px}.buy,.primary{border:2px solid var(--ink);background:var(--yellow);font-weight:900;box-shadow:4px 4px 0 var(--ink);padding:15px 23px;transition:transform .2s,box-shadow .2s}.buy:hover,.primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.scene{animation:arrive .45s ease both;min-height:620px}.scene[hidden]{display:none!important}#hideout{display:grid;grid-template-columns:45% 55%;align-items:center;padding:22px 0 20px;min-height:min(670px,calc(100vh - 225px))}.hero-copy{position:relative;z-index:2;padding:34px 0 25px}.eyebrow{font:bold 11px/1.5 monospace;letter-spacing:1.3px}.yellow-dot{display:inline-block;width:10px;height:10px;background:var(--yellow);border:1px solid;margin-right:7px}h1{font:clamp(74px,8.5vw,138px)/.89 Impact,'Arial Narrow',sans-serif;letter-spacing:-3px;margin:28px 0 0;transform:rotate(-2deg);font-weight:900}h1 span{color:var(--blue)}.hand-note{font:italic bold 29px Georgia,serif;color:var(--blue);transform:rotate(-6deg);margin:13px 0 29px 76px}.intro{line-height:1.7;font-size:15px;margin:0 0 27px}.primary{background:var(--blue);color:var(--paper);display:inline-flex;gap:38px;align-items:center;font-size:14px}.primary span{font-size:22px}.tiny-note{font:11px monospace;margin-top:18px;opacity:.75}.edition{font:10px monospace;letter-spacing:2px;margin-top:36px;display:flex;align-items:center;gap:12px}.edition span{font-size:25px}.hero-art{position:relative;align-self:stretch;min-height:540px;display:flex;align-items:center;justify-content:center}.hero-art>img{width:120%;height:100%;max-height:650px;object-fit:cover;mix-blend-mode:multiply;position:absolute;left:-11%;object-position:center}.art-label{position:absolute;top:22px;right:2%;font:10px monospace;border:1px solid;padding:7px;transform:rotate(4deg);background:var(--paper)}.art-footnote{position:absolute;bottom:6px;font:10px monospace;letter-spacing:2px;right:17%}.pet-hit{position:absolute;left:25%;top:33%;width:46%;height:48%;border:0;background:transparent}.pet-hit span{position:absolute;bottom:0;left:20%;background:var(--yellow);color:var(--ink);padding:8px;white-space:nowrap;font:bold 10px monospace;transform:rotate(-6deg);opacity:0;transition:opacity .2s}.pet-hit:hover span,.pet-hit:focus-visible span{opacity:1}.clue{position:absolute;border:2px solid var(--ink);border-radius:50%;width:35px;height:35px;background:var(--yellow);font:bold 12px monospace;box-shadow:2px 2px 0 var(--ink);transition:transform .2s}.clue:hover{transform:rotate(-12deg) scale(1.12)}.clue span{position:absolute;top:110%;left:0;background:var(--paper);padding:5px;white-space:nowrap;font-size:9px}.clue-phone{top:22%;left:5%}.clue-cross{top:48%;right:0}.clue-hat{top:10%;left:24%}.clue-tape{bottom:15%;left:1%}.clue.found{background:var(--blue);color:white}.scene-nav{display:flex;width:max-content;max-width:100%;margin:19px auto 24px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-1deg);background:var(--paper)}.scene-nav button{border:0;border-right:1px solid var(--ink);background:transparent;padding:17px 26px;font-size:12px;font-weight:900;white-space:nowrap}.scene-nav button:last-child{border:0}.scene-nav button span{font:10px monospace;margin-right:10px;opacity:.65}.scene-nav button.active{background:var(--blue);color:#fff}.scene-nav button:hover{background:var(--yellow);color:var(--ink)}footer{border-top:2px solid var(--ink);padding:16px 0;display:flex;gap:25px;align-items:center;font:11px monospace}.footer-copy{margin-right:auto;line-height:1.5;letter-spacing:1px}footer small{font-size:9px;letter-spacing:0;opacity:.7}footer button{background:none;border:0;font:bold 11px monospace;padding:10px 0}#bag-count{background:var(--yellow);padding:4px 6px;color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:32px 0 18px;gap:24px}h2{font:clamp(38px,4.2vw,66px)/.98 Impact,'Arial Narrow',sans-serif;margin:14px 0;letter-spacing:-1px}h2 em{font-style:normal;color:var(--blue)}.stamp{font:900 20px/1.1 monospace;color:var(--blue);border:3px solid;padding:16px;transform:rotate(9deg)}.story-layout{display:grid;grid-template-columns:34% 1fr;gap:7%;padding:12px 4% 35px}.evidence{transform:rotate(-3deg);background:#fffaf0;padding:12px;box-shadow:5px 6px 0 #17281922}.evidence img{width:100%;max-height:255px;object-fit:cover}.evidence>span{font:9px monospace}.evidence p{font:italic 20px/1.4 Georgia;margin:15px 8px}.story-page{padding:8px 0}.chapter-tabs{display:flex;gap:12px}.chapter-tabs button{background:none;border:1px solid;padding:10px 16px;font:bold 12px monospace}.chapter-tabs button.selected{background:var(--blue);color:white}.story-page h3{font:32px Impact,sans-serif;letter-spacing:.5px;margin:25px 0 12px}.story-page p{line-height:1.8;font-size:16px;max-width:670px}.text-button{font:bold 12px monospace;padding:14px 0;background:none;border:0;border-bottom:2px solid}.closet-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-bottom:28px}.outfit-preview{position:relative;border:2px solid;overflow:hidden;min-height:360px;background:#f3edda;transform:rotate(-2deg)}.outfit-preview img{width:100%;height:360px;object-fit:cover;transition:filter .5s}.outfit-preview>span:first-of-type{position:absolute;bottom:0;left:0;width:100%;background:var(--blue);color:white;font:bold 11px monospace;padding:15px}.outfit-pin{position:absolute;right:12px;top:20px;padding:12px;background:var(--yellow);font:bold 12px monospace;transform:rotate(9deg);color:var(--ink)}.closet-controls>p{font:italic 22px Georgia;margin-top:0}.choices{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 23px}.choices button{border:1px solid;background:transparent;padding:10px 12px;font:bold 10px monospace}.choices .selected{background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.closet-controls label{font:bold 11px monospace;display:block}.closet-controls input{display:block;width:100%;padding:14px;border:0;border-bottom:2px solid;background:transparent;font:16px monospace;margin:6px 0 22px;color:inherit}.closet-controls .micro{font:11px monospace;margin-top:15px}.map-instruction{font:12px/1.7 monospace}.map-layout{display:grid;grid-template-columns:70% 30%;gap:0;padding-bottom:20px}.escape-map{position:relative;height:400px;background:radial-gradient(#174bc730 1px,transparent 1px) 0 0/18px 18px}.escape-map svg{position:absolute;width:100%;height:100%;overflow:visible}.escape-map path{fill:none;stroke:var(--blue);stroke-width:3;stroke-dasharray:9 8;animation:dash 40s linear infinite}.map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(-6deg);border:0;background:transparent;z-index:1}.map-node b{display:grid;place-items:center;background:var(--paper);border:2px solid;box-shadow:4px 4px 0 var(--ink);height:58px;width:65px;font:32px Impact;margin:auto;transition:transform .2s}.map-node.selected b{background:var(--yellow);transform:rotate(10deg)}.map-node span{display:block;margin-top:10px;padding:5px;background:var(--paper);font:bold 10px monospace;white-space:nowrap}.map-scribble{position:absolute;left:18%;top:36%;font:italic 20px Georgia;transform:rotate(-10deg);color:var(--blue)}.stop-detail{margin:25px 0 30px 25px;padding:22px;border:2px solid;background:var(--yellow);box-shadow:7px 7px 0 var(--ink);transform:rotate(2deg);color:#172819}.stop-detail h3{font:36px/.98 Impact;margin:25px 0 14px}.stop-detail p{font-size:14px;line-height:1.7}.stop-detail .eyebrow{font-size:10px}dialog{max-width:540px;width:calc(100% - 32px);border:3px solid var(--ink);background:var(--paper);color:var(--ink);padding:35px;box-shadow:10px 10px 0 var(--blue)}dialog::backdrop{background:#0a2049bd;backdrop-filter:blur(5px)}dialog h2{font-size:44px;padding-right:12px}dialog p{line-height:1.65}dialog .close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:30px}dialog input{padding:12px;width:100%;margin-bottom:15px;font:18px monospace;border:2px solid;background:transparent}.inventory-row{display:flex;justify-content:space-between;border-bottom:1px solid;padding:16px 0;font:14px monospace}.inventory-row button{border:0;background:var(--yellow);font:bold 12px monospace;padding:5px 10px}.pass{border:2px dashed;padding:22px;margin:20px 0;background:var(--yellow);color:#172819;transform:rotate(-2deg)}.pass strong{display:block;font:30px Impact;margin:10px 0}.pass small{font:12px monospace}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--paper);padding:15px 24px;border:2px solid var(--yellow);font:13px monospace;max-width:90vw;z-index:40;pointer-events:none;transition:.25s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}body.night{--paper:#15254a;--ink:#f3edda;--blue:#a4bdff;--yellow:#f6d641}body.night .hero-art img{mix-blend-mode:normal;border-radius:45%;filter:brightness(.8)}body.night .evidence{color:#172819}body.night .primary,body.night .buy{color:#172819}body.night .scene-nav .active{color:#172819}.petting{animation:pet .35s ease 2!important}@keyframes arrive{from{opacity:0;transform:translateY(14px) rotate(.5deg)}to{opacity:1;transform:none}}@keyframes pet{50%{transform:rotate(2deg) scale(1.025)}}@keyframes dash{to{stroke-dashoffset:-340}}@media(min-width:1600px){.hero-art{min-height:660px}}@media(max-width:1000px){.header-note{display:none}.site-shell{padding:0 4%}.scene-nav button{padding:16px 18px}.hero-art{min-height:500px}.intro{font-size:14px}.map-layout{grid-template-columns:65% 35%}.stop-detail{padding:16px;margin-left:10px}.stop-detail h3{font-size:30px}.hand-note{margin-left:25px}h1{font-size:10vw}}@media(max-width:680px){header{height:87px;gap:12px}.brand{font-size:12px;gap:8px}.brand-mark{font-size:28px;padding:6px}.brand small{font-size:7px;letter-spacing:0}.x-link span{display:none}.header-actions{gap:15px}.buy{padding:12px 10px;font-size:10px}.x-link{font-size:22px}#hideout{grid-template-columns:1fr;padding-top:0}.hero-copy{padding:28px 0 0}.eyebrow{font-size:9px}h1{font-size:23vw;margin:20px 0 0}.hand-note{position:absolute;right:3%;top:115px;transform:rotate(-9deg);font-size:20px;width:125px}.intro{font-size:14px;margin:20px 0}.primary{padding:13px 18px;font-size:12px}.edition{display:none}.tiny-note{font-size:10px}.hero-art{min-height:390px;margin:6px 0 12px}.hero-art>img{width:110%;left:-5%}.art-label{top:10px;font-size:8px}.art-footnote{font-size:8px}.scene-nav{position:sticky;bottom:12px;z-index:10;margin:10px auto 20px;width:100%;transform:none}.scene-nav button{flex:1;padding:15px 5px;font-size:9px}.scene-nav button span{display:block;margin:0 0 4px;font-size:8px}footer{gap:15px;flex-wrap:wrap;padding:12px 0}footer .footer-copy{width:100%;font-size:10px}footer button{font-size:10px}.section-heading{padding-top:24px}.stamp{display:none}h2{font-size:40px}.story-layout{grid-template-columns:1fr;padding:0 0 25px;gap:25px}.evidence{max-width:290px;margin:auto}.evidence img{max-height:200px}.story-page p{font-size:15px}.closet-layout{grid-template-columns:1fr;gap:28px}.outfit-preview{min-height:280px}.outfit-preview img{height:290px}.map-layout{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}.map-instruction{margin:0}.escape-map{height:340px}.stop-detail{margin:25px 7px}.scene{min-height:0}.map-node b{height:46px;width:52px;font-size:26px}.map-node span{font-size:8px}.map-scribble{font-size:16px}dialog{padding:27px}dialog h2{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the collage inside the page and give the handwritten caption its own space. */
.hero-art{overflow:hidden}.hero-art>img{width:110%;left:-10%}.clue-hat{top:49%;left:1%}.clue-tape{bottom:15%;left:1%}.clue-cross{right:7%}.clue-cross span{left:auto;right:0}.clue{width:40px;height:40px}.paper-noise{opacity:.06}
@media(max-width:680px){.hand-note{position:static;transform:rotate(-4deg);width:auto;text-align:right;margin:13px 5px 22px;font-size:23px}.hero-art{min-height:300px;margin-top:20px}.hero-art>img{width:100%;left:0;height:100%;object-fit:cover}.art-label{font-size:7px;right:6px}.clue{width:34px;height:34px}.clue-phone{left:3%;top:12%}.clue-hat{left:1%;top:43%}.clue-tape{left:3%;bottom:10%}.clue-cross{right:8%;top:48%}.art-footnote{bottom:0;right:5%;background:var(--paper);padding:3px}.pet-hit{left:27%;width:42%}.clue span{font-size:8px}}