:root{--mr-paper:#e8ddc4;--mr-ink:#15130f;--mr-red:#c94f35;--mr-yellow:#d8ad3c;--mr-cream:#f4e8cc}.moonrat-page{margin:0;background:var(--mr-paper);color:var(--mr-ink);font-family:var(--body);overflow-x:hidden}.moonrat-page *{box-sizing:border-box}.mr-paper-noise{position:fixed;z-index:50;inset:0;pointer-events:none;opacity:.12;background:url('/demos/moonrat/moonrat-paper-texture.png') center/520px repeat;mix-blend-mode:multiply}.mr-world{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#080806;isolation:isolate}.mr-world__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.mr-world__vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.26),transparent 30%,rgba(0,0,0,.26));pointer-events:none}.mr-back,.mr-logo,.mr-tabs{position:absolute;z-index:6;top:24px}.mr-back{left:25px;padding:9px 12px;background:var(--mr-cream);border:2px solid var(--mr-ink);transform:rotate(-2deg);font:9px var(--mono);letter-spacing:.09em;box-shadow:5px 5px 0 rgba(0,0,0,.35)}.mr-logo{left:50%;transform:translateX(-50%) rotate(.5deg);padding:8px 14px;background:var(--mr-yellow);border:2px solid var(--mr-ink);font:900 13px var(--display);letter-spacing:.1em}.mr-logo b{font:8px var(--mono)}.mr-tabs{right:22px;display:flex;gap:7px}.mr-tabs a{padding:8px 10px;background:var(--mr-cream);border:2px solid var(--mr-ink);font:8px var(--mono);letter-spacing:.08em}.mr-tabs a:nth-child(2){background:var(--mr-red);color:var(--mr-cream);transform:rotate(2deg)}.mr-headline{position:absolute;z-index:5;right:5vw;bottom:12vh;display:flex;flex-direction:column;align-items:flex-start;gap:5px;transform:rotate(-2deg)}.mr-headline span,.mr-headline strong{display:inline-block;padding:5px 10px;background:var(--mr-cream);border:2px solid var(--mr-ink);box-shadow:6px 6px 0 rgba(0,0,0,.35);font:900 clamp(31px,4.5vw,72px)/.9 var(--display);letter-spacing:-.055em}.mr-headline strong{background:var(--mr-red);color:var(--mr-cream);font-family:Georgia,serif;font-style:italic;font-weight:700;transform:rotate(2deg)}.mr-stamp{position:absolute;z-index:6;right:6vw;top:18vh;padding:11px 15px;border:5px solid var(--mr-red);color:var(--mr-red);font:900 19px/1 var(--display);transform:rotate(9deg);mix-blend-mode:screen}.mr-scroll{position:absolute;z-index:5;left:28px;bottom:23px;color:var(--mr-cream);font:9px var(--mono);letter-spacing:.12em}.mr-mission{min-height:95vh;position:relative;overflow:hidden;background:var(--mr-yellow);border-top:4px solid var(--mr-ink);border-bottom:4px solid var(--mr-ink);padding:100px 6vw}.mr-mission:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,19,15,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(21,19,15,.08) 1px,transparent 1px);background-size:70px 70px}.mr-mission__tape{position:absolute;z-index:4;left:6vw;top:40px;padding:8px 18px;background:var(--mr-cream);font:9px var(--mono);letter-spacing:.12em;transform:rotate(-2deg);box-shadow:0 0 0 1px rgba(21,19,15,.35)}.mr-mission__rat{position:absolute;z-index:3;left:3vw;bottom:-5%;width:min(39vw,560px);filter:drop-shadow(15px 20px 0 rgba(21,19,15,.13));transform:rotate(-3deg)}.mr-mission__rocket{position:absolute;z-index:2;right:4vw;bottom:-16%;width:min(30vw,410px);transform:rotate(8deg);filter:drop-shadow(18px 22px 0 rgba(21,19,15,.12))}.mr-mission__note{position:relative;z-index:5;width:min(480px,39vw);margin:8vh auto 0;padding:45px 42px;background:var(--mr-cream);border:3px solid var(--mr-ink);box-shadow:13px 16px 0 var(--mr-ink);transform:rotate(1deg)}.mr-mission__note>span,.mr-propaganda__copy>span,.mr-token__card>span,.mr-end__copy>span{font:9px var(--mono);letter-spacing:.12em}.mr-mission__note h1,.mr-propaganda__copy h2{font:900 clamp(58px,7vw,106px)/.8 var(--display);letter-spacing:-.09em;margin:14px 0 23px}.mr-mission__note p{font:15px var(--mono);line-height:1.65}.mr-scribble{position:absolute;right:-70px;bottom:-44px;font:italic 700 24px Georgia,serif;color:var(--mr-red);transform:rotate(-8deg)}.mr-launch{height:155vh;min-height:1000px;position:relative;overflow:hidden;background:#0b0a07;color:var(--mr-cream)}.mr-stars{position:absolute;inset:0;background-image:radial-gradient(#e8c55a 1px,transparent 1px),radial-gradient(#f4e8cc 1px,transparent 1px);background-size:83px 83px,137px 137px;background-position:0 0,31px 18px;opacity:.7}.mr-launch:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 14%,rgba(216,173,60,.12),transparent 31%)}.mr-launch__moon{position:absolute;z-index:3;width:min(32vw,430px);right:6vw;top:5vh;filter:drop-shadow(0 0 20px rgba(232,196,95,.22))}.mr-launch__label{position:sticky;z-index:5;top:15vh;margin-left:7vw;padding-top:15vh;width:min(340px,28vw)}.mr-launch__label small{font:9px var(--mono);letter-spacing:.14em}.mr-launch__label ol{list-style:none;padding:0;margin:25px 0}.mr-launch__label li{padding:15px 0;border-top:1px solid rgba(244,232,204,.28);font:900 clamp(28px,3.7vw,54px)/.9 var(--display);letter-spacing:-.055em}.mr-flight-path{position:absolute;z-index:2;left:58%;top:13%;bottom:9%;border-left:2px dashed rgba(244,232,204,.35);transform:rotate(5deg);transform-origin:top}.mr-launch__rocket{position:absolute;z-index:5;width:min(24vw,340px);left:calc(58% - 11vw);top:calc(78% - var(--launch-progress,0)*61%);transform:rotate(calc(-8deg + var(--launch-progress,0)*12deg));filter:drop-shadow(16px 20px 0 rgba(201,79,53,.16));transition:top .06s linear}.mr-altitude{position:absolute;z-index:5;right:5vw;bottom:6vh;font:9px var(--mono);letter-spacing:.12em}.mr-altitude b{font-size:20px;color:var(--mr-yellow)}.mr-propaganda{min-height:100vh;padding:110px 7vw;background:var(--mr-red);display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;border-top:4px solid var(--mr-ink)}.mr-propaganda__wall{min-height:720px;position:relative}.mr-propaganda__poster{position:absolute;left:3%;top:2%;width:min(55%,480px);box-shadow:18px 20px 0 var(--mr-ink);transform:rotate(-5deg)}.mr-propaganda__stickers{position:absolute;right:-3%;bottom:2%;width:min(58%,520px);transform:rotate(7deg);filter:drop-shadow(10px 12px 0 rgba(21,19,15,.16))}.mr-propaganda__scribble{position:absolute;right:2%;top:9%;font:900 clamp(34px,4vw,64px)/.9 var(--display);letter-spacing:-.07em;transform:rotate(5deg);color:var(--mr-cream);text-shadow:4px 4px 0 var(--mr-ink)}.mr-propaganda__copy h2{font-size:clamp(56px,7vw,104px);color:var(--mr-cream)}.mr-propaganda__copy p{max-width:390px;font:14px var(--mono);line-height:1.6;color:var(--mr-cream)}.mr-token{min-height:95vh;position:relative;overflow:hidden;background:var(--mr-paper);padding:100px 8vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;border-top:4px solid var(--mr-ink)}.mr-token:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,19,15,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(21,19,15,.07) 1px,transparent 1px);background-size:65px 65px}.mr-token__card{position:relative;z-index:3;padding:38px;background:var(--mr-cream);border:3px solid var(--mr-ink);box-shadow:14px 16px 0 var(--mr-ink);transform:rotate(-1deg)}.mr-token__card h2{font:900 clamp(92px,13vw,190px)/.72 var(--display);letter-spacing:-.11em;margin:10px 0 25px}.mr-token__card p{font:13px var(--mono);line-height:1.7}.mr-token__stamp{position:absolute;right:25px;top:22px;padding:8px 10px;border:3px solid var(--mr-red);color:var(--mr-red);font:900 11px var(--display);transform:rotate(7deg)}.mr-contract{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:25px;padding:10px 0;border-top:2px solid;border-bottom:2px solid;font:8px var(--mono)}.mr-contract code{overflow:hidden;text-overflow:ellipsis}.mr-contract button{background:var(--mr-ink);color:var(--mr-cream);border:0;padding:8px 10px;font:8px var(--mono);cursor:pointer}.mr-token__card nav{display:flex;gap:9px;margin-top:18px}.mr-token__card nav a{padding:8px 10px;border:2px solid;background:var(--mr-yellow);font:8px var(--mono)}.mr-token__coin{position:relative;z-index:2;width:min(100%,620px);justify-self:center;filter:drop-shadow(22px 26px 0 rgba(21,19,15,.14));animation:mrRattle 1.6s steps(2,end) infinite}.mr-end{height:90vh;min-height:680px;position:relative;overflow:hidden;background:#0b0a07}.mr-end>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mr-end:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,rgba(0,0,0,.72))}.mr-end__copy{position:absolute;z-index:3;right:7vw;top:50%;transform:translateY(-50%);width:min(450px,38vw);color:var(--mr-cream)}.mr-end__copy h2{font:900 clamp(78px,10vw,150px)/.73 var(--display);letter-spacing:-.1em;margin:10px 0 28px}.mr-end__copy>a{display:inline-block;padding:11px 14px;background:var(--mr-red);border:2px solid var(--mr-cream);font:9px var(--mono)}.mr-end__copy small{display:block;margin-top:25px;max-width:340px;font:8px var(--mono);line-height:1.6}@keyframes mrRattle{50%{transform:translate(4px,-3px) rotate(2deg)}}@media(max-width:850px){.mr-world{min-height:780px}.mr-world__image{object-position:38% center}.mr-logo{left:auto;right:15px;transform:rotate(1deg)}.mr-back{left:14px;top:14px}.mr-tabs{top:auto;left:14px;right:14px;bottom:17px;justify-content:center}.mr-headline{right:15px;left:15px;bottom:90px}.mr-headline span,.mr-headline strong{font-size:11vw}.mr-stamp{right:20px;top:105px;font-size:14px}.mr-scroll{display:none}.mr-mission{min-height:1050px;padding:90px 20px}.mr-mission__note{width:86vw;margin:90px 0 0 auto;padding:35px 28px}.mr-mission__note h1{font-size:17vw}.mr-mission__rat{width:72vw;left:-14vw;bottom:-2%}.mr-mission__rocket{width:58vw;right:-17vw;bottom:4%}.mr-scribble{right:10px;bottom:-60px}.mr-launch{height:135vh}.mr-launch__label{margin-left:20px;width:46vw;padding-top:18vh}.mr-launch__label li{font-size:8vw}.mr-launch__moon{width:55vw;right:-4vw}.mr-flight-path{left:76%}.mr-launch__rocket{width:44vw;left:calc(76% - 22vw)}.mr-propaganda{grid-template-columns:1fr;padding:80px 20px}.mr-propaganda__wall{min-height:620px}.mr-propaganda__copy h2{font-size:16vw}.mr-token{grid-template-columns:1fr;padding:80px 20px}.mr-token__card{padding:32px 24px}.mr-token__card h2{font-size:28vw}.mr-token__coin{width:94vw}.mr-end{height:760px}.mr-end>img{object-position:35% center}.mr-end:after{background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.8))}.mr-end__copy{left:20px;right:20px;top:auto;bottom:35px;transform:none;width:auto}.mr-end__copy h2{font-size:20vw}}