500;600;700;800;900&family=Fredoka:wght@400;500;600;700&display=swap');
:root{--ink:#261d31;--cream:#fff8e9;--paper:#fffdf6;--purple:#8472ed;--pink:#ff8aaf;--hot:#f54d89;--lime:#d8f370;--blue:#98d7e8;--yellow:#ffe47d;--line:3px solid var(--ink);--shadow:7px 7px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:4px solid #fc4999;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Fredoka','Arial Rounded MT Bold',system-ui,sans-serif;letter-spacing:-.045em}img,svg{max-width:100%}[hidden]{display:none!important}::selection{background:var(--lime);color:var(--ink)}
.announcement{height:32px;overflow:hidden;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:var(--lime);border-bottom:2px solid var(--ink);font-weight:900;font-size:11px;letter-spacing:1.25px;gap:30px}.announce-spark{font-size:19px;color:var(--hot)}
.site-header{min-height:82px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(255,248,233,.98);border-bottom:var(--line);position:relative;z-index:20}.brand{font-family:'Fredoka',system-ui;font-weight:700;letter-spacing:-2px;font-size:42px;line-height:1;display:flex;align-items:center;white-space:nowrap}.brand-burst{font-family:Arial,sans-serif;font-size:27px;color:var(--hot);margin-right:6px;transform:rotate(-15deg)}.brand-period{color:var(--hot)}.brand-world{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--ink);align-self:flex-end;margin:0 0 4px 6px}.desktop-nav{display:flex;gap:34px;align-items:center}.desktop-nav a{font-weight:900;font-size:12px;letter-spacing:.45px;transition:color .2s}.desktop-nav a:hover{color:var(--hot)}.header-collection{padding:11px 15px;display:flex;gap:7px;align-items:center;font-weight:900;font-size:11px;border:2px solid var(--ink);border-radius:40px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}.header-collection>span:first-child{color:var(--hot);font-size:20px;line-height:12px}.header-collection strong{font-size:17px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:var(--line);min-height:720px}.hero-copy{padding:70px 5.8% 50px 10%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-width:0}.little-tag{display:inline-flex;align-items:center;gap:9px;border:2px solid var(--ink);border-radius:100px;padding:9px 15px 9px 10px;font-weight:900;letter-spacing:1px;font-size:10px;background:var(--paper)}.tag-dot{background:var(--hot);height:12px;width:12px;border-radius:50%;box-shadow:inset -2px -2px #b72e5e}.hero h1{font-size:clamp(76px,7.45vw,138px);line-height:.84;font-weight:700;margin:38px 0 28px;letter-spacing:-.07em}.hero h1>span:not(.energy){color:var(--purple)}.hero h1 .energy{position:relative;color:var(--hot);display:inline-block;transform:rotate(-2deg)}.hero h1 .title-dot{color:var(--ink)}.hero-sub{font-size:17px;max-width:510px;line-height:1.65;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;text-align:center;min-height:54px;border:2px solid var(--ink);border-radius:13px;padding:15px 20px;font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.25px;box-shadow:4px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--ink)}.button-dark{background:var(--ink);color:var(--paper)}.button-light{background:var(--lime)}.button-soft{background:var(--paper)}.button-arrow{font-size:19px;line-height:1}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:41px;font-weight:900;font-size:9px;letter-spacing:1px}.proof-stars{font-size:16px;color:var(--hot);letter-spacing:2px}
.hero-art{position:relative;background:#efa2c5;min-height:660px;overflow:hidden;border-left:var(--line);display:flex;align-items:center;justify-content:center}.hero-art-pattern{position:absolute;inset:0;background-image:radial-gradient(#58234125 2px,transparent 2px);background-size:28px 28px;opacity:.65}.hero-orbit{position:absolute;width:70%;aspect-ratio:1;border:4px solid #ffdd9859;border-radius:50%;transform:rotate(-15deg)}.orbit-a{width:85%;border:48px solid #ffd98a75}.orbit-b{width:50%;border:2px dashed #fef7f5b8}.hero-mascot{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;filter:drop-shadow(12px 16px 0 #38203422)}.hero-mascot svg{height:100%;width:100%}.hero-mascot-main{width:min(54%,350px);left:25%;top:23%;height:64%;animation:hop 3.5s ease-in-out infinite;z-index:4}.hero-mascot-left{width:38%;height:47%;left:0%;top:34%;transform:rotate(-20deg);animation:sway-left 4.5s ease-in-out infinite;z-index:3}.hero-mascot-right{width:37%;height:47%;right:-5%;top:37%;transform:rotate(14deg);animation:sway-right 4.3s ease-in-out infinite;z-index:3}.floating-spark{position:absolute;z-index:1;color:var(--ink);font-size:70px}.spark-a{top:10%;left:11%;color:var(--lime)}.spark-b{top:9%;right:8%;color:#fffdf1}.spark-c{bottom:11%;left:11%;color:var(--hot);font-size:55px}.speech{position:absolute;z-index:5;background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:12px 17px;box-shadow:5px 5px 0 var(--ink);font-family:'Fredoka',sans-serif;font-size:17px;font-weight:600}.speech-top{top:16%;left:7%;transform:rotate(-8deg)}.speech-bottom{bottom:17%;right:4%;transform:rotate(7deg)}.hero-art-tag{position:absolute;bottom:24px;left:26px;font-size:9px;font-weight:900;letter-spacing:.8px}.hero-corner-label{position:absolute;right:25px;top:25px;font-size:9px;font-weight:900;letter-spacing:1px;line-height:1.4;text-align:right;transform:rotate(5deg)}
.ticker{overflow:hidden;background:var(--purple);border-bottom:var(--line);height:57px;display:flex;align-items:center}.ticker-inner{white-space:nowrap;width:max-content;animation:ticker-move 24s linear infinite;font-weight:900;letter-spacing:2px;font-size:14px;color:white;text-shadow:1px 1px var(--ink)}
.intro-band{background:var(--lime);border-bottom:var(--line);padding:22px 6%;text-align:center}.intro-caption{font-size:10px;font-weight:900;letter-spacing:1.2px}.intro-steps{display:flex;gap:36px;align-items:center;justify-content:center;margin-top:20px}.intro-step{display:flex;align-items:center;text-align:left;gap:11px}.step-number{font-family:'Fredoka',sans-serif;font-size:38px;letter-spacing:-2px}.intro-step strong{display:block;font-size:12px;letter-spacing:.3px;font-weight:900}.intro-step small{font-size:11px;color:#453c3f}.step-arrow{font-size:29px}
.section{padding:110px 6.7% 120px;scroll-margin-top:16px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.eyebrow span{font-size:23px;color:var(--hot);line-height:.5}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-intro h2{font-size:clamp(54px,6.6vw,112px);font-weight:700;line-height:.92;letter-spacing:-.055em;margin:21px 0 0}.section-intro p{max-width:325px;font-size:16px;line-height:1.65;margin:0 0 4px}.pink-period{color:var(--hot)}
.game-section{background:#312741;color:#fff8ef}.eyebrow-lime{color:var(--lime)}.eyebrow-lime span{color:var(--lime)}.game-section .outline-words{color:var(--pink)}.game-section .section-intro p{color:#f5deef}.game-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.9fr);gap:27px}.game-card{border:3px solid var(--ink);box-shadow:9px 9px 0 #09070d;background:var(--paper);color:var(--ink);border-radius:16px;overflow:hidden}.game-topbar{height:51px;background:#20172b;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:10px;font-weight:900;letter-spacing:1px}.game-topbar>div{display:flex;align-items:center;gap:10px}.blink-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);display:inline-block;animation:blink 2s infinite}.game-top-pill{background:var(--lime);color:var(--ink);padding:7px 9px;border-radius:8px}.game-scene{height:320px;position:relative;background:linear-gradient(135deg,#b7afff 0%,#f5a3cd 50%,#ffe19c 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:var(--line)}.game-scene-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff32 1px,transparent 1px),linear-gradient(90deg,#ffffff32 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to bottom,transparent 0,black 100%)}.game-scene-halo{position:absolute;border:3px dashed #fff8e9;inset:auto;width:290px;height:290px;border-radius:50%}.game-peebis{width:210px;height:280px;position:relative;z-index:2;animation:hop 3.6s ease-in-out infinite}.game-peebis svg{width:100%;height:100%}.scene-icon{position:absolute;font-size:60px}.scene-star-a{top:14%;left:18%;color:var(--lime)}.scene-star-b{top:18%;right:14%;color:var(--paper)}.scene-plaque{position:absolute;bottom:15px;left:17px;background:var(--ink);color:white;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:900;letter-spacing:.7px;z-index:2;box-shadow:3px 3px #fff8e9}.scene-counter{position:absolute;right:16px;bottom:17px;transform:rotate(13deg);font-size:17px;font-weight:900}.game-dialogue{padding:22px 25px 6px}.dialogue-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.speaker-tag{background:var(--hot);color:#fff;padding:6px 11px;border-radius:7px;font-weight:900;font-size:10px;letter-spacing:.5px}.dialogue-tip{font-size:10px;font-weight:900;color:#6d6170;letter-spacing:.7px}.game-dialogue p{font-family:'Fredoka',sans-serif;font-size:25px;font-weight:500;line-height:1.28;min-height:60px;margin:15px 0 9px}.game-choices{display:grid;gap:9px;padding:6px 25px 25px}.choice-btn{width:100%;border:2px solid var(--ink);border-radius:10px;padding:13px 16px;background:#fff;text-align:left;font-size:14px;line-height:1.3;font-weight:800;transition:background .18s,transform .18s,box-shadow .18s}.choice-btn:hover{background:var(--lime);transform:translate(2px,-2px);box-shadow:-3px 3px 0 var(--ink)}.game-result{margin:6px 25px 25px;padding:19px;background:var(--lime);border:var(--line);border-radius:14px;font-size:15px;font-weight:800;line-height:1.5}.game-result.loss{background:#ffc6d5}.game-result strong{font-family:'Fredoka',sans-serif;font-size:18px}.next-btn{display:block;margin-top:16px;background:var(--ink);border:none;color:white;padding:13px 16px;border-radius:8px;font-weight:900;font-size:12px;letter-spacing:.5px}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:2px solid var(--ink);padding:12px 25px;font-size:10px;font-weight:900;letter-spacing:.6px}
.game-aside{display:flex;flex-direction:column;gap:25px}.found-card{position:relative;overflow:hidden;min-height:310px;padding:25px 28px;background:var(--pink);border:var(--line);border-radius:16px;color:var(--ink);box-shadow:var(--shadow)}.found-top,.reward-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:1px}.found-top>span:last-child,.reward-top>span:last-child{font-size:25px}.found-number{display:flex;align-items:center;gap:17px;margin:8px 0}.found-number>span:first-child{font-family:'Fredoka',sans-serif;font-size:clamp(95px,9.3vw,155px);font-weight:700;line-height:.98;letter-spacing:-8px}.found-sticker{display:flex;align-items:center;justify-content:center;background:var(--lime);border:2px solid var(--ink);width:82px;height:82px;border-radius:50%;font-weight:900;text-align:center;font-size:15px;line-height:1.1;transform:rotate(15deg)}.found-card>strong{font-size:14px;letter-spacing:1px;font-weight:900}.found-card>p{max-width:300px;font-size:14px;line-height:1.4;margin:12px 0 0}.card-scribble{position:absolute;right:20px;bottom:0px;font-size:35px;transform:rotate(-20deg);opacity:.3}.reward-card{padding:25px 27px;border:var(--line);border-radius:16px;color:var(--ink);background:var(--yellow);box-shadow:var(--shadow)}.reward-card h3{font-size:39px;line-height:1.04;margin:19px 0 25px}.reward-card h3 em{font-style:normal;color:var(--hot)}.milestone-row{display:flex;justify-content:space-between;font-weight:900;font-size:12px;margin-bottom:6px}.progress-track{border:2px solid var(--ink);border-radius:30px;background:var(--paper);height:18px;overflow:hidden}.progress-fill{background:var(--purple);height:100%;width:0;transition:width .5s}.reward-card>p{font-weight:900;font-size:12px;margin:14px 0 11px;letter-spacing:.25px}.reward-card small{font-size:11px;color:#5d4a38;line-height:1.45;display:block}.aside-quote{border-left:4px solid var(--lime);padding:10px 20px;font-family:'Fredoka',sans-serif;font-size:19px;line-height:1.4}.aside-quote span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:1.2px;margin-top:14px;color:var(--lime);font-weight:900}
.maker-section{background:#d9eeff;border-bottom:var(--line)}.maker-section .section-intro h2{font-size:clamp(66px,8vw,130px)}.maker-title-italic{color:var(--purple)}.maker-card{display:grid;grid-template-columns:1fr 1fr;min-height:645px;border:var(--line);box-shadow:10px 10px 0 var(--ink);border-radius:18px;overflow:hidden;background:var(--paper)}.maker-stage{min-height:630px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#c3b2ff;border-right:var(--line)}.maker-stage-grid{position:absolute;inset:0;background-image:linear-gradient(#fff7ef45 2px,transparent 2px),linear-gradient(90deg,#fff7ef45 2px,transparent 2px);background-size:38px 38px}.maker-stage-circle{width:72%;aspect-ratio:1;background:#ffe2a4;border-radius:50%;position:absolute;box-shadow:0 0 0 44px #f7d4c255}.maker-mascot{height:390px;width:310px;z-index:2;filter:drop-shadow(9px 17px 0 #45314b25);animation:hop 3.7s ease-in-out infinite}.maker-mascot svg{width:100%;height:100%}.maker-stage-label{position:absolute;top:25px;left:25px;font-size:11px;font-weight:900;letter-spacing:1px;z-index:3}.maker-stage-stamp{width:112px;height:112px;border:2px dashed var(--ink);border-radius:50%;background:var(--lime);position:absolute;right:26px;bottom:74px;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.15;font-weight:900;transform:rotate(16deg)}.maker-name{position:absolute;bottom:25px;background:var(--ink);color:white;border-radius:10px;padding:12px 20px;font-weight:900;letter-spacing:1px;font-size:14px;z-index:4;max-width:90%;text-align:center}.maker-controls{padding:36px clamp(26px,4vw,55px);display:flex;flex-direction:column;gap:26px}.maker-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.mini-pill{background:var(--lime);border:2px solid var(--ink);padding:7px 10px;border-radius:100px;font-size:10px;font-weight:900;letter-spacing:.4px}.maker-count{font-size:10px;letter-spacing:.9px;font-weight:900}.maker-controls h3{font-size:44px;line-height:.94;margin:-4px 0 -2px}.control-group{display:flex;flex-direction:column;gap:12px}.control-label{display:flex;gap:12px;align-items:center}.control-label span{color:var(--purple);font-family:'Fredoka',sans-serif;font-weight:700;font-size:21px}.control-label strong{font-size:12px;letter-spacing:.5px}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:var(--swatch);position:relative;box-shadow:2px 2px 0 var(--ink);transition:transform .2s}.swatch:hover{transform:translateY(-3px)}.swatch[aria-pressed=true]:after{content:'✓';position:absolute;inset:-5px;border:3px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--ink);background:#ffffff38}.pills{display:flex;flex-wrap:wrap;gap:9px}.option-pill{border:2px solid var(--ink);border-radius:30px;background:white;padding:8px 13px;font-size:12px;font-weight:900;transition:transform .15s}.option-pill[aria-pressed=true]{background:var(--purple);color:white;box-shadow:2px 3px 0 var(--ink)}.option-pill:hover{transform:translateY(-2px)}.maker-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.maker-actions .button{min-height:50px;font-size:11px}.maker-footnote{font-size:11px;line-height:1.5;color:#685d64;margin:0}
.collection-section{background:#f8eab5}.collection-intro h2 span{color:var(--hot)}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:var(--line);border-bottom:var(--line);padding:14px 0;margin-bottom:27px}.collection-stat{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.collection-star{font-size:31px;color:var(--hot)}.collection-stat strong{font-size:19px;font-weight:900}.collection-sub{color:#6d5a47;font-size:10px;font-weight:900;letter-spacing:.5px}.reset-button{background:transparent;border:0;text-decoration:underline;font-size:11px;font-weight:900;white-space:nowrap}.collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.collection-item{border:2px solid var(--ink);border-radius:14px;min-width:0;aspect-ratio:4/5;background:#fff9ef;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:3px 4px 0 #261d3150;transition:transform .2s}.collection-item:not(.locked):hover{transform:translateY(-5px)}.collection-item:nth-child(6n+2){background:#d9ecff}.collection-item:nth-child(6n+3){background:#f4c7e8}.collection-item:nth-child(6n+4){background:#dcf7ba}.collection-item:nth-child(6n+5){background:#fde3a8}.collection-item:nth-child(6n+6){background:#d7d0ff}.collection-item .peebis-drawing{width:90%;height:90%;margin-bottom:10%}.collection-item .collect-label{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:#fff;font-size:9px;letter-spacing:.4px;padding:9px 4px;text-align:center;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-item.locked{background:#e4d7ad;border-color:#837b6c;box-shadow:none}.collection-item.locked .peebis-drawing{opacity:.18;filter:grayscale(1)}.collection-item.locked .collect-label{background:#c2b89f;color:#645c51}.collection-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:21px;font-size:10px;font-weight:900;letter-spacing:.7px}
.shop-section{background:var(--paper)}.shop-section .section-intro h2 span{color:var(--purple)}.merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.merch-card{min-width:0}.merch-art{height:370px;border:var(--line);border-radius:18px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.merch-tee{background:#ffd5a8;background-image:radial-gradient(#f7b58e 2px,transparent 2px);background-size:21px 21px}.merch-hat{background:#b9d7cd;background-image:linear-gradient(25deg,#d9f5e4 0%,transparent 55%)}.merch-stickers{background:#efb9d6;background-image:radial-gradient(#fff6e3 2px,transparent 2px);background-size:30px 30px}.merch-number{position:absolute;top:18px;left:17px;z-index:5;font-size:10px;font-weight:900;letter-spacing:1px}.soon-pill{position:absolute;top:16px;right:13px;border:2px solid var(--ink);border-radius:50px;padding:7px 9px;background:var(--lime);font-size:9px;font-weight:900;z-index:4;transform:rotate(6deg)}.tshirt{width:205px;height:240px;background:#fffefd;clip-path:polygon(24% 0,39% 0,41% 8%,59% 8%,61% 0,76% 0,100% 23%,86% 42%,76% 33%,76% 100%,24% 100%,24% 33%,14% 42%,0 23%);filter:drop-shadow(12px 14px 0 #502d4338);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg)}.tshirt strong{font-family:'Fredoka',sans-serif;font-size:23px;letter-spacing:-2px}.shirt-mascot{height:95px;width:85px}.shirt-mascot svg{width:100%;height:100%}.cap{width:230px;height:132px;border-radius:120px 120px 27px 27px;border:3px solid var(--ink);background:#252b3d;transform:rotate(-8deg);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:8px 12px 0 #38344b40}.cap:after{content:'';position:absolute;bottom:-26px;right:-20px;background:#252b3d;border:3px solid var(--ink);width:200px;height:48px;border-radius:100% 100% 70% 80%;z-index:-1}.cap span{text-align:center;font-family:'Fredoka',sans-serif;font-size:24px;line-height:.95;color:var(--lime)}.sticker{position:absolute;width:130px;height:175px;background:#fffdf2;border:6px solid #fff;border-radius:20px;box-shadow:4px 8px 0 #45334350;display:flex;justify-content:center;align-items:center}.sticker svg{width:100%;height:100%}.sticker-one{left:12%;top:31%;transform:rotate(-18deg)}.sticker-two{right:12%;top:20%;transform:rotate(16deg)}.sticker-three{left:35%;top:36%;transform:rotate(-1deg)}.merch-details{display:flex;justify-content:space-between;gap:14px;padding:21px 2px}.merch-details h3{font-size:17px;line-height:1.1;margin-bottom:8px}.merch-details p{font-size:13px;color:#6a5b61;margin:0}.merch-details>span{color:var(--hot);font-size:31px}.shop-disclaimer{border:2px dashed #706976;border-radius:14px;padding:17px 20px;margin:7px 0 0;font-size:11px;text-align:center;font-weight:800;letter-spacing:.6px;line-height:1.5}
.manifesto{background:var(--purple);color:#fffef8;text-align:center;min-height:600px;padding:100px 20px 120px;position:relative;overflow:hidden}.manifesto-star{font-size:85px;color:var(--lime);line-height:.8;margin-bottom:20px;animation:twirl 14s linear infinite}.manifesto .eyebrow{justify-content:center}.manifesto h2{font-size:clamp(60px,8.4vw,145px);line-height:.91;margin:25px 0}.manifesto h2 span{color:var(--lime)}.manifesto p{font-size:17px;line-height:1.7;max-width:580px;margin:20px auto 30px}.manifesto .button{color:var(--ink)}.manifesto-sticker{position:absolute;right:5%;bottom:14%;background:var(--pink);color:var(--ink);border:3px solid var(--ink);width:133px;height:133px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;line-height:1.1;transform:rotate(15deg);box-shadow:6px 6px 0 var(--ink)}.footer{padding:34px 5%;background:var(--ink);color:#fff8ec;display:flex;gap:28px;align-items:center;justify-content:space-between}.footer-brand{font-family:'Fredoka',sans-serif;font-size:53px;font-weight:700;letter-spacing:-2px}.footer-brand span{color:var(--hot)}.footer>div:nth-child(2){display:flex;flex-direction:column;gap:7px}.footer strong{font-size:11px;letter-spacing:.5px}.footer small{font-size:10px;letter-spacing:.5px;color:#b8aebe}.footer-right{text-align:right;font-size:11px;line-height:1.6;font-weight:900;letter-spacing:.4px}
@keyframes hop{50%{transform:translateY(-13px) rotate(1.5deg)}}@keyframes sway-left{50%{transform:rotate(-13deg) translateY(-12px)}}@keyframes sway-right{50%{transform:rotate(8deg) translateY(12px)}}@keyframes ticker-move{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:.35}}@keyframes twirl{to{transform:rotate(360deg)}}
@media(max-width:1180px){.desktop-nav{gap:19px}.desktop-nav a{font-size:10px}.hero-copy{padding:70px 5%}.hero h1{font-size:clamp(72px,7.5vw,110px)}.hero-sub{font-size:15px}.hero-art{min-height:600px}.game-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.section{padding-left:5%;padding-right:5%}.maker-controls{padding:28px}.maker-actions .button{flex:1;white-space:nowrap}.merch-art{height:315px}}
@media(max-width:900px){.site-header{gap:14px}.desktop-nav{gap:12px}.desktop-nav a{font-size:9px}.brand{font-size:31px}.brand-world{font-size:8px}.hero{grid-template-columns:1fr 1fr;min-height:600px}.hero-art{min-height:600px}.hero h1{font-size:clamp(61px,8.1vw,90px)}.hero-copy{padding:55px 6%}.speech{font-size:12px}.intro-steps{gap:14px}.step-arrow{font-size:18px}.intro-step strong{font-size:10px}.intro-step small{font-size:10px}.section-intro h2{font-size:clamp(50px,7.4vw,75px)}.section-intro p{font-size:14px;max-width:270px}.game-layout{grid-template-columns:1fr}.game-aside{display:grid;grid-template-columns:1fr 1fr}.aside-quote{grid-column:span 2}.found-number>span:first-child{font-size:110px}.maker-card{grid-template-columns:1fr 1fr}.maker-stage{min-height:590px}.maker-mascot{width:270px}.maker-controls h3{font-size:35px}.collection-grid{grid-template-columns:repeat(4,1fr)}.merch-grid{gap:14px}.merch-art{height:285px}.sticker{width:96px;height:130px}.manifesto-sticker{right:2%;bottom:7%}}
@media(max-width:690px){.announcement{font-size:9px;height:29px}.site-header{min-height:70px;padding:0 4.5%}.brand{font-size:32px}.brand-burst{font-size:21px}.desktop-nav{display:none}.header-collection{font-size:10px;padding:8px 11px}.header-count-word{display:none}.hero{display:flex;flex-direction:column}.hero-copy{padding:60px 6% 55px}.hero h1{font-size:clamp(80px,15.5vw,124px);margin:35px 0 25px}.hero-sub{font-size:16px;max-width:490px}.hero-proof{margin-top:33px}.hero-art{border-left:0;border-top:var(--line);min-height:470px}.hero-mascot-main{height:70%;top:18%;width:54%}.hero-mascot-left{top:30%;width:35%}.hero-mascot-right{top:32%;width:35%}.hero-art-tag{bottom:16px;left:16px}.hero-corner-label{top:15px;right:15px}.intro-band{padding:22px 4%}.intro-steps{display:grid;grid-template-columns:1fr;gap:12px;margin:19px auto 0;max-width:285px}.step-arrow{display:none}.intro-step{gap:13px}.step-number{font-size:26px}.intro-step strong{font-size:12px}.intro-step small{font-size:11px}.ticker{height:49px}.section{padding:76px 5% 85px}.section-intro{display:block;margin-bottom:31px}.section-intro h2,.maker-section .section-intro h2{font-size:clamp(57px,11vw,84px)}.section-intro p{font-size:15px;max-width:490px;margin-top:21px}.game-scene{height:280px}.game-peebis{width:190px;height:245px}.game-dialogue p{font-size:22px;min-height:auto}.game-topbar{font-size:9px}.game-aside{grid-template-columns:1fr 1fr;gap:16px}.found-card,.reward-card{padding:19px 17px;box-shadow:4px 4px 0 var(--ink)}.found-top,.reward-top{font-size:9px}.found-number{gap:6px}.found-number>span:first-child{font-size:76px;letter-spacing:-5px}.found-sticker{font-size:10px;width:54px;height:54px}.found-card>strong{font-size:11px}.found-card>p{font-size:11px}.reward-card h3{font-size:27px;margin:17px 0 20px}.reward-card>p{font-size:10px}.reward-card small{font-size:10px}.aside-quote{font-size:17px}.maker-card{grid-template-columns:1fr}.maker-stage{min-height:435px;border-right:0;border-bottom:var(--line)}.maker-mascot{width:225px;height:300px}.maker-stage-circle{width:65%}.maker-stage-stamp{width:83px;height:83px;font-size:10px;right:16px;bottom:66px}.maker-controls{gap:24px;padding:30px 25px}.maker-controls h3{font-size:41px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collection-item{border-radius:11px}.collection-item .collect-label{font-size:8px}.collection-toolbar{align-items:flex-start}.collection-stat strong{font-size:15px}.collection-sub{display:none}.merch-grid{grid-template-columns:1fr}.merch-art{height:370px}.sticker{width:130px;height:175px}.merch-details h3{font-size:18px}.manifesto{min-height:520px;padding:70px 5% 90px}.manifesto h2{font-size:clamp(60px,12vw,91px)}.manifesto-sticker{position:static;margin:30px auto 0;width:99px;height:99px;font-size:11px}.footer{flex-direction:column;align-items:flex-start;padding:35px 6%}.footer-right{text-align:left}}
@media(max-width:400px){.hero h1{font-size:clamp(69px,15.6vw,91px)}.hero-actions .button{width:100%}.little-tag{font-size:8px}.hero-art{min-height:400px}.speech{font-size:10px;padding:10px}.game-aside{grid-template-columns:1fr}.aside-quote{grid-column:auto}.game-dialogue{padding:18px 16px 5px}.game-choices{padding:7px 16px 20px}.game-result{margin:6px 16px 18px}.game-bottom{padding:11px 14px}.collection-grid{grid-template-columns:repeat(2,1fr)}.maker-actions .button{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Progression is collectible-first: workshop is a locked reward, not a maker UI. */
.level-card{background:var(--lime);border:3px solid var(--ink);border-radius:17px;padding:21px;color:var(--ink);box-shadow:6px 6px 0 #09070d}
.level-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:900;letter-spacing:.6px}.level-top span:last-child{opacity:.65}
.level-rank{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:15px 0}.level-rank small{display:block;font-size:10px;letter-spacing:1px;font-weight:900}.level-rank strong{font-family:Fredoka,system-ui;font-size:74px;line-height:1;letter-spacing:-4px}.level-unlock{background:#fffdf6;border:2px solid var(--ink);border-radius:10px;padding:8px 12px;text-align:center;font-size:10px;line-height:1.4;font-weight:900;transform:rotate(3deg)}
.level-meter,.workshop-progress{height:12px;border:2px solid var(--ink);border-radius:30px;background:var(--paper);overflow:hidden}.level-fill,.workshop-progress-fill{height:100%;background:var(--hot);width:0;transition:width .3s ease}.level-card p{font-size:10px;letter-spacing:.35px;font-weight:900;margin:9px 0}.level-more{text-decoration:underline;text-underline-offset:3px;font-weight:900;font-size:10px}
.workshop-stage{background:#ad9ed6}.workshop-stage-circle{background:#e3d9f2;box-shadow:0 0 0 44px #877ab355}.workshop-preview{filter:grayscale(1) blur(2px);opacity:.38;transform:scale(.94);animation:none}.workshop-lock{position:absolute;z-index:5;font-size:65px;filter:drop-shadow(5px 7px 0 #30202c40);border-radius:50%;background:#fffaf1;border:3px solid var(--ink);height:117px;width:117px;display:flex;align-items:center;justify-content:center;box-shadow:6px 7px 0 var(--ink)}.workshop-info>p{font-size:15px;line-height:1.65;color:#554757}.workshop-info h3 em{font-style:normal;color:var(--hot)}.workshop-badge{border:2px solid var(--ink);background:var(--lime);padding:13px 16px;border-radius:9px;font-weight:900;font-size:11px;letter-spacing:.3px;text-align:center}.workshop-progress{height:17px;margin-top:-12px;background:#e8dff6}.workshop-progress-copy{font-size:11px!important;font-weight:900;letter-spacing:.5px;text-transform:uppercase;margin-top:-14px!important}.workshop-reward{display:flex;align-items:center;gap:16px;background:#f2eafa;border:2px dashed #7e6bc5;border-radius:12px;padding:17px}.workshop-reward-icon{font-size:48px;color:var(--purple)}.workshop-reward strong{display:block;font-size:13px;letter-spacing:.5px}.workshop-reward small{display:block;line-height:1.55;font-size:11px;margin-top:5px}.workshop-info>.button{margin-top:auto;max-width:250px}.workshop-info .maker-footnote{font-size:10px;color:#756779}
@media(max-width:900px){.level-rank strong{font-size:64px}}
@media(max-width:690px){.level-card{grid-column:span 2}.workshop-lock{width:100px;height:100px;font-size:55px}.workshop-info>.button{max-width:none}.workshop-info h3{font-size:37px}}
@media(max-width:690px){.shop-section .section-intro h2{font-size:clamp(46px,10.2vw,75px)}}
@media(max-width:360px){.maker-section .section-intro h2{font-size:49px}}

/* Brand signature: keep the exact tagline prominent, with relaxed hand-made energy. */
.hero-tagline{font-family:'Fredoka',system-ui,sans-serif;font-size:clamp(22px,2.4vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:-8px 0 19px;transform:rotate(-1deg);color:var(--ink)}
@media(max-width:690px){.hero-tagline{font-size:clamp(22px,5.5vw,29px);margin:-3px 0 17px}}

/* Game chapter 2: three-act conversations, collectible rarity, accessible yearbook filters. */
.game-hearts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 13px;font-size:10px;font-weight:900;letter-spacing:.9px}
.game-hearts strong{font-family:'Fredoka',system-ui,sans-serif;font-size:25px;line-height:1;color:#ef6da9;letter-spacing:2px;white-space:nowrap;text-shadow:1px 1px #29142d}
.rarity-tag,.mini-rarity{font-weight:900;font-size:9px;border:2px solid #2f243c;border-radius:25px;padding:5px 9px;white-space:nowrap;letter-spacing:.35px;color:#2e2240;background:#fff9e9}
.rarity-tag{margin-left:auto}
.rarity-tag.uncommon,.mini-rarity.uncommon{background:#b9f1c5}
.rarity-tag.rare,.mini-rarity.rare{background:#bda7ff}
.rarity-tag.legendary,.mini-rarity.legendary{background:#ffe06c}
.scene-dots{display:flex;gap:6px;margin:0 0 15px}
.scene-dots span{width:30px;height:6px;border-radius:20px;background:#dbcfe8;transition:background .2s}
.scene-dots .is-on{background:#ff84af}.scene-dots .is-done{background:#98c998}
.choice-btn{display:flex;align-items:center;gap:10px;text-align:left}
.answer-key{border:2px solid #34263e;background:#f7f1e6;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:27px;font-size:11px;font-weight:900}
.moment-result strong,.final-result strong{display:block;font-size:15px;letter-spacing:.2px;margin-bottom:8px}
.moment-result p,.final-result p{font-size:14px;line-height:1.5;margin:8px 0 16px}
.final-peebis-label{font-size:12px!important;font-weight:900;letter-spacing:.35px;background:rgba(255,255,255,.48);border:1px dashed #2e243d;border-radius:8px;padding:11px}
.retry-btn{display:block;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;color:inherit;margin:15px 0 3px;font-size:12px;font-weight:900;cursor:pointer}
.yearbook-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-15px 0 22px}
.yearbook-filter{border:2px solid var(--ink);border-radius:30px;background:#fffdf6;padding:9px 17px;font-weight:900;font-size:11px;box-shadow:3px 3px 0 var(--ink)}
.yearbook-filter.active{background:var(--lime)}
.yearbook-count{margin-left:auto;font-size:10px;font-weight:900;letter-spacing:.5px}
.collection-item{position:relative}.collection-item .mini-rarity{position:absolute;left:7px;top:7px;font-size:7px;border-width:1.5px;padding:3px 6px;z-index:2}
.collection-item .collect-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.yearbook-more{display:block;margin:24px auto 10px;padding:14px 23px;border:2px solid var(--ink);border-radius:12px;background:var(--lime);font-size:11px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}
.yearbook-more[hidden]{display:none}
.no-peebis{grid-column:1/-1;font-size:12px;font-weight:900;padding:30px;text-align:center}
@media(max-width:690px){.yearbook-filter{font-size:10px;padding:8px 12px}.yearbook-count{width:100%;margin-top:5px}.game-hearts strong{font-size:23px}.rarity-tag{margin-left:0}}

/* Chapter 3: read the room before you shoot your shot */
.vibe-note{margin:8px 0 15px;padding:12px 15px;background:#e9f9c9;border:2px dashed #605578;border-radius:12px;transform:rotate(-.35deg)}
.vibe-label{display:inline-flex;gap:6px;align-items:center;font-size:10px;letter-spacing:1.3px;font-weight:900;color:#3f3154}
.vibe-note #vibeHint{font-family:'DM Sans',system-ui,sans-serif;font-size:13px;line-height:1.5;font-weight:700;min-height:0;margin:7px 0 0;color:#3c3350}
.game-card.encounter-legendary .game-scene{background:linear-gradient(128deg,#ffe18d,#f7b2e2,#b2adff)}
.game-result .final-peebis-label{font-size:12px;letter-spacing:.25px;line-height:1.45;margin-top:12px}
@media(max-width:400px){.vibe-note{margin:8px 0 12px;padding:11px 13px}.vibe-note #vibeHint{font-size:12px}}

/* Chapter 4: show small visual tells instead of written answer spoilers. */
.game-scene{isolation:isolate}
.scene-thought{position:absolute;top:16%;right:13%;z-index:5;display:grid;place-items:center;width:76px;height:68px;border:3px solid var(--ink);border-radius:50% 50% 46% 55%;background:#fffdf7;box-shadow:4px 4px 0 #2a213c;font-size:40px;transform:rotate(10deg);animation:thought-wobble 4s ease-in-out infinite}
.scene-thought:after{content:'';position:absolute;bottom:-11px;left:17px;width:17px;height:17px;background:#fffdf7;border-bottom:3px solid var(--ink);border-right:3px solid var(--ink);transform:rotate(28deg);z-index:-1}
@keyframes thought-wobble{50%{transform:translateY(-7px) rotate(5deg)}}
.game-scene[data-reaction="nervous"] .game-peebis{filter:drop-shadow(0 2px 9px rgba(255,255,255,.6));transform:rotate(-3deg) translateX(-5px)}
.game-scene[data-reaction="proud"] .game-peebis{filter:drop-shadow(0 0 8px #fff4ad);transform:scale(1.04) rotate(2deg)}
.game-scene[data-reaction="soft"] .game-peebis{filter:drop-shadow(0 0 10px #ffd4e6);transform:rotate(-2deg)}
.game-scene[data-reaction="excited"] .game-peebis{filter:drop-shadow(0 0 12px #fff5a9);transform:translateY(-9px)}
.game-scene[data-reaction="guarded"] .game-peebis{transform:rotate(-5deg) translateX(5px)}
.game-scene[data-reaction="dreamy"] .game-peebis{filter:drop-shadow(0 0 13px #ddd4ff);transform:rotate(3deg)}
.game-scene[data-reaction="playful"] .game-peebis{transform:rotate(6deg)}
.game-scene[data-reaction="curious"] .game-peebis{transform:rotate(-1deg)}
.game-peebis{transition:transform .4s ease,filter .4s ease}
.vibe-note{background:#f7f0ff;padding:14px 15px 12px;transform:none}
.vibe-visuals{display:flex;justify-content:center;gap:15px;align-items:center;margin:11px auto 7px;min-height:66px}
.vibe-symbol{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;background:#fffdf3;border:2px solid var(--ink);border-radius:18px;font-size:34px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-6deg);line-height:1}
.vibe-symbol-2{background:#ffe4ef;transform:translateY(5px) rotate(7deg)}.vibe-symbol-3{background:#e8f8c8;transform:rotate(-4deg)}
.vibe-note #vibeHint{font-size:11px;font-weight:700;opacity:.78;margin:12px 0 0;text-align:center}
.scene-plaque{font-size:clamp(11px,1.9vw,16px);max-width:82%;overflow-wrap:anywhere}
.speaker-tag{font-size:9px;max-width:75%;overflow-wrap:anywhere}
@media(max-width:690px){.scene-thought{top:9%;right:8%;width:64px;height:57px;font-size:32px}.vibe-visuals{gap:10px}.vibe-symbol{width:55px;height:55px;font-size:30px}.scene-plaque{font-size:12px}}
@media(max-width:400px){.vibe-symbol{width:51px;height:51px}.vibe-visuals{min-height:60px}.vibe-note{padding:12px}.vibe-note #vibeHint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scene-thought{animation:none}}
/* Keep the result copy legible on both the success and failure cards. */
.game-result, .game-result strong, .game-result p{color:var(--ink)}

/* Chapter 5: First name + rarity are the only identity labels during an encounter. */
.dialogue-header{justify-content:space-between;gap:12px}
.dialogue-header .speaker-tag{font-size:13px;max-width:70%;padding:8px 13px}
.dialogue-header .rarity-tag{margin:0;font-size:11px;letter-spacing:1px;padding:7px 12px}
.game-top-pill{white-space:nowrap}
.game-hearts{justify-content:flex-start}
.game-hearts strong{margin-left:auto}
.class-reveal{display:grid;gap:5px;padding:16px 16px 14px;margin:18px 0 12px;border:3px solid var(--ink);border-radius:14px;background:linear-gradient(135deg,#fff6e7 0%,#f9d2ee 55%,#d9ccff 100%);box-shadow:4px 4px 0 #251c3099;animation:reveal-pop .4s cubic-bezier(.2,1.3,.4,1) both}
.class-reveal-label{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#673456}
.game-result .class-reveal .class-reveal-name{font-family:'Fredoka',system-ui,sans-serif;font-weight:900;line-height:1.07;letter-spacing:-.6px;font-size:clamp(22px,4.5vw,32px);color:#23162f}
.class-reveal-trait{font-size:10px;font-weight:900;letter-spacing:1.1px;color:#56445d}
@keyframes reveal-pop{from{transform:translateY(10px) scale(.96);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}
.collection-item.discovered .collect-label{display:flex;flex-direction:column;gap:2px;padding:7px 4px 8px;align-items:center;white-space:normal;line-height:1.15}
.collection-item.discovered .collect-label b{font-size:10px;letter-spacing:.6px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.collection-item.discovered .collect-label small{font-size:8px;font-weight:800;opacity:.8;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.collection-item.discovered .collect-art{transform:translateY(-6px)}
@media(max-width:690px){.game-topbar{gap:8px;padding:0 11px;font-size:9px}.game-topbar .game-top-pill{font-size:9px;padding:7px 6px}.dialogue-header .speaker-tag{font-size:12px}.dialogue-header .rarity-tag{font-size:10px}.collection-item.discovered .collect-label b{font-size:9px}.collection-item.discovered .collect-label small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.class-reveal{animation:none}}