:root{--blue:#2875c8;--paper:#fffef9;--ink:#1763b3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--blue);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px dashed var(--blue);outline-offset:6px}header{height:112px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2875c84a;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:900;line-height:1.05;letter-spacing:-.6px}.brand-icon{font-size:38px;letter-spacing:-6px;padding-right:8px;transform:rotate(-10deg);border:3px solid;border-radius:40% 52% 39% 48%;width:50px;text-align:center}.header-note{font:12px monospace;letter-spacing:1.5px}.header-links{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:bold}.header-links button{background:none;border:0;font-size:12px}.header-links button span{margin-left:6px}.buy,.solid{background:var(--blue);color:white;border:2px solid var(--blue);padding:17px 22px;font-size:13px;font-weight:800;letter-spacing:.5px;border-radius:3px 9px 4px 7px;transition:transform .2s,box-shadow .2s}.solid:hover,.buy:hover{transform:translate(-2px,-3px) rotate(-1deg);box-shadow:4px 5px 0 #2875c844}.scene{min-height:calc(100svh - 210px);animation:arrive .55s cubic-bezier(.2,.7,.2,1)}.scene[hidden]{display:none!important}#home{display:grid;grid-template-columns:1fr 1fr;position:relative;padding:45px 6% 65px;overflow:hidden}.eyebrow{font:11px monospace;letter-spacing:1.2px;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #2875c815}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(70px,7.8vw,130px);line-height:.96;letter-spacing:-4px;margin:30px 0 20px;font-weight:900}h1>span{color:transparent;-webkit-text-stroke:2px var(--blue)}.intro{font-size:18px;line-height:1.5;margin:0 0 26px}.hero-actions{display:flex;gap:22px;align-items:center}.hero-actions .solid{display:flex;gap:24px;align-items:center}.text-button{border:0;border-bottom:1px solid;background:none;font-size:11px;font-weight:bold;padding:8px 0;letter-spacing:.4px}.hero-foot{display:flex;gap:13px;align-items:center;margin-top:35px}.hero-foot>span{font-size:38px}.hero-foot p{font:12px/1.5 monospace}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:20px}.character{border:0;background:transparent;padding:0;width:100%;max-width:570px;transform:rotate(3deg);animation:bob 7s ease-in-out infinite}.character img{display:block;width:100%;mix-blend-mode:multiply;border-radius:45%;}.character:hover{filter:drop-shadow(6px 10px 0 #2875c81b)}.orbit-text{position:absolute;top:12px;right:30px;z-index:1;font:11px monospace;letter-spacing:1.2px;transform:rotate(8deg)}.scribble-note{position:absolute;bottom:35px;left:15px;transform:rotate(-10deg);font:italic 18px/1.2 Georgia,serif}.tag{position:absolute;background:var(--paper);border:2px solid;padding:11px 15px;font-size:12px;font-weight:900;box-shadow:3px 4px 0 var(--blue)}.tag-one{right:-10px;top:115px;transform:rotate(12deg)}.tag-two{right:30px;bottom:50px;transform:rotate(-9deg)}.speech{position:absolute;left:14%;top:44%;background:var(--paper);border:3px solid;border-radius:20px 20px 20px 0;max-width:260px;padding:18px;font-weight:bold;transform:scale(0) rotate(-5deg);transition:transform .2s;pointer-events:none}.speech.show{transform:scale(1) rotate(-5deg)}.ticker{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;border-top:1px solid #2875c84a;border-bottom:1px solid #2875c84a;padding:10px 0;font:12px monospace;letter-spacing:2px;background:#2875c807}.ticker div{white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}footer{padding:23px 4%;display:flex;align-items:center;justify-content:space-between;font:10px/1.6 monospace;gap:20px}footer nav{display:flex;gap:6px}footer nav button{background:transparent;border:1px solid transparent;font:11px monospace;padding:12px 13px;border-radius:50% 40% 45% 44%}footer nav button span{margin-left:5px}footer nav button.active{border-color:var(--blue);background:#2875c807}footer nav button:hover{background:#2875c811}.footer-sub{opacity:.7}.footer-right{text-align:right}.section-top{padding:40px 6% 10px}.section-top h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-2px;font-size:clamp(42px,4.8vw,74px);line-height:1.02;margin:16px 0}.section-top p{font-size:15px;line-height:1.6}.story-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;padding:15px 8% 45px}.tape-stack{display:flex;flex-direction:column;gap:10px}.tape{padding:16px 22px;background:none;border:2px solid var(--blue);border-radius:8px 3px 10px 5px;text-align:left;font:13px monospace;transform:rotate(-1deg);transition:transform .2s}.tape:nth-child(even){transform:rotate(1deg)}.tape.active{background:var(--blue);color:white;transform:rotate(-3deg) translateX(8px)}.story-page{border-left:1px solid #2875c855;padding-left:40px}.story-page>span,.station-card>span{font:12px monospace}.story-page h3,.station-card h3{font-size:32px;letter-spacing:-1px;margin:20px 0}.story-page p,.station-card p{font-size:17px;line-height:1.7;max-width:650px}.story-page blockquote{font:italic 21px/1.5 Georgia,serif;margin:22px 0}.pocket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 6%}.item{min-height:220px;background:var(--paper);border:2px solid;border-radius:42% 10% 6% 5% / 5% 4% 8% 5%;display:flex;flex-direction:column;align-items:start;padding:22px;gap:10px;transform:rotate(-2deg);transition:transform .25s}.item:nth-child(even){transform:rotate(2deg)}.item:hover,.item.selected{transform:translateY(-9px) rotate(0);box-shadow:6px 6px 0 #2875c833}.item-symbol{font-size:70px;line-height:1.2;font-family:Georgia,serif;align-self:center}.item b{font-size:13px}.item small{font-size:13px}.item>span:last-child{font:12px monospace;align-self:end}.pocket-message{margin:16px 6% 30px;padding:20px 25px;border:1px dashed;font-size:17px;line-height:1.6;min-height:88px}.map-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:0 8% 35px}.frequency-map{position:relative;height:350px;isolation:isolate}.ring{position:absolute;border:1px dashed #2875c866;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring1{width:100px;height:100px}.ring2{width:230px;height:230px}.ring3{width:340px;height:340px}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);background:var(--blue);color:white;padding:20px;border-radius:47%;font-weight:900;text-align:center}.radar-sweep{position:absolute;left:calc(50% - 170px);top:5px;width:340px;height:340px;border-radius:50%;background:conic-gradient(transparent 75%,#2875c822);animation:spin 12s linear infinite;z-index:-1}.station{position:absolute;background:var(--paper);border:0;padding:7px;display:flex;gap:8px;align-items:center;transform:rotate(-5deg);font:10px monospace}.station b{font:22px monospace;border:2px solid;border-radius:50%;padding:10px;background:var(--paper)}.station.selected b{background:var(--blue);color:white}.station:hover{scale:1.07}.s1{top:20px;left:38%}.s2{top:125px;right:-20px}.s3{bottom:10px;left:32%}.s4{top:150px;left:-25px}.station-card{padding:25px;border:2px solid;border-radius:4px 25px 5px 8px;transform:rotate(1deg);background:var(--paper)}.small-label{display:block;margin-top:18px;font-size:10px!important}.waveform{height:34px;display:flex;gap:4px;align-items:center;overflow:hidden}.waveform i{display:block;flex:1;background:currentColor;min-width:2px;animation:wave 1.1s ease-in-out infinite alternate}.radio-console{max-width:740px;margin:20px auto 35px;padding:25px 30px;border:3px solid;border-radius:20px 7px 30px 6px;box-shadow:8px 8px 0 #2875c822}.radio-top{display:flex;justify-content:space-between;font:11px monospace;margin-bottom:20px}.radio-display{background:var(--blue);color:var(--paper);padding:24px;border-radius:5px 15px 5px 10px}.radio-display>span{font:11px monospace;letter-spacing:2px}.radio-display strong{font:70px Impact,Arial,sans-serif;letter-spacing:2px}.radio-display p{font:14px/1.5 monospace;min-height:42px}label[for=tuner]{display:flex;justify-content:space-between;font:11px monospace;margin:25px 0 10px}input[type=range]{width:100%;accent-color:var(--blue);cursor:ew-resize;height:30px}.radio-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:20px}.radio-controls>span{font:12px monospace}.radio-hint{font:11px monospace;margin-bottom:0}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.025;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='.7' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}#toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,25px);background:var(--blue);color:white;padding:14px 24px;border-radius:7px;z-index:15;opacity:0;pointer-events:none;transition:.3s;font:13px monospace;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}body.unstable .hero-art{animation:shake .3s linear 5}body.unstable h1{animation:shake .25s linear 6}body.has-doodles .scene:before{content:'';position:absolute;inset:112px 0 90px;background:url('assets/doodles.png') center/650px;opacity:.05;pointer-events:none;z-index:-1}body.has-doodles #home:before{inset:0;opacity:.075}main{position:relative;isolation:isolate}.scene:not(#home){position:relative}.scene:not(#home):before{inset:0!important} @keyframes arrive{from{opacity:0;transform:translateY(18px) rotate(.4deg)}to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes wave{to{height:8px}}@keyframes shake{25%{transform:translate(-5px,2px) rotate(-1deg)}75%{transform:translate(5px,-2px) rotate(1deg)}}
@media(min-width:1500px){#home{padding-top:65px}.hero-art{max-width:700px}.hero-copy{padding-left:3%}}@media(max-width:1000px){.header-note{display:none}.hero-actions{align-items:start;flex-direction:column;gap:12px}h1{font-size:85px}.hero-foot{margin-top:15px}.tag-one{right:-15px}.orbit-text{font-size:9px;top:40px}.footer-right{display:none}footer nav button{padding:10px 7px;font-size:10px}.pocket-grid{gap:12px}.item{padding:16px}.map-layout{gap:30px}}@media(max-width:700px){header{height:88px;margin:0 5%}.brand{font-size:11px;gap:8px}.brand-icon{font-size:29px;width:40px}.header-links{gap:12px;font-size:13px}.header-links .buy{font-size:10px;padding:12px 10px}.header-links #sound{font-size:0;padding:0}.header-links #sound span{font-size:17px}.scene{min-height:calc(100svh - 180px)}#home{grid-template-columns:1fr;padding:30px 7% 55px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:clamp(68px,16vw,105px);margin:24px 0 18px}.intro{font-size:16px}.hero-actions{flex-direction:row;align-items:center;gap:18px}.hero-actions .solid{font-size:10px;padding:14px;gap:10px}.text-button{font-size:9px}.hero-foot{display:none}.hero-art{margin-top:30px;min-height:340px;padding:15px 20px 30px}.character{max-width:360px}.orbit-text{top:0;right:10px;font-size:9px}.tag-one{top:65px;right:-8px;font-size:10px}.tag-two{right:0;bottom:28px;font-size:10px}.scribble-note{font-size:15px;left:0;bottom:20px}footer{flex-direction:column-reverse;gap:13px;padding:18px 2%}footer>span{font-size:9px;text-align:center}footer nav{width:100%;justify-content:space-around;gap:0}footer nav button{padding:10px 5px;font-size:10px}footer nav button span{display:block;font-size:8px;margin:3px 0 0}.section-top{padding:30px 7% 10px}.section-top h2{font-size:46px}.story-layout{grid-template-columns:1fr;gap:24px;padding:15px 7% 30px}.tape-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tape{font-size:10px;padding:13px}.tape.active{transform:rotate(-2deg)}.story-page{padding-left:20px}.story-page h3{font-size:27px}.story-page p{font-size:16px}.pocket-grid{grid-template-columns:1fr 1fr;padding:15px 7%;gap:20px 12px}.item{min-height:200px;padding:16px}.item b{font-size:11px}.item small{font-size:12px}.pocket-message{font-size:15px}.map-layout{grid-template-columns:1fr;padding:0 8% 30px;gap:20px}.frequency-map{height:330px}.ring3,.radar-sweep{width:300px;height:300px}.radar-sweep{left:calc(50% - 150px);top:15px}.station{font-size:9px;gap:4px}.s2{right:-10px}.s4{left:-15px}.station b{font-size:18px;padding:8px}.station-card h3{font-size:28px}.radio-console{margin:15px 6% 30px;padding:20px 15px}.radio-top{font-size:9px}.radio-display{padding:18px}.radio-display strong{font-size:60px}.radio-controls .solid{font-size:10px;padding:14px}.radio-controls>span{font-size:10px}.radio-hint{line-height:1.5}label[for=tuner]{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.item-symbol{font-size:0;width:140px;height:140px;background-image:url(assets/doodles.png);background-repeat:no-repeat;background-size:560px 560px}.item:nth-child(1) .item-symbol{background-position:-172px -155px}.item:nth-child(2) .item-symbol{background-position:-275px 0}.item:nth-child(3) .item-symbol{background-position:-145px -3px}.item:nth-child(4) .item-symbol{background-position:0 0}
.item{min-width:0}.item-symbol{max-width:100%}@media(max-width:700px){.item-symbol{width:115px;height:135px}.item b,.item small{overflow-wrap:anywhere}.hero-actions{flex-wrap:wrap}main{overflow-x:clip}}