@font-face{font-family:ImpactLocal;src:local('Impact')}*{box-sizing:border-box}html{background:#080808;color:#f3f1ed}body{margin:0;font-family:Arial,Helvetica,sans-serif;min-height:100svh}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:focus-visible,a:focus-visible,input:focus-visible{outline:3px dashed #fff;outline-offset:6px}button{border:0;background:none}button:disabled{opacity:.4;cursor:default}::selection{background:#fff;color:#000}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;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%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.world{position:fixed;inset:0;background:url('assets/doodles.png') center/cover;opacity:.13;pointer-events:none;mask-image:linear-gradient(#000,transparent 45%,#000)}header{height:100px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #363636;position:relative;z-index:2}.brand{display:flex;align-items:center;font-size:25px;font-weight:900;letter-spacing:-1px}.brand img{width:46px;height:46px;object-fit:cover;margin-right:10px}.brand>span{font-size:12px;align-self:flex-start;margin-top:10px}.header-note{font:12px monospace;letter-spacing:1px;color:#aaa}.header-note span{display:block;margin-top:6px;color:#eee}.social{display:flex;gap:12px;align-items:center}.social a{border:1px solid #555;padding:13px 19px;font-size:13px;font-weight:800}.social .buy{background:#eee;color:#080808;transform:rotate(-2deg);border:1px solid white}.social a:hover{transform:rotate(2deg);background:#fff;color:#000}main{position:relative;max-width:1600px;margin:auto;min-height:calc(100svh - 192px)}.scene{padding:44px 5% 28px;animation:enter .55s cubic-bezier(.2,.7,.2,1)}.scene[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(22px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}#den{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 192px);align-items:center;padding-top:35px}.eyebrow{font:12px/1.6 monospace;letter-spacing:1.7px;margin:0 0 22px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:white;margin-right:7px;box-shadow:0 0 0 4px #ffffff15}h1,h2,h3,p{margin-top:0}h1,h2{font-family:ImpactLocal,Impact,'Arial Narrow',sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.98}h1{font-size:clamp(76px,8.8vw,150px);margin-bottom:25px;position:relative;z-index:1}.outline{color:transparent;-webkit-text-stroke:1.5px #eee}h2{font-size:clamp(48px,5.3vw,85px);margin-bottom:25px}h3{font-size:clamp(30px,3vw,45px);line-height:1.06;letter-spacing:-1.5px}.intro{font-size:18px;line-height:1.6;color:#aaa}.primary{background:#efede9;color:#090909;padding:19px 23px;font-size:13px;font-weight:900;display:flex;gap:45px;align-items:center;box-shadow:5px 5px 0 #080808,6px 6px 0 #aaa;transition:.2s}.primary:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #aaa}.primary span{font-size:24px}.hand-note{font:italic 17px/1.5 Georgia,serif;transform:rotate(-4deg);margin:32px 0 10px 8px;color:#ccc}.hand-note span{color:#777}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:460px}.bear{width:90%;padding:0;z-index:1;background:#080808;mix-blend-mode:screen;transition:transform .3s}.bear:hover{transform:rotate(-3deg) scale(1.025)}.bear img{width:100%;display:block}.halo{position:absolute;width:100%;aspect-ratio:1;border:1px dashed #777;border-radius:50%;animation:spin 100s linear infinite}.halo:after{content:'';position:absolute;inset:18px;border:1px solid #303030;border-radius:50%}.orbit-label{position:absolute;top:1%;left:20%;font:11px monospace;letter-spacing:4px;z-index:2;transform:rotate(-8deg)}.sticker{position:absolute;right:-5%;top:25%;background:#eee;color:#080808;border:5px double #080808;padding:20px 15px;border-radius:50%;font:bold 16px/1.1 monospace;transform:rotate(15deg);z-index:3}.tap-note{position:absolute;bottom:11%;right:0;font:italic 17px Georgia;transform:rotate(-10deg);z-index:2}#bear-quote{position:absolute;bottom:-17px;text-align:center;font:12px monospace;color:#aaa;z-index:2}.hero-bottom{grid-column:1/-1;border-top:1px solid #333;display:flex;justify-content:space-between;gap:12px;padding-top:22px;margin-top:30px;font:11px monospace;color:#888}.hero-bottom button{font:inherit;color:#eee}footer{margin:0 4%;border-top:1px solid #444;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.footer-brand{font-weight:900;font-size:14px;white-space:nowrap}.footer-brand span{display:block;font:10px monospace;color:#777;margin-top:6px}nav{display:flex;gap:8px}.nav-item{font:11px monospace;padding:15px 17px;color:#777;border:1px solid transparent;white-space:nowrap}.nav-item span{margin-left:8px;font-size:12px;font-weight:bold}.nav-item.active{border-color:#eee;color:#eee;transform:rotate(-2deg)}.nav-item:hover{color:white;border-color:#555}#motion-toggle{border:1px solid #555;width:32px;height:32px;flex-shrink:0}.section-top{display:flex;gap:45px;align-items:flex-start}.section-top>.eyebrow{padding-top:9px;width:210px}.section-top h2{margin-bottom:30px}.story-layout,.road-layout,.pocket-layout,.radio-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center;padding:0 7% 30px}.receipt{background:#eae8e3;color:#111;padding:28px 28px 22px;max-width:310px;margin:auto;transform:rotate(-5deg);font:12px/1.8 monospace;box-shadow:13px 13px 0 #ffffff0b;clip-path:polygon(0 0,100% 0,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0 100%)}.receipt-top{text-align:center;border-bottom:1px dashed;padding-bottom:15px}.receipt-lines{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.stamp{border:4px double;font:bold 40px Impact,sans-serif;text-align:center;transform:rotate(-9deg);padding:5px;margin:20px 0}.receipt p{text-align:center;margin:20px 0 10px}.barcode{height:30px;background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px,#111 4px 5px,transparent 5px 9px)}.receipt button{font:bold 11px monospace;display:block;margin:15px auto 0;border-bottom:1px solid}.chapter-meta{display:flex;justify-content:space-between;gap:15px;font:10px monospace;color:#888;margin-bottom:20px}.chapter>p,.road-card>p,.object-detail>p,.radio-copy>p{font-size:17px;line-height:1.8;color:#aaa;max-width:530px}.chapter-controls{display:flex;align-items:center;gap:22px;margin-top:25px}.chapter-controls>button{border:1px solid #555;width:42px;height:42px}.chapter-controls>button:hover{background:#eee;color:black}#chapter-dots{display:flex;gap:10px}#chapter-dots button{width:9px;height:9px;border:1px solid #aaa;border-radius:50%;padding:0}#chapter-dots button.active{background:#eee}.chapter .small-note{font:11px monospace;color:#666;margin:18px 0 0}.record-wrap{position:relative;max-width:420px;width:100%;margin:auto;padding:0 0 32px}.record{aspect-ratio:1;border-radius:50%;border:2px solid #777;position:relative;background:repeating-radial-gradient(circle,#121212 0 3px,#333 4px,#111 5px 8px);box-shadow:0 15px 50px #000}.record:before{content:'';position:absolute;inset:6%;border:1px dashed #777;border-radius:50%;pointer-events:none}.record-center{position:absolute;inset:32%;border-radius:50%;background:#eee;color:#111;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;font-size:22px;transform:rotate(-14deg)}.record-center small{font:7px monospace;margin-top:7px}.record-node{position:absolute;border:2px solid #eee;border-radius:50%;width:48px;height:48px;background:#111;font:bold 15px monospace;transition:.3s}.record-node:hover,.record-node.selected{background:#eee;color:#111;box-shadow:0 0 0 7px #ffffff20}.n0{left:44%;top:6%}.n1{right:6%;top:44%}.n2{left:44%;bottom:6%}.n3{left:6%;top:44%}.tonearm{height:180px;width:8px;background:#bbb;position:absolute;right:0;top:-10px;transform:rotate(-30deg);transform-origin:top;border:2px solid #000;box-shadow:0 0 0 1px #777;pointer-events:none;transition:transform .6s}.tonearm:after{content:'';width:17px;height:33px;position:absolute;bottom:-9px;left:-7px;background:#eee;border:3px solid #111}.record-caption{position:absolute;bottom:0;width:100%;text-align:center;font:10px monospace;letter-spacing:1px}.road-card{border-top:1px solid #555;padding-top:22px}.road-card h3{margin-top:16px}.task-line{display:flex;gap:15px;padding:11px 0;border-bottom:1px solid #303030;font:13px monospace}.task-line span{color:#777}.road-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.road-controls button,.radio-buttons button{border:1px solid #aaa;padding:14px;font:bold 11px monospace}.road-controls>span{font:9px/1.5 monospace;color:#666}.pocket-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.object{min-height:158px;border:1px solid #555;padding:18px 12px;background:#0a0a0ae0;transition:.25s;text-align:center;position:relative}.object:nth-child(odd){transform:rotate(-3deg)}.object:nth-child(even){transform:rotate(3deg)}.object:hover,.object.selected{border-color:#fff;transform:rotate(0) translateY(-5px);box-shadow:5px 5px 0 #333}.object>span:not(.object-symbol){display:block;font:bold 11px monospace}.object-symbol{display:block;font:52px/1.2 Georgia;margin-bottom:12px}.object small{display:block;font:10px monospace;color:#888;margin-top:8px}.object.found:after{content:'✓';position:absolute;right:12px;top:10px}.object-detail h3{margin-top:20px}.collection{display:flex;justify-content:space-between;font:11px monospace;padding:19px 0;border-top:1px solid #444;margin-top:25px}.object-detail>button{font:bold 11px/1.6 monospace;border:1px solid #666;padding:15px;width:100%}.object-detail>button:not(:disabled){background:#eee;color:black}.radio-console{padding:26px;background:#151515;border:2px solid #bbb;box-shadow:7px 7px 0 #333;transform:rotate(-3deg)}.radio-screen{border:2px solid #555;padding:20px;background:#080808;font:10px monospace}.radio-screen>span{display:block;letter-spacing:1px}.radio-screen strong{display:block;font:70px Impact,monospace;margin:5px 0}.radio-screen strong small{font:13px monospace;margin-left:8px}.wave{height:36px;background:repeating-linear-gradient(90deg,#eee 0 2px,transparent 2px 8px);mask-image:radial-gradient(ellipse at center,#000,transparent 70%);animation:pulse 2s ease-in-out infinite}.radio-screen>span:last-child{margin-top:13px;font-size:9px;line-height:1.5}.radio-console label{display:flex;justify-content:space-between;font:10px monospace;margin:24px 0 12px}.radio-console label span{color:#777}input[type=range]{width:100%;accent-color:#eee;cursor:pointer;margin:8px 0 23px}.radio-buttons{display:flex;gap:10px;justify-content:space-between}.signal-hint{font:italic 22px Georgia;transform:rotate(-5deg);margin-top:25px}.signature{font:italic 25px Georgia}dialog{color:#eee;background:#101010;border:1px solid #aaa;width:min(600px,90vw);padding:45px;max-height:90svh}dialog::backdrop{background:#000d;backdrop-filter:blur(9px)}dialog>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#bbb}.close{position:absolute;right:14px;top:8px;font-size:32px}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,20px);background:#eee;color:#111;padding:15px 25px;font:12px monospace;z-index:30;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4;transform:scaleY(.55)}}
@media(min-width:1600px){main{min-height:800px}#den{min-height:800px}}@media(max-width:1050px){.header-note{display:none}header{height:80px}.scene{padding-top:30px}#den{min-height:calc(100svh - 175px)}h1{font-size:10vw}.hero-art{min-height:350px}.sticker{right:-3%;font-size:12px;padding:14px}.nav-item{padding:12px 8px}.nav-item span{margin-left:3px;font-size:10px}.story-layout,.road-layout,.pocket-layout,.radio-layout{padding:0 0 30px;gap:5%}.section-top>.eyebrow{width:180px}.orbit-label{font-size:8px}.hero-bottom{font-size:9px}}@media(max-width:700px){header{height:76px;margin:0 5%}.brand{font-size:20px}.brand img{width:35px;height:35px;margin-right:5px}.social{gap:7px}.social a{font-size:10px;padding:10px}.scene{padding:30px 6% 25px}#den{grid-template-columns:1fr;padding-top:34px}h1{font-size:18vw;margin-bottom:20px}.hero-copy{z-index:1}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}.intro{font-size:16px}.primary{font-size:11px;padding:15px 18px;gap:35px}.hand-note{font-size:15px;margin:25px 0 0}.hero-art{width:88%;margin:30px auto 10px;min-height:0;aspect-ratio:1}.sticker{right:-9%;top:30%}.orbit-label{font-size:7px;letter-spacing:2px}.tap-note{font-size:14px;right:-10%}#bear-quote{font-size:9px;bottom:-15px}.hero-bottom{margin-top:35px;flex-wrap:wrap;line-height:1.5;gap:12px}.hero-bottom>span:nth-child(2){display:none}.section-top{display:block}.section-top>.eyebrow{width:auto;padding:0}.section-top h2{font-size:13vw;margin-bottom:30px}.story-layout,.road-layout,.pocket-layout,.radio-layout{grid-template-columns:1fr;gap:40px}.receipt{width:250px;padding:22px;font-size:10px}.chapter-meta{font-size:8px}.chapter>p,.road-card>p,.object-detail>p,.radio-copy>p{font-size:16px}.record-wrap{max-width:340px;margin-top:5px}.record-center{font-size:19px}.record-center small{font-size:6px}.record-node{width:40px;height:40px}.tonearm{height:140px}footer{margin:0 5%;flex-wrap:wrap;gap:12px;padding:20px 0 16px}.footer-brand{order:2;font-size:12px}.footer-brand span{display:inline;margin-left:8px}nav{width:100%;overflow-x:auto;justify-content:space-between;gap:2px;padding:5px 1px 8px}.nav-item{padding:10px 5px;font-size:8px}.nav-item span{display:block;font-size:8px;margin:6px 0 0}#motion-toggle{order:3;width:28px;height:28px}.object{min-height:155px}.radio-console{margin:5px 4px}.radio-copy h3{font-size:37px}dialog{padding:30px}dialog h2{font-size:15vw}#toast{bottom:30px;font-size:10px}.hero-bottom button{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.record-center{transition:transform .6s}h3{white-space:pre-line}@media(max-width:700px){.tonearm{right:45px}.road-layout>*{min-width:0}.record-wrap{width:calc(100% - 12px)}}