@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--blue:#3159ec;--deep:#172d9b;--yellow:#ffd52f;--orange:#ff7e25;--cream:#fff8e8;--ink:#111;--line:3px solid var(--ink);--mono:'DM Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--ink);font-family:var(--display);overflow-x:hidden}.paper-grain{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.1;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.topbar{height:76px;background:var(--cream);display:flex;align-items:center;padding:0 5.2%;gap:35px;border-bottom:var(--line);position:sticky;top:0;z-index:10}.brand{text-decoration:none;color:var(--ink);font-weight:700;font-size:21px;letter-spacing:-1px;white-space:nowrap}.brand small{font:9px var(--mono);display:block;letter-spacing:1.5px;margin-left:26px}.mini-crown{color:var(--blue)}nav{display:flex;gap:28px;margin:auto;font:10px var(--mono);letter-spacing:1px}nav a,.x-link{color:var(--ink);text-decoration:none}nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:15px}.sound-pill,.x-link,.buy-link{font:10px var(--mono);letter-spacing:.5px}.sound-pill{border:0;background:none;cursor:pointer}.x-link{text-decoration:none;font-weight:bold}.buy-link{background:var(--yellow);color:var(--ink);padding:12px 15px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-decoration:none;font-weight:500}.menu-toggle{display:none}.hero{min-height:690px;height:calc(100vh - 76px);max-height:880px;position:relative;padding:8vh 8.2% 55px;background:var(--blue);overflow:hidden}.hero:before,.hero:after{content:'';position:absolute;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:20px 20px;opacity:.13;inset:0;mask-image:linear-gradient(90deg,#000,transparent 45%)}.hero:after{mask-image:linear-gradient(270deg,#000,transparent 65%)}.hero-copy{position:relative;z-index:2;width:48%;max-width:610px;color:#fff}.eyebrow,.section-kicker{font:10px var(--mono);letter-spacing:1.3px}.eyebrow{color:var(--yellow);display:flex;align-items:center;gap:9px}.sparkle{font-size:18px}h1{font-size:clamp(64px,8.5vw,124px);line-height:.79;letter-spacing:-.09em;margin:35px 0 26px;font-weight:700}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.hero-sub{font-size:17px;line-height:1.6;max-width:410px;color:#e3e9ff}.hero-buttons{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:space-between;gap:20px;align-items:center;text-decoration:none;padding:14px 16px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:10px var(--mono);letter-spacing:.5px;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover,.buy-link:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.yellow{background:var(--yellow);color:var(--ink)}.outline{background:transparent;color:#fff;border-color:#fff;box-shadow:4px 4px 0 rgba(0,0,0,.5)}.ticker{position:absolute;top:610px;left:0;width:95vw;background:var(--yellow);color:var(--ink);padding:8px 14px;display:flex;justify-content:space-around;transform:rotate(-2deg);font:10px var(--mono);letter-spacing:1px}.hero-art{position:absolute;z-index:1;right:7%;top:5%;width:47%;height:87%;max-width:640px}.duck-frame{position:absolute;width:64%;height:74%;top:10%;left:19%;background:var(--cream);padding:12px 12px 42px;box-shadow:10px 13px 0 rgba(8,19,90,.35);transform:rotate(4deg);border:3px solid var(--ink);transition:transform .5s}.duck-frame:hover{transform:rotate(0) scale(1.025)}.duck-frame img{width:100%;height:100%;object-fit:cover;object-position:center 38%;border:2px solid var(--ink)}.frame-tape{position:absolute;top:-15px;left:26%;background:var(--orange);padding:7px 16px;font:9px var(--mono);transform:rotate(-3deg);border:2px solid var(--ink);z-index:2}.frame-caption{position:absolute;bottom:10px;left:15px;font:8px var(--mono);line-height:1.35;letter-spacing:1px}.orbit{position:absolute;border:1px dashed rgba(255,255,255,.65);border-radius:50%;transform:rotate(-16deg)}.orbit-one{inset:2% 4%}.orbit-two{inset:9% -1%;transform:rotate(22deg)}.sticker{position:absolute;z-index:3;background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:bold;display:flex;align-items:center;justify-content:center}.sticker-phone{width:72px;height:110px;right:6%;top:13%;border-radius:10px;transform:rotate(12deg);font-size:32px;display:block;text-align:center;padding-top:7px}.sticker-phone small{display:block;font:7px var(--mono);line-height:1.3}.sticker-cross{width:55px;height:55px;border-radius:50%;left:6%;top:27%;font-size:31px;background:var(--orange);transform:rotate(-11deg)}.sticker-headphones{left:4%;bottom:15%;width:82px;height:48px;border-radius:50%;font-size:27px;background:#f8f4e9;transform:rotate(-12deg)}.duck-stamp{position:absolute;z-index:3;right:0;bottom:19%;border:0;background:var(--orange);color:var(--ink);font:10px var(--mono);font-weight:bold;padding:20px;border-radius:50%;transform:rotate(13deg);cursor:pointer;box-shadow:3px 4px 0 var(--ink)}.scribble{position:absolute;right:5%;top:47%;z-index:3;color:#fff;font:15px Georgia;line-height:1.2;transform:rotate(8deg)}.spark{position:absolute;color:var(--yellow);z-index:3}.s1{top:4%;left:43%;font-size:32px}.s2{right:2%;bottom:37%;font-size:25px}.s3{left:11%;bottom:9%;font-size:26px}.hero-counter{position:absolute;bottom:3%;right:7%;z-index:3;color:white;display:flex;gap:10px;align-items:center}.hero-counter b{font-size:36px;letter-spacing:-3px}.hero-counter span{font:8px var(--mono);line-height:1.4}.hero-bottom{position:absolute;bottom:14px;left:8.2%;right:8.2%;display:flex;justify-content:space-between;color:#d9e1ff;font:8px var(--mono);letter-spacing:1px}.section{padding:100px 10%}.lore{background:var(--cream);position:relative}.section-kicker{color:var(--blue)}.lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;margin-top:42px}.lore h2,.field h2,.map-section h2,.finale h2{font-size:clamp(53px,7vw,91px);line-height:.82;letter-spacing:-.09em;margin:0 0 24px}.lore h2 em,.field h2 em,.map-section h2 em{color:var(--blue)}.lead{font-size:20px;font-weight:600;max-width:460px}.lore-grid p:not(.lead){font-size:15px;line-height:1.7;max-width:490px}.story-next{border:0;border-bottom:2px solid var(--ink);background:none;padding:12px 0;font:10px var(--mono);cursor:pointer;margin-top:12px}.story-next span{margin-left:25px}.polaroid-wrap{height:460px;position:relative;display:grid;place-items:center}.polaroid{background:#fff;padding:12px 12px 50px;width:72%;transform:rotate(-7deg);box-shadow:0 12px 25px #1414142c;border:1px solid #ddd}.polaroid img{width:100%;height:320px;object-fit:cover;object-position:center 38%;border:1px solid #222}.polaroid div{font:9px var(--mono);margin:14px 4px}.hand-note{position:absolute;right:-4%;top:17%;font:italic 16px Georgia;line-height:1.4;transform:rotate(7deg)}.hand-note span{font-size:32px}.moon-doodle{position:absolute;left:0;bottom:3%;font-size:74px;color:var(--orange);transform:rotate(-20deg)}.chapter-card{display:none;position:relative;margin:48px auto 0;max-width:760px;background:var(--yellow);padding:25px 60px 25px 28px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);animation:pop .3s ease}.chapter-card.show{display:block}.chapter-label{font:9px var(--mono);letter-spacing:1px}.chapter-card p{font-size:19px;line-height:1.45;margin-bottom:0}.chapter-card button{position:absolute;right:13px;top:9px;border:0;background:none;font-size:24px;cursor:pointer}.field{background:var(--yellow);position:relative;overflow:hidden}.field:after{content:'✳';position:absolute;right:-20px;top:30px;font-size:150px;color:#ffbd15;transform:rotate(20deg)}.field-heading{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:1;margin:40px 0}.field-heading p{font:11px var(--mono);max-width:200px;line-height:1.6}.inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:1}.item-card{background:var(--cream);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:left;padding:18px;min-height:220px;cursor:pointer;transition:.25s;display:flex;flex-direction:column}.item-card:hover,.item-card.selected{transform:translateY(-8px) rotate(-1deg);background:#fff}.item-card b{font-size:11px;margin:12px 0 5px}.item-card small{font:9px var(--mono);line-height:1.5}.item-doodle{height:115px;display:grid;place-items:center;font-size:70px}.phone-doodle{position:relative}.phone-doodle i{position:absolute;font-size:22px;right:28%;top:20%;color:var(--orange)}.cross-doodle{color:var(--orange);font-size:90px;text-shadow:3px 3px 0 var(--ink)}.headphone-doodle{color:var(--blue);font-size:47px}.hat-doodle{color:var(--blue);font-size:88px;transform:rotate(-16deg)}.item-reveal{display:none;position:relative;z-index:1;background:#fff8e8;padding:18px 22px;margin:24px auto 0;max-width:650px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.item-reveal.show{display:block;animation:pop .25s}.item-reveal span{font:9px var(--mono);color:var(--blue)}.item-reveal p{font-size:16px;margin:8px 0}.item-reveal button{position:absolute;right:10px;top:8px;border:0;background:none;font:9px var(--mono);cursor:pointer}.soundboard{margin-top:70px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 2fr auto;gap:20px;align-items:center;padding:20px 24px;position:relative;z-index:1}.soundboard>div{font:9px var(--mono)}.live-dot{display:inline-block;width:8px;height:8px;background:#ff553b;border-radius:50%;margin-right:8px;animation:pulse 1.5s infinite}.soundboard p{font:italic 17px Georgia;margin:0}.soundboard button{border:1px solid var(--yellow);color:var(--yellow);background:none;padding:10px;font:9px var(--mono);cursor:pointer}.map-section{background:#e9e6db;position:relative;overflow:hidden}.map-head{display:flex;justify-content:space-between;align-items:end;margin:38px 0 15px}.map-head p{font:11px var(--mono);line-height:1.7}.map-canvas{height:380px;position:relative;background-color:#f3f0e7;background-image:linear-gradient(30deg,transparent 48%,#d7d2c6 49%,#d7d2c6 50%,transparent 51%),linear-gradient(120deg,transparent 48%,#dedace 49%,#dedace 50%,transparent 51%);background-size:85px 85px;border:2px solid var(--ink);overflow:hidden}.map-canvas:before{content:'MIDNIGHT DISTRICT  /  2:17 AM';position:absolute;right:14px;top:13px;font:9px var(--mono);color:#837d71}.route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-shadow{fill:none;stroke:#111;stroke-width:13;stroke-linecap:round;stroke-dasharray:2 13;opacity:.8}.route-line{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;stroke-dasharray:10 8;animation:dash 20s linear infinite}.map-stop{position:absolute;background:var(--cream);border:2px solid var(--ink);width:126px;height:76px;box-shadow:3px 3px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.map-stop i{font:8px var(--mono);font-style:normal;color:var(--blue)}.map-stop span{font:8px var(--mono);margin-top:4px}.map-stop b{position:absolute;right:-12px;top:-12px;background:var(--yellow);width:25px;height:25px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center}.map-stop:hover,.map-stop.active{transform:scale(1.08) rotate(-2deg);background:var(--yellow)}.stop-1{left:4%;top:64%}.stop-2{left:23%;top:12%}.stop-3{left:47%;top:52%}.stop-4{left:69%;top:17%}.stop-5{right:2%;top:47%}.map-van{position:absolute;left:51%;top:40%;font-size:34px;animation:ride 3s ease-in-out infinite alternate;filter:drop-shadow(2px 3px 0 #111)}.map-van small{position:absolute;white-space:nowrap;top:36px;left:-12px;font:7px var(--mono);background:white;padding:2px}.map-detail{display:grid;grid-template-columns:130px 1fr auto;gap:15px;align-items:center;margin-top:18px}.map-detail>span{font:9px var(--mono);color:var(--blue)}.map-detail p{font:14px/1.5 var(--display);max-width:650px}.map-detail button{font:9px var(--mono);background:var(--blue);color:white;border:2px solid var(--ink);padding:13px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.finale{text-align:center;background:var(--blue);color:#fff;padding:100px 20px;position:relative;overflow:hidden}.finale .section-kicker{color:var(--yellow)}.finale h2{margin:25px 0}.finale h2 em{color:var(--yellow)}.finale p{font:13px var(--mono);color:#dce4ff}.final-buttons{display:flex;justify-content:center;gap:15px;margin-top:26px}.white{background:#fff;color:var(--ink)}.final-doodle{position:absolute;bottom:10px;left:0;right:0;font-size:28px;letter-spacing:30px;color:#7790ff;white-space:nowrap}.finale-star{position:absolute;right:16%;top:16%;font-size:38px;color:var(--yellow);animation:spin 18s linear infinite}footer{background:var(--cream);min-height:88px;padding:20px 8%;display:flex;align-items:center;justify-content:space-between;border-top:var(--line)}footer span,footer>a:last-child{font:8px var(--mono);letter-spacing:.7px;color:#555}footer>a:last-child{text-decoration:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);opacity:0;background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:13px 20px;font:10px var(--mono);z-index:20;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 0 5px #ff553b35}}@keyframes dash{to{stroke-dashoffset:-360}}@keyframes ride{to{transform:translate(20px,-10px) rotate(8deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.topbar{padding:0 4%;gap:15px}nav{gap:12px}.hero{padding-left:6%;padding-right:6%}.hero-art{right:1%;width:52%}.hero-copy{width:49%}.ticker{top:auto;bottom:6%;width:105%}.section{padding:80px 7%}.inventory{grid-template-columns:repeat(2,1fr)}.item-card{min-height:190px}.map-stop{width:110px}.soundboard{grid-template-columns:1fr 2fr}.soundboard button{grid-column:2}.map-detail{grid-template-columns:110px 1fr}.map-detail button{grid-column:2;justify-self:start}.hero-bottom{left:6%;right:6%}}
@media(max-width:620px){.topbar{height:64px;position:sticky}.topbar nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--cream);padding:20px;flex-direction:column;border-bottom:2px solid}.topbar nav.open{display:flex}.nav-actions{margin-left:auto;gap:10px}.sound-pill span{display:none}.buy-link{padding:9px;font-size:8px}.x-link{font-size:9px}.menu-toggle{display:block;border:0;background:none;font-size:20px}.hero{height:auto;min-height:980px;padding:55px 7% 55px}.hero-copy{width:100%}h1{font-size:76px;margin:29px 0 20px}.hero-sub{font-size:15px;max-width:350px}.hero-art{top:420px;right:6%;width:89%;height:475px}.duck-frame{width:63%;height:78%;left:20%;top:7%}.hero-bottom{bottom:16px;font-size:7px}.hero-bottom span:last-child{max-width:42%;text-align:right}.ticker{bottom:auto;top:385px}.section{padding:68px 7%}.lore-grid{grid-template-columns:1fr;gap:12px}.lore h2,.field h2,.map-section h2,.finale h2{font-size:64px}.polaroid-wrap{height:380px}.polaroid{width:65%}.polaroid img{height:260px}.hand-note{right:0}.field-heading{display:block;margin:32px 0}.field-heading p{margin-top:20px}.inventory{gap:11px}.item-card{padding:13px;min-height:190px}.item-doodle{height:93px;font-size:58px}.cross-doodle{font-size:75px}.headphone-doodle{font-size:38px}.soundboard{grid-template-columns:1fr;padding:18px}.soundboard button{grid-column:auto;justify-self:start}.soundboard p{font-size:16px}.map-head{display:block}.map-head p{margin-top:25px}.map-canvas{height:510px;background-size:55px 55px}.route-svg{transform:rotate(90deg) scale(1.3);width:510px;height:100%;left:calc(50% - 255px)}.stop-1{left:4%;top:77%}.stop-2{left:7%;top:31%}.stop-3{left:40%;top:56%}.stop-4{right:4%;left:auto;top:19%}.stop-5{right:3%;top:75%}.map-van{left:43%;top:42%}.map-stop{width:105px;height:68px}.map-stop span{font-size:7px}.map-detail{grid-template-columns:1fr;gap:3px}.map-detail p{margin:6px 0}.map-detail button{grid-column:auto}.finale{padding:85px 15px}.final-buttons{flex-direction:column;align-items:center}.final-buttons .button{width:min(280px,90%)}footer{gap:14px;flex-wrap:wrap}footer span{order:3;width:100%;text-align:center}.scribble{font-size:11px}.sticker-phone{right:0}.duck-stamp{right:-2%;bottom:11%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}