:root{
  --ink:#151414; --coal:#242322; --peach:#e97955; --burnt:#b85e35;
  --cream:#f2e1bb; --yellow:#f2c544; --blue:#789ab5; --dust:#a6bcc8;
  --paper:#efe4c8; --white:#fff8ea;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.topbar{height:72px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;background:#101010;border-bottom:2px solid #38332c;position:sticky;top:0;z-index:40}
.brand{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:25px;letter-spacing:1px;transform:rotate(-1deg)}
nav{display:flex;gap:28px;align-items:center;font:800 13px/1 Arial;letter-spacing:1.2px}
nav a:not(.nav-play){opacity:.8}nav a:hover{opacity:1}
.nav-play{background:var(--yellow);color:var(--ink);padding:12px 18px;box-shadow:4px 4px 0 var(--peach);transform:rotate(-1deg)}
.hero{min-height:calc(100vh - 72px);position:relative;overflow:hidden;background:radial-gradient(circle at 70% 48%,#51473b 0 16%,transparent 38%),linear-gradient(118deg,#171615 0 49%,#282522 49% 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1fr);align-items:center;padding:65px clamp(24px,6vw,100px) 105px}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:var(--blue);clip-path:polygon(0 30%,5% 10%,11% 42%,17% 0,25% 35%,31% 8%,39% 48%,47% 6%,55% 38%,64% 12%,73% 40%,81% 5%,89% 33%,100% 0,100% 100%,0 100%)}
.hero-stripes{position:absolute;inset:auto -90px 0 auto;width:48%;height:100%;opacity:.18;background:repeating-linear-gradient(115deg,transparent 0 30px,var(--peach) 30px 53px,transparent 53px 72px,var(--blue) 72px 95px)}
.hero-copy{position:relative;z-index:5;max-width:690px}
.kicker,.eyebrow{font:900 12px/1 Arial;letter-spacing:3px;text-transform:uppercase;color:var(--yellow)}
.hero h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:900;font-size:clamp(88px,11vw,182px);line-height:.72;letter-spacing:-4px;margin:24px 0 35px;text-transform:uppercase;text-shadow:8px 8px 0 #000}
.hero h1 span{display:block}.hero h1 .peach{color:var(--peach);margin-left:6vw}.hero h1 .blue{color:var(--blue);margin-left:1vw}
.hero-note{font-family:'Segoe Print','Comic Sans MS',cursive;font-size:clamp(18px,2vw,28px);max-width:420px;transform:rotate(-2deg);margin:0 0 26px;color:var(--cream)}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.btn{display:inline-block;padding:17px 22px;font:900 13px/1 Arial;letter-spacing:1px;border:2px solid var(--cream)}.primary{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:6px 6px 0 var(--peach);transform:rotate(-1deg)}.ghost{background:var(--coal);transform:rotate(1deg)}
.hero-art{position:relative;min-height:660px;z-index:4}.sunburst{position:absolute;width:560px;height:560px;right:7%;top:8%;border-radius:50%;background:repeating-conic-gradient(var(--peach) 0 8deg,var(--burnt) 8deg 16deg);opacity:.83;box-shadow:0 0 0 24px rgba(242,197,68,.10)}
.hero-neegy{position:absolute;z-index:5;right:14%;top:4%;height:min(74vh,720px);filter:drop-shadow(18px 22px 0 rgba(0,0,0,.45)) drop-shadow(0 0 14px rgba(242,197,68,.25));transform:rotate(1deg)}
.stamp{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;border:4px solid currentColor;padding:10px 15px;letter-spacing:2px;text-align:center;line-height:.92}.stamp-run{position:absolute;z-index:8;right:2%;top:18%;color:var(--yellow);transform:rotate(10deg);font-size:31px}
.tape{position:absolute;width:110px;height:30px;background:rgba(242,225,187,.76);box-shadow:0 1px 2px rgba(0,0,0,.3)}.tape-hero{right:30%;top:4%;transform:rotate(-8deg);z-index:7}
.mini-photo{position:absolute;background:var(--paper);padding:9px 9px 28px;box-shadow:8px 8px 0 rgba(0,0,0,.45);z-index:7;color:var(--ink);font:900 14px/1 'Segoe Print','Comic Sans MS',cursive}.mini-photo img{display:block;width:100%;height:100%;object-fit:cover}.mini-photo span{position:absolute;bottom:7px;left:10px}.mini-yacht{width:210px;height:230px;right:0;bottom:1%;transform:rotate(7deg)}.mini-bike{width:150px;height:210px;left:2%;bottom:2%;transform:rotate(-9deg)}
.scribble{position:absolute;z-index:6;font-family:'Segoe Print','Comic Sans MS',cursive;color:var(--yellow);font-weight:900}.scribble-a{font-size:80px;left:43%;top:17%;transform:rotate(17deg)}.scribble-b{font-size:32px;right:4%;bottom:34%;transform:rotate(-13deg)}
.hero-floor{position:absolute;bottom:34px;left:0;right:0;display:flex;justify-content:space-around;z-index:6;font:900 12px/1 Arial;letter-spacing:2px;color:#d3cab8;opacity:.8}
.game-section{background:var(--peach);color:var(--ink);padding:90px clamp(20px,5vw,76px) 110px;position:relative}.section-head{display:flex;align-items:flex-end;gap:24px;max-width:1220px;margin:0 auto 34px}.section-head .number{font:900 17px/1 'Segoe Print','Comic Sans MS',cursive;border:2px solid currentColor;border-radius:50%;padding:12px}.section-head h2{font:900 clamp(58px,8vw,110px)/.83 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:-2px;margin:8px 0 0}.section-head .eyebrow{color:#3d332c}.hand-arrow{margin-left:auto;font:900 66px/1 'Segoe Print','Comic Sans MS',cursive;transform:rotate(8deg)}
.game-wrap{max-width:1220px;margin:auto;background:#111;padding:12px;box-shadow:15px 15px 0 var(--blue),-8px -8px 0 var(--yellow);position:relative;transform:rotate(-.25deg)}.game-wrap iframe{width:100%;height:min(72vw,720px);min-height:520px;border:0;display:block;background:#000}.game-tape{z-index:3}.tape-left{left:-35px;top:28px;transform:rotate(-35deg)}.tape-right{right:-28px;bottom:35px;transform:rotate(28deg)}.game-foot{max-width:1220px;margin:28px auto 0;text-align:right;font:900 17px/1 'Segoe Print','Comic Sans MS',cursive;transform:rotate(-1deg)}
.sightings{background:#252729;padding:90px clamp(18px,4vw,66px) 120px;position:relative}.section-head.light .eyebrow{color:var(--yellow)}.evidence-board{max-width:1260px;min-height:840px;margin:auto;position:relative;background:#343536;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;border:14px solid #1b1b1b;box-shadow:0 0 0 2px #5d5548 inset}
.polaroid{position:absolute;background:#eee4ce;padding:13px 13px 48px;color:#171616;box-shadow:13px 14px 0 rgba(0,0,0,.35);z-index:6}.polaroid img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04) saturate(.9)}.caption{position:absolute;left:14px;right:14px;bottom:8px;display:flex;justify-content:space-between;gap:8px;align-items:end;font-family:'Segoe Print','Comic Sans MS',cursive}.caption b{font-size:16px}.caption span{font:800 10px/1 Arial;letter-spacing:1px}.polaroid .top{left:50%;top:-17px;transform:translateX(-50%) rotate(-3deg);z-index:7}.blue-tape{background:rgba(120,154,181,.85)!important}.yellow-tape{background:rgba(242,197,68,.84)!important}.p-yacht{width:37%;height:360px;left:4%;top:8%;transform:rotate(-6deg)}.p-night{width:24%;height:410px;right:8%;top:6%;transform:rotate(8deg)}.p-close{width:25%;height:330px;left:39%;top:41%;transform:rotate(3deg)}.p-dirt{width:22%;height:345px;right:10%;bottom:5%;transform:rotate(-5deg)}.p-street{width:22%;height:360px;left:9%;bottom:4%;transform:rotate(6deg)}
.note{position:absolute;z-index:8;color:#171616;background:var(--yellow);padding:14px 18px;font:900 18px/1.15 'Segoe Print','Comic Sans MS',cursive;box-shadow:5px 5px 0 rgba(0,0,0,.3)}.n1{left:45%;top:13%;transform:rotate(-5deg)}.n2{right:12%;bottom:12%;background:var(--blue);font-size:34px;transform:rotate(7deg)}.evidence-stamp{position:absolute;right:35%;bottom:9%;z-index:8;color:var(--peach);font-size:46px;transform:rotate(-9deg)}.marker{position:absolute;z-index:9;color:var(--peach);font:900 70px/1 'Segoe Print','Comic Sans MS',cursive}.arrow-one{left:33%;top:32%;transform:rotate(12deg)}.arrow-two{right:27%;top:24%;transform:rotate(-8deg)}.string{position:absolute;height:2px;background:#b34d3b;transform-origin:left center;z-index:2;opacity:.8}.s1{width:360px;left:28%;top:26%;transform:rotate(16deg)}.s2{width:320px;left:55%;top:48%;transform:rotate(-20deg)}.s3{width:260px;left:29%;top:66%;transform:rotate(-7deg)}
.lore{min-height:650px;background:var(--blue);color:var(--ink);padding:90px clamp(25px,7vw,120px);display:grid;grid-template-columns:minmax(0,780px) minmax(280px,1fr);align-items:center;position:relative;overflow:hidden}.lore:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 42px,rgba(20,20,20,.09) 43px 44px)}.lore-paper{position:relative;z-index:4;background:var(--paper);padding:50px 56px 55px;box-shadow:17px 18px 0 #1c1c1c;transform:rotate(-1.4deg);clip-path:polygon(0 2%,3% 0,7% 2%,11% 0,17% 1%,22% 0,28% 2%,34% 0,41% 1%,47% 0,53% 2%,60% 0,67% 1%,74% 0,80% 2%,88% 0,94% 2%,100% 0,99% 100%,0 98%)}.lore-paper h2{font:900 clamp(64px,8vw,122px)/.82 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;margin:20px 0 30px;letter-spacing:-3px}.lore-copy{font:800 clamp(19px,2vw,29px)/1.45 'Segoe Print','Comic Sans MS',cursive;max-width:690px}.he-runs{display:inline-block;background:var(--yellow);font:900 clamp(58px,8vw,120px)/.85 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;padding:13px 25px 8px;margin-top:24px;box-shadow:8px 8px 0 var(--peach);transform:rotate(2deg)}.lore-face{position:relative;z-index:3;width:min(410px,34vw);justify-self:center;filter:drop-shadow(15px 16px 0 rgba(0,0,0,.35));transform:rotate(7deg) scale(1.1)}
.links{background:#151414;padding:70px clamp(24px,7vw,110px);border-top:3px dashed #5b5147}.links>p{font:900 15px/1 Arial;letter-spacing:3px;color:var(--yellow)}.link-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.link-row a{border:2px solid var(--cream);padding:18px 22px;font:900 15px/1 Arial;box-shadow:5px 5px 0 var(--peach)}.link-row a:nth-child(2){box-shadow:5px 5px 0 var(--blue)}
footer{background:#0c0c0c;color:#8e877a;padding:22px clamp(20px,5vw,70px);display:flex;justify-content:space-between;font:800 11px/1 Arial;letter-spacing:2px}
@media (max-width:950px){nav a:not(.nav-play){display:none}.hero{grid-template-columns:1fr;padding-top:45px;min-height:auto}.hero-art{min-height:560px;margin-top:10px}.hero-neegy{height:560px;right:22%}.sunburst{width:480px;height:480px;right:9%}.mini-yacht{right:2%;width:170px;height:190px}.mini-bike{left:0;width:130px;height:180px}.hero-floor{display:none}.game-wrap iframe{min-height:440px}.evidence-board{min-height:1120px}.p-yacht{width:56%;height:330px}.p-night{width:34%;right:4%;top:31%;height:360px}.p-close{width:38%;left:7%;top:54%;height:310px}.p-dirt{width:30%;right:5%;bottom:4%;height:300px}.p-street{width:30%;left:55%;bottom:4%;height:310px}.n1{left:52%;top:9%}.n2{right:6%;bottom:35%}.evidence-stamp{right:42%;bottom:4%;font-size:34px}.lore{grid-template-columns:1fr}.lore-face{position:absolute;right:-70px;bottom:-65px;opacity:.22;width:420px}.lore-paper{padding:40px 34px}}
@media (max-width:620px){.topbar{height:60px}.brand{font-size:20px}.nav-play{padding:10px 13px}.hero{padding:42px 18px 95px}.hero h1{font-size:clamp(76px,25vw,120px);letter-spacing:-2px}.hero h1 .peach{margin-left:12vw}.hero-art{min-height:470px}.hero-neegy{height:455px;right:8%}.sunburst{width:350px;height:350px;right:0;top:10%}.stamp-run{font-size:22px;right:0}.mini-yacht{width:125px;height:150px;right:0}.mini-bike{width:105px;height:150px}.section-head{gap:12px}.section-head h2{font-size:56px}.hand-arrow{font-size:42px}.game-section{padding-left:12px;padding-right:12px}.game-wrap{padding:6px;box-shadow:8px 8px 0 var(--blue),-5px -5px 0 var(--yellow)}.game-wrap iframe{height:74vh;min-height:460px}.evidence-board{min-height:1380px;border-width:8px}.p-yacht{width:88%;height:310px;left:5%;top:5%}.p-night{width:64%;height:370px;right:3%;top:29%}.p-close{width:66%;height:300px;left:5%;top:57%}.p-dirt{width:54%;height:300px;right:4%;bottom:24%}.p-street{width:54%;height:310px;left:39%;bottom:4%}.n1{left:9%;top:32%;font-size:15px}.n2{right:5%;bottom:31%;font-size:25px}.marker,.string,.evidence-stamp{display:none}.lore{padding:70px 16px}.lore-paper{padding:34px 22px}.lore-paper h2{font-size:62px}.lore-copy{font-size:17px}.he-runs{font-size:62px}.links{padding:55px 18px}.link-row{flex-direction:column}.link-row a{text-align:center}footer{gap:15px;flex-direction:column}}

/* Individual sightings crops — each frame is one scene only. */
#sightings .polaroid img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#sightings .crop-yacht{object-position:48% 48%;}
#sightings .crop-night{object-position:50% 54%;}
#sightings .crop-close{object-position:52% 44%;}
#sightings .crop-dirt{object-position:50% 48%;}
#sightings .crop-street{object-position:50% 50%;}