:root{--cream:#fffaf2;--ink:#4A3833;--muted:#685f68;--pink:#f4aac1;--line:#e8ddd4;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Courier Prime,Courier New,monospace}a{text-decoration:none;color:inherit}button{font:inherit;color:inherit}.site-header{height:clamp(52px,6.5vw,80px);display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#fff8ef;position:relative;z-index:2;gap:32px}.logo{font-family:"Bree Serif",serif;font-size:clamp(27px,3.6vw,39px);font-weight:400;color:var(--ink);letter-spacing:-.02em;text-transform:lowercase;white-space:nowrap}.logo .logo-x{display:inline-block;width:.79em;height:.79em;margin-left:-.06em;margin-right:-.1em;object-fit:contain;vertical-align:middle;image-rendering:pixelated;filter:drop-shadow(.6px 0 0 #e582a5) drop-shadow(-.6px 0 0 #e582a5) drop-shadow(0 .4px 0 #e582a5) drop-shadow(0 -.4px 0 #e582a5)}.site-header nav{display:flex;align-items:center;gap:clamp(22px,4vw,50px);font-size:13px}.site-header nav a:hover{color:#b66382}.icon-btn{border:0;background:none;padding:7px;cursor:pointer;display:grid;place-items:center}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.site-header nav .icon-btn:first-of-type{margin-left:clamp(12px,6vw,75px)}.hero{background:#fff8ef}.hero-copy{height:clamp(300px,40vw,560px);text-align:center;position:relative;isolation:isolate;padding:clamp(28px,4.3vw,60px) 16px 0}.hero-copy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(banner.png) center/100% 100% no-repeat;transform:translateY(35px);pointer-events:none}.hero-copy>h1,.hero-copy>.subcopy,.hero-copy>.pixel-btn{transform:translateY(35px)}@media(max-width:600px){.hero-copy:before{background-size:auto 100%}}.hero h1{color:var(--ink);font-family:VT323,Courier New,monospace;font-size:clamp(42px,6vw,82px);font-weight:400;font-synthesis:none;line-height:1.1;margin:0 0 clamp(12px,1.7vw,22px);letter-spacing:.06em}.section h2{font-family:Libre Caslon Text,serif}.hero .subcopy{font-family:Courier Prime,Courier New,monospace;font-weight:400;font-size:clamp(14px,1.8vw,21px);margin:0 0 clamp(23px,3.4vw,46px);color:var(--ink)}.pixel-btn,.mini-btn,.party-yay{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:12px 24px;border:0;border-radius:0;background:#302832;color:var(--ink);box-shadow:none;font-family:Courier Prime,Courier New,monospace;font-size:16px;font-weight:700;line-height:1.4;text-align:center;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px)}.pixel-btn:before,.mini-btn:before,.party-yay:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:-1;clip-path:inherit;background:linear-gradient(#f8c4d8,#f1afc9);box-shadow:inset 0 3px #ffedf5,inset 0 -3px #d38aa6;pointer-events:none}:is(.pixel-btn,.mini-btn,.party-yay):not(:disabled):hover{filter:brightness(1.04)}:is(.pixel-btn,.mini-btn,.party-yay):not(:disabled):active{filter:brightness(.94)}:is(.pixel-btn,.mini-btn,.party-yay):focus-visible{outline:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}:is(.pixel-btn,.mini-btn,.party-yay):focus-visible:before{box-shadow:inset 0 0 0 2px #995573,inset 0 4px #ffedf5,inset 0 -4px #d38aa6}.hero .pixel-btn{gap:16px;min-height:50px;padding:12px 25px;font-size:clamp(16px,1.8vw,20px)}.hero .pixel-btn span{font-size:1.25em}.friends-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:1350px;margin:0 auto;padding:0 3% 15px;gap:15px;scroll-margin-top:24px}.friend-choice{min-width:0;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:0;position:relative}.friend-art{width:100%;height:clamp(112px,15vw,200px);display:block;margin-bottom:12px;transition:transform .18s steps(3,end)}.friend-art svg{display:block;width:100%;height:100%;overflow:hidden}.friend-choice:hover .friend-art{transform:translateY(-7px)}.friend-choice strong{font-family:Courier Prime,Courier New,monospace;font-weight:700;font-size:clamp(12px,1.7vw,19px);letter-spacing:0}.friend-choice small{font-family:Courier Prime,Courier New,monospace;font-weight:700;font-size:clamp(12px,1.6vw,17px);margin-top:3px}.friend-choice>.friend-art{position:relative}.friend-choice>.friend-art:before,.friend-choice>.friend-art:after{content:"";position:absolute;bottom:calc(12% - 6px);z-index:1;opacity:0;pointer-events:none;background-position:center;background-size:contain;background-repeat:no-repeat;image-rendering:pixelated}.friend-choice>.friend-art:before{right:calc(100% - 7px);bottom:calc(12% - 12px);width:14px;height:24px;background-image:url(decorations--golden-sparkle.png)}.friend-choice>.friend-art:after{left:calc(100% - 18px);bottom:calc(12% - 10px);width:20px;height:20px;background-image:url(heart.png)}@media(hover:hover)and (pointer:fine){.friend-choice:hover>.friend-art:before,.friend-choice:hover>.friend-art:after{opacity:1}}.pixel-heart{display:inline-block;width:1.4em;height:1.4em;vertical-align:-.3em;background:url(heart.png) center/contain no-repeat;image-rendering:pixelated}:where(a,button,summary):focus-visible{outline:3px solid #ac6486;outline-offset:5px}.section{max-width:1280px;margin:auto;padding:88px 4vw}.section-heading{max-width:720px;margin-bottom:36px}.eyebrow,.lv{font-size:12px;letter-spacing:.12em}.section h2{font-size:clamp(40px,4.7vw,60px);line-height:1.04;margin:10px 0 16px}.section-heading p,.package-copy p{font-family:Libre Caslon Text,serif;color:var(--muted);font-size:17px;line-height:1.6}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.character-card{border:1px solid #e4d8d0;overflow:hidden}.character-card img{width:100%;height:285px;object-fit:cover;display:block;image-rendering:pixelated}.card-copy{padding:21px}.card-copy h3{font-family:Libre Caslon Text,serif;font-size:var(--text-card);margin:8px 0}.card-copy p{font-family:Libre Caslon Text,serif;color:var(--muted);line-height:1.5}.mini-btn{font-size:14px;min-height:44px;padding:10px 16px}.mint{background:#e3efda}.lavender{background:#e9e0f6}.yellow{background:#fff0bd}.blue{background:#dceefa}.pink{background:#f9dfe7}.green{background:#e3efd7}.scene-frame{overflow:hidden}.character-card .scene-frame{height:auto;aspect-ratio:10/9}.scene-frame img{display:block}.scene-frame img[src$="-scene.png"]{object-fit:contain}.character-card .scene-frame img{height:100%}.product{display:grid;grid-template-columns:1.04fr .96fr;gap:0}.product-art{min-height:620px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background-color:#dbe9ce;background-image:linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px);background-size:16px 16px}.product-art img{width:72%;max-width:470px;image-rendering:pixelated}.back{position:absolute;top:22px;left:24px;font-size:12px}.product-copy{border:1px solid var(--line);border-left:0;background:var(--paper);padding:44px}.product-copy h2{font-size:51px}.product-copy>p{font-family:Libre Caslon Text,serif;font-size:17px;line-height:1.6}.traits{list-style:none;padding:0;display:grid;gap:10px;font-family:Libre Caslon Text,serif;margin:24px 0}.level-switcher{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.level{border:1px solid #cabfb9;background:#fff;padding:13px;text-align:left;cursor:pointer}.level b{display:block;font-size:12px;color:#9b6376}.level span{display:block;font-family:Libre Caslon Text,serif;font-weight:700;margin:4px 0}.level small{font-size:12px;color:var(--muted)}.level.active{border:2px solid #302832;background:#fff3f6;box-shadow:3px 3px 0 var(--pink)}.product-art .scene-frame{width:72%;max-width:470px}.product-art .scene-frame img{width:100%;max-width:none;height:auto}.idle-preview{text-align:center;margin:18px 0}.idle-animation{display:block;width:78px;height:126px;margin:0 auto;background-image:var(--idle-image);background-repeat:no-repeat;background-size:var(--idle-sheet-width) 186px;background-position:var(--idle-frame-1) -24px;image-rendering:pixelated;animation:friend-idle 2.4s steps(1,end) infinite}.idle-preview small{display:block;font-size:12px}.product-actions{display:flex;justify-content:space-between;align-items:center;gap:18px}.product-actions>div{display:flex;flex-direction:column}.price{font-family:Libre Caslon Text,serif;font-size:31px}.progression{text-align:center}.level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px;text-align:left}.level-cards article{border:1px solid var(--line);background:#fff;padding:25px}.level-cards article.featured{border:2px solid #302832;background:#fff3f6;box-shadow:5px 5px 0 var(--pink)}.level-cards h3{font-family:Libre Caslon Text,serif;font-size:var(--text-card)}.level-cards p{font-family:Libre Caslon Text,serif;color:var(--muted);line-height:1.5}.pixel-meter{height:11px;border:2px solid #302832;padding:2px;margin:20px 0 8px}.pixel-meter i{display:block;height:100%;background:var(--pink)}.asset-showcase{text-align:center}.asset-showcase img{width:100%;display:block;border:1px solid var(--line);margin-top:30px}.packaging{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.package-image img{width:100%;display:block}.package-copy h2{font-size:48px}.package-copy .pixel-btn{display:inline-block;margin-top:8px}.more-friends{text-align:center}.more-friends .section-heading{margin:0 auto}.faq-page{min-height:100vh;display:flex;flex-direction:column}.faq-page main{flex:1;width:100%;min-width:0}.faq-page .faq{max-width:950px}.faq-page h1{font-family:Libre Caslon Text,serif;font-size:clamp(40px,4.7vw,60px);line-height:1.04;margin:10px 0 32px}.faq-page nav [aria-current=page]{color:#b66382}.card-copy .mini-btn{display:inline-block}.character-page .product-copy h1{font-family:Libre Caslon Text,serif;font-size:51px;line-height:1.04;margin:10px 0 16px}.character-page main{min-width:0}@media(max-width:540px){.character-page .product-copy h1{font-size:38px}}.story-page{min-height:100vh;display:flex;flex-direction:column}.story-content{width:100%;max-width:820px;flex:1}.story-content h1{font-family:Libre Caslon Text,serif;font-size:clamp(38px,5vw,60px);font-weight:700;line-height:1.12;margin:16px 0 32px}.story-prose{font-family:Libre Caslon Text,serif;font-size:18px;line-height:1.8;color:var(--muted)}.story-prose p{margin:0 0 24px}.story-page nav [aria-current=page]{color:#b66382}.faq details{max-width:850px;margin:11px auto;border:1px solid var(--line);background:#fff;padding:18px}.faq summary{font-family:Libre Caslon Text,serif;font-weight:700}.faq p{font-family:Libre Caslon Text,serif;color:var(--muted);line-height:1.6}footer{display:flex;justify-content:space-between;align-items:center;padding:36px 4vw;border-top:1px solid var(--line)}footer p{font-size:12px}.toast{position:fixed;right:22px;bottom:22px;background:#fff;border:2px solid #302832;box-shadow:5px 5px 0 var(--pink);padding:18px 22px;display:grid;gap:6px;transform:translateY(150%);transition:.25s;z-index:50}.toast.show{transform:none}.toast b{font-size:12px}.toast span{font-family:Libre Caslon Text,serif;font-weight:700}@media(any-hover:hover)and (any-pointer:fine){html,body{cursor:url(cursor-arrow.svg) 6 1,default}:is(a,button,summary,[role=button],.friend-choice,.choose,.level,.icon-btn){cursor:url(cursor-hand.svg) 11 2,pointer}:is(input,textarea,[contenteditable=true]){cursor:text}:is(button,input):disabled{cursor:not-allowed}}.click-sparkle{position:fixed;width:20px;height:20px;margin:-10px 0 0 -10px;background:url(click-sparkle.svg) center/contain no-repeat;image-rendering:pixelated;pointer-events:none;z-index:100;animation:click-sparkle .32s ease-out forwards}@keyframes click-sparkle{0%{opacity:1;transform:scale(.45)}40%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:0;transform:translateY(-7px) scale(.7)}}.character-page{animation:page-enter .2s ease-out}.loading-friend,.party-open{overflow:hidden}.party-dialog{width:min(360px,calc(100vw - 40px));max-height:calc(100svh - 40px);padding:30px 28px 26px;border:1px solid #eddbd7;border-radius:var(--radius-panel);background:radial-gradient(ellipse at center,#fffaf4,#fbedeb);color:var(--ink);text-align:center;box-shadow:0 16px 60px #4a38332b;font-family:Courier Prime,Courier New,monospace}.party-dialog[open]{animation:party-arrive .2s ease-out}.party-dialog::backdrop{background:#4a383352;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.party-dialog h2{margin:0;font-size:24px;line-height:1.05;font-weight:700}.party-art{position:relative;width:220px;max-width:100%;height:150px;margin:10px auto 0;display:grid;place-items:center}.party-rays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.party-friend{position:relative;padding-top:16px}.party-friend .friend-art{width:120px;height:120px;margin:0}.party-message{margin:0 0 16px;padding:16px 12px;border:2px solid #302832;border-radius:8px;background:#fffaf8;font-size:19px;font-weight:700;line-height:1.3}.party-message .pixel-heart{width:1em;height:1em;vertical-align:-.15em}.party-yay{min-width:116px}@keyframes party-arrive{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.friend-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 75%,#f3e8ed,#eadff0 75%,#e7daed);animation:page-enter .12s ease-out}.friend-loader-content{position:relative;z-index:1;text-align:center;padding:20px 20px 60px}.friend-loader-art .friend-art{width:128px;height:128px;margin:0 auto 14px;animation:friend-loading-hop .75s steps(2,end) infinite}.friend-loader p{font-family:VT323,Courier New,monospace;font-weight:400;font-size:clamp(30px,3.5vw,36px);line-height:1.05;letter-spacing:.5px;margin:0 0 18px}.friend-loader-track{position:relative;width:200px;height:24px;padding:4px;margin:auto;background:#302832;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);overflow:hidden}.friend-loader-track:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fffaf8;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.friend-loader-track span{position:relative;display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#f2abc7 0 14px,transparent 14px 16px);animation:friend-loading-fill 1.5s steps(1,end) both}.friend-loader-meadow{position:absolute;inset:auto 0 0;height:clamp(100px,22vh,160px);background:url(loading-meadow.svg) center bottom/min(100vw,600px) auto repeat-x;image-rendering:pixelated;pointer-events:none}@keyframes friend-loading-hop{50%{transform:translateY(-8px)}}@keyframes friend-loading-fill{0%{width:33.333%}33.333%{width:66.667%}66.667%,to{width:100%}}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:900px){.character-grid{grid-template-columns:repeat(2,1fr)}.product,.packaging{grid-template-columns:1fr}.product-copy{border-left:1px solid var(--line)}.level-cards{grid-template-columns:1fr}.section{padding:62px 20px}}@media(max-width:540px){.character-grid{grid-template-columns:1fr}.product-copy{padding:28px 20px}.level-switcher{grid-template-columns:1fr}.product-actions{align-items:flex-start;flex-direction:column}.product-copy h2,.package-copy h2{font-size:38px}footer{flex-direction:column;gap:10px}}@media(max-width:760px){.site-header{height:58px;padding:0 4%;gap:20px}.site-header .logo{font-size:28px}.site-header nav{gap:22px;font-size:12px}.site-header nav .icon-btn:first-of-type{margin-left:24px}.icon-btn svg{width:19px;height:19px}.hero-copy{padding-top:28px}.friends-row{gap:10px;padding-bottom:25px}.hero .subcopy{font-size:14px;line-height:1.5}.hero h1{font-size:46px}}@media(max-width:600px){.site-header{height:auto;min-height:92px;flex-wrap:wrap;justify-content:center;gap:12px;padding-block:14px}.site-header nav{width:100%;justify-content:center;gap:24px}.site-header nav .icon-btn:first-of-type{margin-left:8px}.hero-copy{height:325px;padding-top:30px;background-size:auto 100%}.hero h1{font-size:clamp(38px,11vw,46px)}.hero .subcopy{font-size:14px;margin-bottom:26px}.hero .pixel-btn{font-size:16px;min-height:48px}.friends-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding:0 20px 30px}.friend-art{height:125px;margin-bottom:8px}.friend-choice strong,.friend-choice small{font-size:12px}}@media(max-width:360px){.hero h1{font-size:34px}.hero .subcopy{font-size:14px}.site-header nav{gap:17px}.friend-art{height:105px}}@media(min-width:601px){.hero{--picker-art-height:min(clamp(112px,15vw,200px),25svh)}.hero-copy{height:min(clamp(300px,40vw,560px),max(260px,calc(100svh - clamp(52px,6.5vw,80px) - var(--picker-art-height) - 90px)));padding-top:min(clamp(28px,4.3vw,60px),4svh)}.friend-art{height:var(--picker-art-height);flex-shrink:0}.friend-choice strong,.friend-choice small{flex-shrink:0;line-height:1.25}.hero h1{font-size:clamp(42px,min(6vw,8svh),82px);margin-bottom:min(clamp(12px,1.7vw,22px),2svh)}.hero .subcopy{margin-bottom:min(clamp(23px,3.4vw,46px),4svh)}}@keyframes friend-idle{0%,to{background-position:var(--idle-frame-1) -24px}25%{background-position:var(--idle-frame-2) -24px}50%{background-position:var(--idle-frame-3) -24px}75%{background-position:var(--idle-frame-4) -24px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/styles.css.map */