:root{--ink:#171019;--orange:#ff5a19;--acid:#c8ff18;--pink:#ff3ea7;--cyan:#39e7ee;--cream:#fff3cf;--purple:#5a1bb9;--mx:0;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:var(--ink);color:var(--cream);font-family:"Space Grotesk",sans-serif;overflow-x:hidden}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background:var(--acid);border:2px solid var(--ink)}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.12;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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='.45'/%3E%3C/svg%3E")}.cursor-orb{position:fixed;left:-130px;top:-130px;width:260px;height:260px;border-radius:50%;background:#c8ff1825;filter:blur(15px);pointer-events:none;z-index:4}header{position:fixed;z-index:30;top:22px;left:3vw;right:3vw;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border:3px solid var(--ink);border-radius:18px;background:#fff0d9e8;color:var(--ink);box-shadow:8px 8px 0 var(--ink);backdrop-filter:blur(12px)}.logo{font-family:"Bowlby One SC";font-size:26px;color:var(--ink);text-decoration:none;letter-spacing:-2px}.logo span,h2 span{color:var(--orange)}nav,.links{display:flex;gap:25px;align-items:center}header a{color:var(--ink);font-weight:800;text-decoration:none}header nav a:hover{color:var(--orange)}.links a{border:2px solid var(--ink);padding:9px 14px;border-radius:99px}.links a:last-child{background:var(--acid)}.panel{position:relative;width:100%;height:max(100vh,1080px);min-height:1080px;overflow:hidden;scroll-snap-align:start}.eyebrow{display:inline-block;font-size:14px;font-weight:900;letter-spacing:2px;background:var(--acid);color:var(--ink);padding:8px 12px;border:2px solid var(--ink);transform:rotate(-2deg);box-shadow:4px 4px 0 var(--ink)}h1,h2{font-family:"Bowlby One SC";font-weight:400;line-height:.86;letter-spacing:-4px;margin:24px 0;text-transform:uppercase}h1{font-size:clamp(85px,9.2vw,176px)}h1 i{font-style:normal;color:var(--acid);-webkit-text-stroke:3px var(--ink);text-shadow:8px 8px 0 var(--pink)}h2{font-size:clamp(68px,7.2vw,138px)}.hero{background-image:linear-gradient(90deg,#ff6015e8 0%,#ff7f1a80 45%,#ff45922e),url(assets/tripcat-world.jpg);background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 46%,transparent 0 18%,#29103c44 55%,#160d188c);z-index:0}.hero-copy{position:absolute;z-index:3;left:7vw;top:22%;width:56%}.lede{font-size:clamp(18px,1.6vw,30px);max-width:600px;font-weight:700}.actions{display:flex;gap:20px;align-items:center;margin-top:35px}.ca-button,footer button{font:800 18px inherit;background:var(--pink);color:white;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:13px;padding:18px 26px;cursor:pointer}.ca-button:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--ink)}.round-link{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--acid);border:3px solid var(--ink);font-size:35px;color:var(--ink);text-decoration:none}.cat{position:absolute;z-index:2;filter:drop-shadow(16px 24px 0 #28133180);user-select:none}.hero-cat{height:80%;right:3%;bottom:-4%;animation:cat-breathe 4s ease-in-out infinite;transform-origin:bottom center}.sticker{position:absolute;z-index:3;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:var(--cyan);border:4px solid var(--ink);color:var(--ink);font-family:"Bowlby One SC";text-align:center;transform:rotate(12deg);right:5%;top:16%;box-shadow:8px 8px 0 var(--ink)}.ticker{position:absolute;z-index:5;bottom:0;left:0;width:100%;display:flex;overflow:hidden;background:var(--acid);color:var(--ink);border-block:4px solid var(--ink);font-family:"Bowlby One SC";font-size:26px;white-space:nowrap;padding:12px}.ticker span{animation:ticker 18s linear infinite}.stars i{position:absolute;z-index:1;left:var(--x);top:var(--y);width:var(--z);height:var(--z);background:white;border-radius:50%;animation:twinkle var(--d) infinite}
.lore{background:radial-gradient(circle at 22% 50%,#ceff20 0 7%,#4f1480 8% 25%,transparent 26%),linear-gradient(135deg,#25124d,#7e219e 54%,#fc3b91);border-top:4px solid var(--ink)}.lore:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 22% 50%,transparent 0 18px,#ffec9919 20px 25px);animation:spin 25s linear infinite}.portal{position:absolute;left:-12vw;top:13%;width:60vw;height:75%;border-radius:50%;border:7vw solid #92f50033;box-shadow:0 0 80px var(--acid),inset 0 0 80px var(--acid);animation:pulse 4s infinite}.lore-copy{position:absolute;z-index:3;right:6vw;top:18%;width:47%;max-width:820px}.lore-copy h2{font-size:clamp(60px,6.2vw,120px)}.lore-copy h2 em{font-style:normal;color:var(--acid)}.lore-copy>p:not(.eyebrow){font-size:clamp(17px,1.2vw,24px);max-width:720px}.lore blockquote{font-size:26px;font-weight:900;border-left:8px solid var(--acid);padding-left:22px;margin-left:0}.float-cat{left:0;bottom:5%;width:53%;animation:float 6s ease-in-out infinite}.vibes{background:linear-gradient(120deg,#ffca1e 0 48%,#ff4e86 48% 100%);color:var(--ink)}.vibes:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 38px,#0000000c 40px 44px)}.vibes-head{position:absolute;left:6vw;top:18%;z-index:2}.vibes-head h2 span{color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:9px 9px 0 var(--purple)}.point-cat{height:79%;left:40%;bottom:-3%;animation:dance 2.4s ease-in-out infinite}.mood-card{position:absolute;left:8%;bottom:12%;width:32%;max-width:520px;padding:30px;background:var(--cream);border:4px solid var(--ink);box-shadow:12px 12px 0 var(--purple);transform:rotate(-3deg);z-index:3}.mood-card span{font-family:"Bowlby One SC";font-size:56px;color:var(--pink)}.mood-card h3{font:42px "Bowlby One SC";margin:0}.mood-card p{font-size:20px}.mood-dial{position:absolute;right:7%;top:30%;width:230px;height:230px;border-radius:50%;background:var(--acid);border:5px solid var(--ink);box-shadow:12px 12px 0 var(--purple);display:grid;place-items:center;z-index:3}.mood-dial div{position:absolute;width:80px;height:8px;background:var(--ink);right:50%;top:48%;transform-origin:right;transform:rotate(calc(40deg + var(--mx)*45deg))}.mood-dial small,.mood-dial b{position:absolute}.mood-dial small{top:52px;font-weight:900}.mood-dial b{bottom:45px;font:34px "Bowlby One SC"}.vertical-copy{position:absolute;right:1.5%;bottom:7%;writing-mode:vertical-rl;font-weight:900;letter-spacing:5px}.chart-section{background:#130d1d;background-image:linear-gradient(#ffffff08 2px,transparent 2px),linear-gradient(90deg,#ffffff08 2px,transparent 2px);background-size:60px 60px}.section-title{position:absolute;left:6vw;top:18%;width:28%}.section-title h2{font-size:clamp(70px,7vw,130px)}.section-title p:last-child{font-size:22px}.chart-shell{position:absolute;right:5vw;top:17%;width:61%;height:69%;border:4px solid var(--cream);background:#0b0710;border-radius:22px;box-shadow:18px 18px 0 var(--pink);overflow:hidden}.chart-top{height:66px;border-bottom:2px solid #ffffff22;display:flex;align-items:center;gap:12px;padding:0 22px;font-weight:900;letter-spacing:2px}.chart-top small{margin-left:auto;color:#ffffff77}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid);animation:pulse 1.5s infinite}#dex-chart{display:none;width:100%;height:calc(100% - 66px);border:0}#dex-chart.active{display:block}#chart-placeholder{height:calc(100% - 66px);display:grid;place-items:center;text-align:center;padding-top:22%}#chart-placeholder h3{font:36px "Bowlby One SC";color:var(--acid);margin:0}#chart-placeholder p{color:#ffffff99}.fake-chart{position:absolute;inset:100px 35px 150px;display:flex;align-items:flex-end;gap:6%;border-bottom:2px solid #ffffff22}.fake-chart i{width:6%;height:var(--h,30%);background:var(--pink);box-shadow:0 0 14px var(--pink);animation:bars 2s infinite alternate}.fake-chart i:nth-child(2){--h:62%;animation-delay:.2s}.fake-chart i:nth-child(3){--h:42%;animation-delay:.4s}.fake-chart i:nth-child(4){--h:80%;animation-delay:.1s}.fake-chart i:nth-child(5){--h:68%;animation-delay:.5s}.fake-chart i:nth-child(6){--h:90%;animation-delay:.3s}.fake-chart i:nth-child(7){--h:72%;animation-delay:.6s}.fake-chart i:nth-child(8){--h:96%}.mini-cat{position:absolute;left:2%;bottom:-8%;height:38%;transform:rotate(8deg)}.roadmap{background:var(--cream);color:var(--ink);padding:15vh 6vw 0}.road-head{width:40%;float:left}.road-head p:last-child{font-size:22px}.road-list{position:relative;z-index:2;list-style:none;margin:0 0 0 45%;padding:30px 0}.road-list li{display:grid;grid-template-columns:75px 1fr 60px;align-items:center;gap:20px;border-top:4px solid var(--ink);padding:25px 0}.road-list li:last-child{border-bottom:4px solid var(--ink)}.road-list b{font:38px "Bowlby One SC";color:var(--orange)}.road-list h3{font:30px "Bowlby One SC";margin:0}.road-list p{margin:6px 0;font-size:17px}.road-list li>span{font-size:42px}footer{position:absolute;bottom:0;left:0;right:0;background:var(--orange);border-top:4px solid var(--ink);padding:28px 6vw;display:flex;justify-content:space-between;align-items:center}.logo.big{font-size:48px}footer>div:last-child{display:flex;gap:12px;align-items:center}footer a{color:var(--ink);font-weight:900}footer button{font-size:14px;padding:12px;background:var(--acid);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.toast{position:fixed;z-index:80;left:50%;bottom:35px;transform:translate(-50%,150%);background:var(--acid);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--pink);padding:15px 24px;font-weight:900;transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes cat-breathe{50%{transform:translateY(-15px) rotate(1deg)}}@keyframes float{50%{transform:translate(30px,-25px) rotate(3deg)}}@keyframes dance{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(3deg) translateY(-18px)}}@keyframes ticker{to{transform:translateX(-100%)}}@keyframes twinkle{50%{opacity:.2;transform:scale(.3)}}@keyframes pulse{50%{transform:scale(1.05);opacity:.7}}@keyframes spin{to{transform:rotate(360deg) scale(1.4)}}@keyframes bars{to{height:calc(var(--h,30%) + 10%)}}
@media(max-width:900px){header{left:12px;right:12px;top:12px;padding:0 16px}nav{display:none}.links{gap:6px}.links a{font-size:11px;padding:8px}.panel{height:auto;min-height:100svh;padding:120px 24px 80px;scroll-snap-align:none}h1{font-size:19vw}.hero-copy,.lore-copy,.vibes-head,.section-title{position:relative;inset:auto;width:100%}.hero{min-height:900px}.hero-copy{z-index:5}.hero-cat{height:auto;width:80%;right:-8%;bottom:34px;opacity:.72}.sticker{width:95px;height:95px;font-size:10px;right:12px;top:120px}.lore{min-height:980px}.lore-copy{z-index:5}.lore-copy h2{font-size:15vw}.float-cat{width:100%;left:-10%;opacity:.55}.point-cat{height:auto;width:100%;left:15%;opacity:.45}.mood-card{position:relative;left:auto;bottom:auto;width:90%;margin-top:260px}.mood-dial{width:150px;height:150px;right:20px;top:45%}.vertical-copy{display:none}.chart-section{min-height:950px}.section-title h2{font-size:20vw}.chart-shell{position:relative;inset:auto;width:100%;height:580px;margin-top:40px;box-shadow:10px 10px 0 var(--pink)}.mini-cat{display:none}.roadmap{padding-top:130px;min-height:1100px}.road-head{float:none;width:100%}.road-head h2{font-size:18vw}.road-list{margin:30px 0 180px}.road-list li{grid-template-columns:55px 1fr 35px}.road-list h3{font-size:21px}footer{padding:24px;display:block}.logo.big{font-size:34px}footer>div:last-child{flex-wrap:wrap}.cursor-orb{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}