/* MIHAO: loud little corner of the internet */
:root{--red:#e84023;--deep:#101c12;--gold:#f9f637;--cream:#fff9d0;--ink:#142314;--muted:#d5e7af;--serif:'DM Sans',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif}
body{background:#111f12;color:var(--cream)}
button:focus-visible,a:focus-visible{outline:3px solid #f9f637;outline-offset:4px}
.header{height:82px;background:#102218ef;border-bottom:3px solid #f7f732;padding-inline:4%;gap:20px}
.brand{font:900 27px/.8 var(--sans);letter-spacing:-.07em;color:#f9f637;transform:rotate(-2deg)}
.brand small{font:800 7px/1 var(--sans);color:#f8f6ce;letter-spacing:.15em;margin-top:8px}
.brand-dot,.footer-brand span{color:#ff5737}.brand-stamp{background:#ed3f23;color:#fff9cf;border:2px solid #0d1a11;border-radius:7px;width:40px;height:40px;box-shadow:3px 3px 0 #f9f637;transform:rotate(-5deg)}
.header nav{gap:8px;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.header nav a{padding:10px 12px;color:#f6f6cf;border:1px solid transparent;border-radius:6px}.header nav a:hover{color:#102218;background:#f9f637;border-color:#101d13}
.header-actions{gap:12px}.sound{color:#f5f5ce;background:#253c25;border:1px solid #9db765;border-radius:100px;padding:9px 12px;font-size:10px}.sound-icon{color:#f9f637}.pill{border:2px solid #132015;border-radius:7px;box-shadow:4px 4px 0 #142015;font-size:11px;font-weight:900;letter-spacing:.09em;transition:transform .15s,box-shadow .15s,background .15s}.pill:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #142015}.header-cta{color:#112016;background:#f9f637;border-color:#0d1b10;transform:rotate(2deg)}.header-cta:hover{background:#fff981;transform:translate(3px,3px) rotate(2deg)}.primary{background:#f9f637;color:#112016;border-color:#102014}.primary:hover{background:#fff995}
.hero{height:min(900px,100svh);min-height:780px;padding:115px 5% 28px;background:linear-gradient(90deg,rgba(12,29,17,.96) 0%,rgba(12,29,17,.82) 28%,rgba(12,29,17,.18) 62%,rgba(12,29,17,.38) 100%),linear-gradient(0deg,rgba(9,25,13,.7),transparent 34%),url('./assets/temple.jpg') center center/cover no-repeat #34472c}
.hero:before{opacity:.17;background-image:repeating-linear-gradient(90deg,transparent 0 119px,#eaf352 120px,transparent 121px),repeating-linear-gradient(0deg,transparent 0 119px,#eaf352 120px,transparent 121px);mask-image:linear-gradient(90deg,#000,transparent 75%)}
.hero-topline{color:#f9f637;font-size:9px;opacity:.95;text-shadow:1px 1px 0 #0b2112}.hero-topline span:first-child{display:inline-block;background:#e33d22;color:#fffce0;padding:9px 12px;border:2px solid #102015;box-shadow:3px 3px 0 #0f2115;transform:rotate(-2deg)}
.hero-body{grid-template-columns:1fr 1.25fr .08fr}.hero-copy{padding-bottom:12px}.eyebrow{color:#d3f53a;font-size:10px;font-weight:900;letter-spacing:.18em}.tiny-star{color:#ff5638}
.hero h1,.section-pad h2{font-family:var(--sans);font-weight:900;letter-spacing:-.07em;line-height:.88}.hero h1{font-size:clamp(72px,8.3vw,130px);color:#fff9dd;text-shadow:4px 4px 0 #112117,-2px -2px 0 #112117,2px -2px 0 #112117,-2px 2px 0 #112117}.hero h1 em,.section-pad h2 em{font-family:var(--serif);font-weight:900;color:#f9f637;font-style:italic}.hero-copy p{color:#fffce1;font-weight:600;text-shadow:1px 2px 0 #132115}.hero-buttons{gap:26px}.hero-buttons .text-link{color:#fffce6;text-decoration:underline;text-decoration-color:#f9f637;text-decoration-thickness:2px;text-underline-offset:6px}.hero-art{isolation:isolate}.halo{width:min(35vw,530px);border:4px solid #f4f430;box-shadow:0 0 0 11px #0f261ba8,0 0 0 14px #f4f430,0 0 0 24px #dc422dbd;background:#15362774}.halo-inner{border:2px dashed #f6f131a6;background:radial-gradient(circle,#f3e73726,#18482b35 50%,transparent 75%)}.cat-stage{width:min(43vw,650px);filter:drop-shadow(0 20px 12px #07140b80)}.cat-fallback{mix-blend-mode:normal;opacity:.8}.orbit{color:#f9f637;text-shadow:3px 3px #db3a23;font-size:48px}.orbit-one{transform:rotate(15deg)}.orbit-two{font-size:36px}.vertical-text{color:#fff7b1;font-weight:800;text-shadow:2px 2px #132115}.hero-side{color:#fbf7c0}.side-stamp{background:#e64127;border:2px solid #112117;box-shadow:4px 4px #f9f637;color:#fff7c4;transform:rotate(7deg)}.art-label{color:#fffbe3;text-shadow:2px 2px #142018}.art-label span:first-child{background:#e83f22;border:2px solid #162216;padding:8px 10px;box-shadow:3px 3px #142018;transform:rotate(-3deg)}#model-loading{color:#f9f637;font-weight:900}.hero-bottom{color:#faffc1;font-weight:900;text-shadow:2px 2px #112015}.scroll-arrow{color:#f9f637}
.ticker{background:#f9f637;color:#122115;border-block:3px solid #102015;padding:16px 0;font-size:11px;font-weight:900;letter-spacing:.14em;transform:rotate(-.4deg) scale(1.02);position:relative;z-index:3}.ticker span{color:#e34326}
.section-pad{padding:100px 6%}.section-kicker{opacity:1;font-size:10px;font-weight:900;letter-spacing:.13em;border-bottom:2px solid currentColor;padding-bottom:18px}.section-pad h2{font-size:clamp(56px,6.5vw,98px);margin:25px 0}.story{background:#c7f04d;color:#142417;position:relative}.story:after{content:'GOOD CAT ★';position:absolute;right:5%;bottom:28px;background:#e94226;color:#fff9d2;border:3px solid #132015;border-radius:50%;width:104px;height:104px;display:grid;place-items:center;font-size:11px;font-weight:900;transform:rotate(15deg);box-shadow:4px 4px #132015}.story .section-kicker{border-color:#203b1e}.story-grid{padding:90px 0 80px}.red,.story h2 em{color:#d93922}.story-copy{background:#fff9d4;border:3px solid #132015;border-radius:8px;padding:30px 32px 34px;max-width:510px;box-shadow:8px 8px 0 #132015;transform:rotate(1deg)}.quote-mark{font:900 90px/.5 var(--sans);color:#e33e25}.story-copy p{font-family:var(--sans);font-weight:900;font-size:27px;line-height:1.15}.story-copy p.story-detail{color:#3d4c32;font:500 15px/1.75 var(--sans)}.under-link{border-color:#e23e27;border-bottom-width:3px;color:#122015;font-weight:900}.story-foot{border-color:#6c972c;color:#304a22;font-weight:900}.story-foot span:last-child{margin-right:110px}
.memes{background:#182a19;color:#fffad5;position:relative}.memes:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.09;background:radial-gradient(#d8ff4f 1px,transparent 1px) 0 0/15px 15px}.memes>*{position:relative}.memes .section-kicker{border-color:#a1b45b}.memes h2 em{color:#f9f637}.section-heading{padding-top:75px}.section-intro{color:#d7e1bf;font-weight:500}.collection-count{gap:12px}.collection-count span{font:900 53px/.9 var(--sans);letter-spacing:-.08em;color:#f9f637;transform:rotate(-5deg)}.collection-count small{color:#e5edb1;font-weight:900}.meme-grid{gap:14px}.meme-card{background:#e9e9a7;border:3px solid #09170d;border-radius:7px;box-shadow:4px 4px 0 #a4d831;transition:transform .16s,box-shadow .16s}.meme-card:nth-child(3n+2){transform:rotate(1deg);box-shadow:4px 4px 0 #f64a2b}.meme-card:nth-child(4n+3){transform:rotate(-1deg)}.meme-card:hover{transform:translateY(-4px) rotate(0deg);box-shadow:6px 8px 0 #f9f637}.meme-card:after{content:'OPEN MEME  ↗';background:linear-gradient(transparent,#102015e8);font-weight:900;letter-spacing:.1em}.gallery-bottom{color:#d7e0a3;font-weight:900}.outline-button{background:#f9f637;color:#152117;border:2px solid #0d180f;border-radius:6px;box-shadow:4px 4px #08150b;font-weight:900}.outline-button:hover{background:#fffcb0;color:#152117;transform:translate(2px,2px);box-shadow:2px 2px #08150b}
.pfp{background:#f6f136;color:#122016;position:relative}.pfp:before{content:'';position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(-45deg,transparent 0 22px,#c1c82d 23px 24px);pointer-events:none}.pfp>*{position:relative}.pfp .section-kicker{border-color:#283a17}.pfp .eyebrow,.pfp h2 em{color:#d93721}.pfp-copy p{color:#394821;font-weight:600}.pfp .primary{background:#e94127;color:#fffbd9;border-color:#132015;box-shadow:5px 5px #132015}.pfp .primary:hover{background:#ff603c}.pfp-hint{color:#485521;font-weight:900}.oracle-ring{border:3px solid #14341c}.ring-b{border:3px dashed #db4124;opacity:.9}.oracle-card{background:#fffde3;color:#142416;border:3px solid #112015;border-radius:8px;padding:12px;box-shadow:9px 10px 0 #122016;transform:rotate(5deg)}.oracle-label,.oracle-bottom{font-weight:900;font-size:9px}.oracle-image{background:#b9d64e;border:3px solid #142416}.oracle-bottom a{color:#c22d1e;text-decoration-thickness:2px;text-underline-offset:3px}.oracle-star{color:#e94127;font-weight:900;text-shadow:2px 2px #112015}.oracle-seal{background:#df3d24;color:#fffcd8;border:3px solid #112015;box-shadow:4px 4px #112015;border-radius:6px;font-weight:bold}
.contract{background:radial-gradient(circle at 72% 45%,#c53d24,#a02b1e 48%,#652119);color:#fffad6}.contract:before{opacity:.13;background-image:repeating-linear-gradient(45deg,transparent 0 30px,#f9f637 31px,transparent 32px);mask-image:none}.contract .section-kicker{border-color:#f9d78c}.contract .eyebrow{color:#f9f637}.contract-inner p{color:#ffeacc}.contract-box{background:#fff9d5;border:3px solid #142115;border-radius:7px;box-shadow:5px 5px #142115;color:#162216}.contract-box small{color:#b03c24;font-weight:900}.contract-box code{color:#152115;font-weight:700}.contract-box button{background:#f8f337;color:#122015;border:2px solid #122015;border-radius:5px;padding:11px 12px;font-weight:900}.contract-box button:hover{background:#d7ed64}.contract .primary{background:#f9f637}.contract .text-link{color:#fff9d5;text-decoration:underline;text-underline-offset:4px}.closing-mark{color:#f9f637;gap:8px}.closing-mark>span{border:3px solid #152216;background:#204224;padding:7px 12px;box-shadow:5px 5px #152216;transform:rotate(-4deg)}.closing-mark>span:nth-child(2){background:#f9f637;color:#1b3020;transform:rotate(4deg)}.closing-mark>span:nth-child(3){background:#e94729;color:#fffbd8;transform:rotate(-3deg)}.closing-mark div{font-weight:900;color:#fff8d5}
footer{background:#102015;color:#d4e4aa;border-top:3px solid #f9f637;font-weight:900}.footer-brand{font:900 30px var(--sans);letter-spacing:-.07em;color:#f9f637}.footer-brand span{color:#ec452b}footer a:last-child{color:#f9f637}
dialog{background:#f8f6d0;color:#142216;border:3px solid #132015;border-radius:8px;box-shadow:8px 8px #f9f637}dialog::backdrop{background:#0a1d10ed}.dialog-close{background:#f9f637;color:#122015;border:2px solid #142015;border-radius:5px;font-weight:900}.dialog-actions{font-weight:900}.dialog-actions a{color:#bc321f}
@media(max-width:900px){.header{padding-inline:4%}.header nav{gap:0}.header nav a{padding:8px}.hero{height:auto;min-height:800px;background-position:center center}.hero-body{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(60px,9vw,90px)}.halo{width:40vw}.cat-stage{width:51vw}.story:after{width:76px;height:76px;font-size:9px}.story-foot span:last-child{margin-right:80px}}
@media(max-width:650px){.header{height:72px}.brand{font-size:24px}.brand-stamp{width:36px;height:36px}.sound{font-size:9px}.hero{padding:100px 6% 25px;min-height:0;background-image:linear-gradient(180deg,rgba(13,31,18,.88) 0%,rgba(13,31,18,.68) 34%,rgba(13,31,18,.25) 63%,rgba(13,31,18,.75) 100%),url('./assets/temple.jpg');background-position:center;background-size:cover}.hero-copy{padding-top:42px}.hero h1{font-size:clamp(63px,16vw,90px)}.hero-topline span:first-child{font-size:8px}.hero-art{height:430px}.halo{width:min(72vw,340px)}.cat-stage{width:95vw}.orbit{font-size:32px}.vertical-text{right:10%}.section-pad{padding:66px 6%}.section-pad h2{font-size:clamp(53px,12vw,70px)}.story-grid{padding:55px 0 65px}.story-copy{padding:26px 24px 28px}.story:after{width:64px;height:64px;right:6%;bottom:23px;font-size:8px}.story-foot span:last-child{margin-right:65px}.section-heading{padding:55px 0 30px}.meme-grid{gap:10px}.meme-card{border-width:2px;box-shadow:3px 3px #a4d831}.meme-card:nth-child(3n+2){box-shadow:3px 3px #f64a2b}.gallery-bottom{gap:14px}.pfp-layout{padding:55px 0 0}.oracle-wrap{min-height:420px}.oracle-ring{width:290px;height:290px}.ring-b{width:330px;height:330px}.oracle-card{width:230px}.contract-inner{padding:60px 0 20px}.contract-box{padding:12px}.contract-box code{font-size:10px}.contract-box button{padding:9px}.closing-mark>span{font-size:60px}footer{font-size:8px}}
@media(max-width:370px){.hero h1{font-size:58px}.hero-buttons{gap:14px}.primary{min-width:160px;padding:14px}.oracle-ring{width:260px;height:260px}.ring-b{width:295px;height:295px}.oracle-card{width:210px}}
/* Collectible sticker accents around the floating model */
@media(min-width:901px){.hero-body{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr) .02fr}.hero-art{margin-left:-2%;width:104%}.hero-copy{z-index:3}.hero h1{font-size:clamp(68px,7.5vw,122px)}}
.degen-sticker{position:absolute;z-index:3;display:grid;place-items:center;text-align:center;font:900 12px/.95 var(--sans);letter-spacing:-.02em;pointer-events:none;border:3px solid #112015;box-shadow:4px 4px 0 #112015}
.sticker-one{top:20%;left:5%;width:70px;height:70px;border-radius:50%;background:#f9f637;color:#112015;transform:rotate(-16deg);font-size:16px}
.sticker-two{top:17%;right:4%;padding:11px 13px;background:#e84328;color:#fffbd1;border-radius:6px;transform:rotate(10deg)}
.sticker-three{right:9%;bottom:17%;padding:9px 12px;background:#c6ef4b;color:#132015;border-radius:5px;transform:rotate(-9deg);font-size:13px}
@media(max-width:650px){.sticker-one{width:54px;height:54px;font-size:12px;left:9%;top:20%}.sticker-two{right:7%;top:15%;padding:8px;font-size:10px}.sticker-three{right:11%;bottom:16%;padding:7px;font-size:10px}.hero-copy{z-index:3}}

/* THE MIHAO PLAYGROUND: a wall of stickers, not a quiet museum. */
:root{--acid:#eaff36;--hot:#ff3d2e;--leaf:#18ce55;--void:#061d13;--bubble:#ff4caf}
.header{height:70px;background:#071b10f2;border-bottom:4px solid #071b10;box-shadow:0 4px 0 #eaff36;padding:0 3%;}
.brand{font-size:30px;transform:rotate(-4deg);color:#eaff36;text-shadow:2px 2px #f23f2d}.brand-stamp{background:#ff3d2e;box-shadow:3px 3px #eaff36;transform:rotate(9deg)}
.header nav a{color:#fffdd7;font-weight:900}.header nav a:hover{background:#ff4caf;color:#071b10}.sound{background:#eaff36;color:#071b10;border:2px solid #071b10;font-weight:900;box-shadow:3px 3px #ff4caf}.sound-icon{color:#f73b2d}.header-cta{background:#ff4caf;color:#071b10;border:3px solid #071b10;box-shadow:4px 4px #eaff36;transform:rotate(3deg)}
.hero{height:max(790px,100svh);max-height:1050px;min-height:790px;padding:95px 3.5% 22px;background:linear-gradient(0deg,rgba(7,30,13,.58),rgba(7,30,13,.04) 36%,rgba(7,30,13,.25)),url('./assets/temple.jpg') center center/cover no-repeat #19492c;border-bottom:4px solid #071b10}
.hero:before{background:repeating-linear-gradient(90deg,#eaff36 0 1px,transparent 1px 5vw),repeating-linear-gradient(0deg,#eaff36 0 1px,transparent 1px 5vw);opacity:.08;mask-image:none}
.hero:after{content:'★  WWW.MIHAO.FUN  ★';position:absolute;left:-65px;bottom:23%;background:#ff4caf;color:#081b10;border:3px solid #071b10;padding:9px 75px;font:900 12px var(--sans);letter-spacing:.08em;transform:rotate(-90deg);box-shadow:4px 4px #071b10;z-index:4}
.hero-topline{z-index:5;color:#fffbd4;text-shadow:2px 2px #071b10}.hero-topline span:first-child{background:#ff3d2e;color:#fffbd4;border:3px solid #071b10;box-shadow:4px 4px #071b10;transform:rotate(-3deg)}.hero-topline span:last-child{background:#eaff36;color:#071b10;border:3px solid #071b10;padding:9px 11px;transform:rotate(2deg);text-shadow:none}
.hero-body{display:block;position:relative;flex:1;min-height:0}.hero-copy{position:absolute;inset:0;z-index:auto;padding:0;pointer-events:none}.hero-copy .eyebrow{position:absolute;z-index:5;top:3%;left:2%;padding:8px 12px;color:#071b10;background:#eaff36;border:3px solid #071b10;box-shadow:4px 4px #071b10;transform:rotate(-4deg);font-size:10px}.hero-copy .tiny-star{color:#f23b2b}
.hero h1{position:absolute;z-index:0;top:4%;left:50%;width:100%;transform:translateX(-50%) rotate(-3deg);margin:0;text-align:center;white-space:nowrap;font:900 clamp(105px,15.5vw,230px)/.75 var(--sans);letter-spacing:-.095em;color:#eaff36;-webkit-text-stroke:3px #071b10;paint-order:stroke fill;text-shadow:8px 8px 0 #ff3d2e,13px 13px 0 #071b10}.hero h1 em{font-style:normal;color:#fffbd4;-webkit-text-stroke:3px #071b10;text-shadow:8px 8px 0 #18ce55,13px 13px 0 #071b10}
.hero-copy p{position:absolute;z-index:4;bottom:2%;right:1%;max-width:265px;transform:rotate(3deg);padding:11px 14px;margin:0;background:#fffbd4;color:#071b10;border:3px solid #071b10;box-shadow:4px 4px 0 #071b10;font-size:13px;font-weight:800;line-height:1.4;text-shadow:none}
.hero-buttons{position:absolute;z-index:5;bottom:2%;left:5%;display:flex;gap:18px;margin:0;align-items:center;pointer-events:auto}.hero-buttons .primary{background:#ff4caf;color:#071b10;border:3px solid #071b10;box-shadow:5px 5px 0 #071b10;transform:rotate(-3deg);font-size:12px;padding:18px 20px}.hero-buttons .primary:hover{transform:translate(3px,3px) rotate(-3deg);box-shadow:2px 2px #071b10}.hero-buttons .text-link{background:#eaff36;color:#071b10;border:3px solid #071b10;box-shadow:4px 4px #071b10;padding:12px 14px;transform:rotate(3deg);text-decoration:none;font-weight:900}
.hero-art{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;margin:0;display:grid;place-items:center;pointer-events:none;isolation:isolate}.cat-stage{pointer-events:auto;width:min(52vw,700px);height:100%;max-height:720px;filter:drop-shadow(0 24px 6px #05150baa);z-index:2}.cat-stage canvas{cursor:grab}.cat-stage canvas:active{cursor:grabbing}.cat-fallback{max-width:100%;max-height:90%}
.halo{width:min(51vw,660px);top:51%;border:0;border-radius:0;background:repeating-conic-gradient(from -4deg,#eaff36 0deg 10deg,#ff3d2e 10deg 20deg);clip-path:polygon(50% 0%,56% 19%,68% 3%,69% 24%,88% 10%,80% 30%,99% 24%,86% 40%,100% 49%,86% 57%,98% 75%,80% 69%,88% 89%,69% 77%,68% 98%,56% 81%,50% 100%,44% 81%,31% 97%,31% 77%,12% 90%,20% 70%,1% 76%,14% 59%,0% 50%,14% 42%,1% 25%,20% 31%,12% 10%,31% 23%,32% 2%,44% 19%);box-shadow:none;opacity:.94;animation:slow-spin 35s linear infinite}.halo-inner{width:65%;height:65%;border:4px dashed #071b10;border-radius:50%;background:#eaff36}.orbit{color:#eaff36;text-shadow:3px 3px #071b10,-2px -2px #071b10;font-size:65px;z-index:3}.orbit-one{left:21%;top:29%;transform:rotate(14deg)}.orbit-two{right:20%;bottom:25%;font-size:48px}.vertical-text{right:25%;top:23%;font-size:20px;font-weight:900;color:#fffbd4;text-shadow:3px 3px #071b10}.art-label{bottom:8%;width:58%;font-weight:900;z-index:3}.art-label span{background:#071b10;color:#eaff36;padding:7px 10px;border:2px solid #fffbd4;transform:rotate(3deg)}.art-label span:first-child{background:#ff3d2e;color:white;border:3px solid #071b10;transform:rotate(-7deg)}
.degen-sticker{z-index:5;font-weight:900;border:3px solid #071b10;box-shadow:5px 5px #071b10}.sticker-one{top:20%;left:24%;width:82px;height:82px;background:#ff4caf;font-size:19px}.sticker-two{top:20%;right:23%;font-size:13px;transform:rotate(12deg)}.sticker-three{right:23%;bottom:21%;font-size:14px;transform:rotate(-12deg)}.hero-side{display:none}.hero-bottom{z-index:4;color:#fffbd4;text-shadow:2px 2px #071b10;font-size:10px}.hero-bottom .scroll-note{background:#071b10;padding:6px 12px;transform:rotate(2deg)}.hero-index{background:#ff3d2e;color:#fffbd4;padding:8px 12px;border:2px solid #071b10;transform:rotate(-2deg)}
.chaos-layer{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.chaos-cat{position:absolute;display:block;width:clamp(72px,8vw,118px);aspect-ratio:1;border:5px solid #071b10;border-radius:50%;object-fit:cover;background:#eaff36;box-shadow:6px 6px 0 #ff3d2e;animation:sticker-bob 3.2s ease-in-out infinite alternate}.chaos-cat.c1{left:2%;top:23%;transform:rotate(-13deg)}.chaos-cat.c2{right:3%;top:22%;transform:rotate(15deg);box-shadow:6px 6px #eaff36;animation-delay:-1s}.chaos-cat.c3{left:13%;top:54%;width:clamp(65px,7vw,98px);transform:rotate(12deg);box-shadow:6px 6px #ff4caf;animation-delay:-2s}.chaos-cat.c4{right:11%;top:48%;width:clamp(80px,9vw,132px);transform:rotate(-12deg);animation-delay:-.5s}.chaos-cat.c5{right:3%;bottom:5%;width:clamp(65px,7vw,95px);transform:rotate(8deg);box-shadow:6px 6px #eaff36;animation-delay:-1.5s}.chaos-note{position:absolute;background:#eaff36;color:#071b10;border:3px solid #071b10;padding:9px 12px;box-shadow:4px 4px #071b10;font:900 clamp(10px,1vw,14px)/1 var(--sans);text-transform:uppercase}.chaos-note.n1{left:4%;top:43%;transform:rotate(-12deg)}.chaos-note.n2{right:3%;top:40%;background:#ff4caf;transform:rotate(10deg)}.chaos-note.n3{left:16%;bottom:18%;background:#fffbd4;transform:rotate(8deg)}
@keyframes slow-spin{to{transform:translate(-50%,-51%) rotate(360deg)}}@keyframes sticker-bob{from{translate:0 -4px}to{translate:0 7px}}
.ticker{background:#eaff36;color:#071b10;border-block:4px solid #071b10;padding:18px 0;font-size:16px;font-weight:900;letter-spacing:.04em;transform:rotate(1deg) scale(1.04);box-shadow:0 7px #ff3d2e}.ticker div{animation-duration:12s}.ticker span{color:#f23d2d;font-size:20px}
.section-pad{padding:92px 5%;border-bottom:4px solid #071b10}.section-kicker{border-bottom:3px dashed currentColor;font-size:11px;font-weight:900}.section-pad h2{font-size:clamp(68px,8.5vw,130px);line-height:.83;letter-spacing:-.09em;text-transform:uppercase}.section-pad h2 em{font-style:normal}
.story{background:#ff4caf;color:#071b10;overflow:hidden}.story:before{content:'喵 喵 喵';position:absolute;right:-20px;top:80px;transform:rotate(90deg);font:900 120px var(--sans);color:#ed309e;opacity:.55}.story:after{content:'BASED CAT ★';width:120px;height:120px;background:#eaff36;color:#071b10;border:4px solid #071b10;box-shadow:6px 6px #071b10;font-size:14px;right:5%;bottom:3%}.story-grid{grid-template-columns:1.15fr .85fr;align-items:center;padding:80px 0;gap:8%}.story h2{color:#fffbd4;-webkit-text-stroke:2px #071b10;paint-order:stroke fill;text-shadow:7px 7px #071b10;transform:rotate(-3deg)}.story h2 em{color:#eaff36}.story .eyebrow{display:inline-block;background:#071b10;color:#eaff36;padding:9px 12px;transform:rotate(3deg)}.story-copy{background:#eaff36;border:4px solid #071b10;border-radius:0;box-shadow:9px 9px #071b10;transform:rotate(4deg);padding:28px}.story-copy p{font-weight:900}.story-copy p.story-detail{color:#122716;font-weight:600}.story-foot{border-color:#071b10;color:#071b10}
.memes{background:#eaff36;color:#071b10}.memes:before{opacity:.18;background:radial-gradient(#071b10 1.3px,transparent 1.4px) 0 0/13px 13px}.memes .section-kicker{border-color:#071b10}.memes .eyebrow{display:inline-block;background:#ff4caf;color:#071b10;border:3px solid #071b10;padding:8px 12px;transform:rotate(-3deg)}.memes h2{color:#ff3d2e;-webkit-text-stroke:2px #071b10;paint-order:stroke fill;text-shadow:6px 6px #071b10;transform:rotate(-2deg)}.memes h2 em{color:#fffbd4}.section-intro{color:#112719;font-weight:700}.collection-count{background:#071b10;color:#eaff36;padding:12px 16px;border:3px solid #071b10;box-shadow:5px 5px #ff3d2e;transform:rotate(3deg);width:max-content;max-width:100%}.collection-count span{font-size:58px;color:#ff4caf}.collection-count small{color:#fffbd4}.meme-grid{gap:18px}.meme-card{border:4px solid #071b10;border-radius:2px;box-shadow:6px 6px #ff3d2e;transform:rotate(-2deg)}.meme-card:nth-child(3n+2){transform:rotate(3deg);box-shadow:6px 6px #ff4caf}.meme-card:nth-child(4n+3){transform:rotate(-3deg);box-shadow:6px 6px #19c85a}.meme-card:hover{transform:translateY(-6px) rotate(0deg) scale(1.02);box-shadow:8px 10px #071b10;z-index:2}.gallery-bottom{color:#071b10}.outline-button{background:#ff4caf;border:3px solid #071b10;box-shadow:5px 5px #071b10}.outline-button:hover{background:#fffbd4}
.pfp{background:#18ce55;color:#071b10;overflow:hidden}.pfp:before{opacity:.2;background:repeating-linear-gradient(-45deg,#eaff36 0 4px,transparent 4px 28px)}.pfp .section-kicker{border-color:#071b10}.pfp .eyebrow{display:inline-block;background:#ff4caf;color:#071b10;border:3px solid #071b10;padding:9px 12px;transform:rotate(3deg)}.pfp h2{color:#fffbd4;-webkit-text-stroke:2px #071b10;paint-order:stroke fill;text-shadow:7px 7px #071b10;transform:rotate(-3deg)}.pfp h2 em{color:#eaff36}.pfp-copy p{color:#071b10;font-weight:700}.pfp .primary{background:#ff4caf;color:#071b10;border:3px solid #071b10;box-shadow:7px 7px #071b10;font-size:13px;padding:18px 22px;transform:rotate(-3deg)}.pfp .primary:hover{background:#fffbd4;transform:translate(3px,3px) rotate(-3deg);box-shadow:4px 4px #071b10}.pfp-hint{color:#071b10}.oracle-wrap{transform:rotate(3deg)}.oracle-ring{border:5px solid #071b10;background:#eaff36}.ring-b{background:transparent;border:4px dashed #ff3d2e;opacity:1}.oracle-card{border:5px solid #071b10;border-radius:4px;background:#ff4caf;color:#071b10;box-shadow:12px 12px #071b10;transform:rotate(-7deg)}.oracle-image{border:4px solid #071b10}.oracle-seal{background:#eaff36;color:#071b10;border:4px solid #071b10;box-shadow:5px 5px #071b10}.oracle-star{color:#ff3d2e;text-shadow:3px 3px #071b10}
.contract{background:#ff3d2e;color:#fffbd4}.contract:before{opacity:.2;background:repeating-conic-gradient(#eaff36 0 25%,transparent 0 50%) 0 0/42px 42px}.contract-inner{z-index:1}.contract h2{color:#fffbd4;-webkit-text-stroke:2px #071b10;paint-order:stroke fill;text-shadow:7px 7px #071b10;transform:rotate(-2deg)}.contract h2 em{color:#eaff36}.contract .eyebrow{display:inline-block;background:#071b10;color:#eaff36;padding:8px 12px;transform:rotate(2deg)}.contract-inner p{color:#fffbd4;font-weight:700;text-shadow:1px 1px #071b10}.contract-box{border:4px solid #071b10;box-shadow:7px 7px #071b10;transform:rotate(-1deg)}.contract-box button{border:3px solid #071b10}.closing-mark>span{border:4px solid #071b10;box-shadow:6px 6px #071b10}.closing-mark>span:first-child{background:#18ce55}.closing-mark>span:nth-child(2){background:#eaff36}.closing-mark>span:nth-child(3){background:#ff4caf;color:#071b10}footer{border-top:4px solid #071b10;background:#071b10;color:#eaff36}.footer-brand{font-size:35px}
@media(max-width:900px){.header nav{display:none}.hero{height:max(800px,100svh);max-height:1050px}.hero h1{font-size:clamp(100px,16vw,150px)}.hero-copy .eyebrow{top:5%;left:1%}.cat-stage{width:min(68vw,650px)}.halo{width:min(60vw,570px)}.sticker-one{left:15%}.sticker-two,.sticker-three{right:15%}.orbit-one{left:14%}.orbit-two{right:14%}.hero-copy p{right:0}.hero-buttons{left:1%}.chaos-cat.c1{left:1%}.chaos-cat.c2{right:1%}.chaos-cat.c3{left:7%}.chaos-cat.c4{right:6%}.chaos-note.n3{left:8%}.vertical-text{right:15%}}
@media(max-width:650px){.header{height:68px}.header-cta{display:none}.hero{height:890px;min-height:0;max-height:none;padding:88px 4% 16px;background-image:linear-gradient(0deg,rgba(7,30,13,.64),rgba(7,30,13,.1) 43%,rgba(7,30,13,.32)),url('./assets/temple.jpg');background-position:center;background-size:cover}.hero:after{display:none}.hero-topline span:first-child{font-size:8px;max-width:85%;padding:7px}.hero-topline span:last-child{display:none}.hero-body{flex:1;display:block;min-height:0}.hero-copy{position:absolute;inset:0;padding:0}.hero-copy .eyebrow{top:2%;left:0;font-size:8px;padding:6px 8px}.hero h1{top:10%;font-size:clamp(70px,18vw,115px);line-height:.78;text-shadow:5px 5px #ff3d2e,8px 8px #071b10;-webkit-text-stroke:2px #071b10;transform:translateX(-50%) rotate(-4deg)}.hero h1 em{text-shadow:5px 5px #18ce55,8px 8px #071b10;-webkit-text-stroke:2px #071b10}.hero-art{position:absolute;inset:18% 0 11%;height:auto;width:100%;min-height:0;margin:0}.cat-stage{width:100%;height:100%;max-height:none}.halo{width:min(95vw,410px);top:52%}.hero-copy p{bottom:17%;right:0;max-width:185px;font-size:10px;padding:7px 9px;line-height:1.25;transform:rotate(4deg)}.hero-buttons{left:2%;right:2%;bottom:2%;gap:12px}.hero-buttons .primary{min-width:160px;padding:13px;font-size:10px}.hero-buttons .text-link{padding:10px;font-size:10px}.sticker-one{left:3%;top:23%;width:55px;height:55px;font-size:12px}.sticker-two{right:2%;top:20%;font-size:9px;padding:7px}.sticker-three{right:4%;bottom:20%;font-size:10px;padding:6px}.orbit-one{left:3%;top:38%;font-size:37px}.orbit-two{right:3%;bottom:31%;font-size:32px}.vertical-text{right:4%;top:36%;font-size:12px}.art-label{width:85%;bottom:6%;font-size:7px}.chaos-cat{border-width:3px;box-shadow:4px 4px #ff3d2e}.chaos-cat.c1{top:26%;left:-2%;width:62px}.chaos-cat.c2{top:27%;right:-1%;width:63px}.chaos-cat.c3{top:50%;left:-3%;width:60px}.chaos-cat.c4{top:51%;right:-3%;width:68px}.chaos-cat.c5{bottom:14%;right:4%;width:55px}.chaos-note{font-size:8px;padding:6px;border-width:2px}.chaos-note.n1{left:0;top:42%}.chaos-note.n2{right:0;top:43%}.chaos-note.n3{left:5%;bottom:25%}.hero-bottom{font-size:8px}.hero-index{display:none}.ticker{font-size:12px;padding:13px 0}.section-pad{padding:65px 6%}.section-pad h2{font-size:clamp(55px,14vw,80px)}.story-grid{grid-template-columns:1fr;gap:28px;padding:55px 0 72px}.story-copy{transform:rotate(2deg)}.story:after{width:70px;height:70px;font-size:9px}.section-heading{padding:55px 0 30px}.collection-count span{font-size:45px}.meme-grid{gap:13px}.meme-card{border-width:3px;box-shadow:4px 4px #ff3d2e}.pfp-layout{grid-template-columns:1fr;gap:25px;padding:55px 0 0}.oracle-wrap{min-height:420px}.oracle-ring{width:290px;height:290px}.ring-b{width:330px;height:330px}.contract-inner{grid-template-columns:1fr;padding:55px 0 20px}.closing-mark{min-height:220px}.closing-mark>span{font-size:60px}footer{font-size:8px}}
@media(max-width:370px){.hero h1{font-size:66px}.hero-buttons{gap:8px}.hero-buttons .primary{min-width:145px}.hero-copy p{bottom:18%}.chaos-note.n3{bottom:25%}.oracle-ring{width:260px;height:260px}.ring-b{width:295px;height:295px}.oracle-card{width:210px}}
@media(prefers-reduced-motion:reduce){.halo,.chaos-cat,.ticker div{animation:none}}
.chaos-cat{overflow:hidden}.chaos-cat img{width:100%;height:100%;display:block;object-fit:cover}
.cat-fallback{opacity:0!important}#model-loading{left:50%;bottom:12%;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;padding:10px 14px;background:#ff4caf;border:3px solid #071b10;box-shadow:4px 4px #071b10;color:#071b10}