:root{--scene-color:#0a0a0a;--scene-ink:#fffbed;--scene-accent:var(--accent);--scene-border:var(--accent);--scene-button:var(--accent);--ds:.8;--header-height:calc(clamp(72px, 7.8vh, 97px) * var(--ds));--page:var(--scene-color);--surface:#121212;--html-bg:var(--scene-color)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}section[id]{scroll-margin-top:0}body{background:var(--page)}.site-header{height:var(--header-height);color:var(--scene-ink);box-shadow:none;isolation:isolate;background:0 0;border-top:0;border-bottom:0}.site-header:before,.site-header:after{content:"";pointer-events:none;z-index:-2;background:var(--scene-border);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 4px) calc(100% - 18px),calc(100% - 4px) calc(100% - 14px),calc(100% - 8px) calc(100% - 14px),calc(100% - 8px) calc(100% - 10px),calc(100% - 12px) calc(100% - 10px),calc(100% - 12px) calc(100% - 6px),calc(100% - 18px) calc(100% - 6px),calc(100% - 18px) calc(100% - 2px),calc(100% - 24px) calc(100% - 2px),calc(100% - 24px) 100%,24px 100%,24px calc(100% - 2px),18px calc(100% - 2px),18px calc(100% - 6px),12px calc(100% - 6px),12px calc(100% - 10px),8px calc(100% - 10px),8px calc(100% - 14px),4px calc(100% - 14px),4px calc(100% - 18px),0 calc(100% - 18px));position:absolute;inset:0}.site-header:after{z-index:-1;background:var(--scene-color);inset:0 0 2px}.site-header-inner{grid-template-columns:auto 1fr auto;gap:clamp(16px,1.5vw,48px);width:calc(100% - clamp(32px,6vw,280px));height:100%}.site-brand{min-width:0;font-size:clamp(12px, calc(1.1vw * var(--ds)), calc(26px * var(--ds)));gap:10px}.site-brand-name{text-transform:uppercase;white-space:nowrap;letter-spacing:-.045em}.site-brand img{width:calc(clamp(40px, 2.88vw, 60px) * var(--ds));height:calc(clamp(40px, 2.88vw, 60px) * var(--ds));object-fit:contain}.site-nav{justify-self:center;display:block}.site-nav ul{align-items:center;gap:0}.site-header .site-nav a{min-height:calc(44px * var(--ds));padding:calc(10px * var(--ds)) calc(clamp(6px, .5vw, 14px) * var(--ds));font-family:var(--font-pixel), monospace;font-size:clamp(8px, calc(.66vw * var(--ds)), calc(13px * var(--ds)));text-transform:uppercase;justify-content:center;align-items:center;margin:0;line-height:1.6;display:flex}.site-header nav a{isolation:isolate;position:relative}.site-header nav a:before,.site-header nav a:after{content:"";z-index:-2;pointer-events:none;opacity:0;background:var(--accent);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);position:absolute;inset:0}.site-header nav a:after{z-index:-1;background:var(--scene-color);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);inset:2px}.site-header nav a:is(.is-current,:hover,:focus-visible){color:var(--scene-accent)}.site-header nav a:is(.is-current,:hover,:focus-visible):before,.site-header nav a:is(.is-current,:hover,:focus-visible):after{opacity:1}.site-actions{--action-height:clamp(36px, calc(4.8vh * var(--ds)), calc(60px * var(--ds)));gap:calc(clamp(8px, .6vw, 12px) * var(--ds));display:flex}.site-actions :is(.button,.social-x){height:var(--action-height);min-height:var(--action-height)}.site-actions .button{padding:0 calc(clamp(12px, .8vw, 16px) * var(--ds));font-size:clamp(8px, calc(.8vw * var(--ds)), calc(16px * var(--ds)))}.site-actions :is.social-x{width:var(--action-height);min-width:var(--action-height);padding:0}.site-actions .social-x svg{width:calc(var(--action-height) * .44);height:calc(var(--action-height) * .44)}.menu-button{width:44px;min-width:44px;height:44px;color:var(--scene-ink);padding:10px}.social-x{width:44px;min-width:44px;height:44px;color:var(--scene-ink);flex:none;place-items:center;padding:10px;text-decoration:none;display:inline-grid}.social-x svg{width:20px;height:20px}.social-x:hover{color:var(--scene-accent)}.header-social-x,.menu-button{display:none}.site-header .wallet-chip{font-family:var(--font-pixel), monospace;text-transform:uppercase}.site-actions .wallet-chip{font-size:clamp(7px, calc(.56vw * var(--ds)), calc(12px * var(--ds)))}.site-header .wallet-chip .wallet-account{text-transform:none}.button .wallet-account-id{max-width:16ch;font:inherit;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.site-header .wallet-tag{background:var(--accent);color:var(--on-accent);border:0;margin-left:8px;padding:3px 4px;font-size:6px;line-height:1}.site-header .wallet-panel{border:2px solid var(--scene-border);background:var(--scene-color);color:var(--scene-ink);box-shadow:none}.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.pet-tab){--frame-fill:var(--scene-color);--frame-line:var(--accent);--corner:8px;--pixel-step:3px;isolation:isolate;color:var(--scene-ink);box-shadow:none;text-transform:uppercase;background:0 0;border:0;border-radius:0;transition:transform .14s;animation:none;position:relative}.pixel-ui :is(.nft-lightbox-close,.game-modal-close){position:absolute}.pixel-ui .button-primary{--frame-fill:var(--accent);--frame-line:var(--accent-light);color:var(--on-accent)}.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.pet-tab):before,.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.pet-tab):after{content:"";z-index:-2;pointer-events:none;background:var(--frame-line);clip-path:polygon(var(--corner) 0,calc(100% - var(--corner)) 0, calc(100% - var(--corner)) var(--pixel-step), calc(100% - var(--pixel-step)) var(--pixel-step), calc(100% - var(--pixel-step)) var(--corner),100% var(--corner), 100% calc(100% - var(--corner)), calc(100% - var(--pixel-step)) calc(100% - var(--corner)), calc(100% - var(--pixel-step)) calc(100% - var(--pixel-step)), calc(100% - var(--corner)) calc(100% - var(--pixel-step)), calc(100% - var(--corner)) 100%,var(--corner) 100%, var(--corner) calc(100% - var(--pixel-step)), var(--pixel-step) calc(100% - var(--pixel-step)), var(--pixel-step) calc(100% - var(--corner)),0 calc(100% - var(--corner)), 0 var(--corner),var(--pixel-step) var(--corner), var(--pixel-step) var(--pixel-step),var(--corner) var(--pixel-step));position:absolute;inset:0}.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.pet-tab):after{z-index:-1;background:var(--frame-fill);inset:2px}.pixel-ui .button-primary:after{box-shadow:inset -2px -2px 0 var(--accent-deep);inset:3px 2px 1px 3px}.pixel-ui .button-primary:hover{--frame-fill:var(--accent-hover)}.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.pet-tab):is(:hover,:active){box-shadow:none}@media (prefers-reduced-motion:no-preference){@media (min-width:1024px) and (hover:hover){.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.pet-tab,.pet-mood):hover{transform:translate(2px,2px)}}.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.pet-tab,.pet-mood):active{transform:translateY(1px)}}.pixel-ui .button:is([aria-disabled=true],:disabled){--frame-fill:var(--scene-color);--frame-line:color-mix(in srgb, var(--scene-ink) 35%, transparent);color:color-mix(in srgb, var(--scene-ink) 55%, transparent);cursor:not-allowed;transform:none}.menu-button[aria-expanded=true]{--frame-fill:var(--scene-button);color:var(--on-accent)}.pixel-ui .cta-labels{margin:0}.pixel-ui .cta-label{font:inherit;margin:0}.button .launch-arrow{width:.85em;height:.85em;font:inherit;clip-path:polygon(20% 0,100% 0,100% 80%,75% 80%,75% 43%,18% 100%,0 82%,57% 25%,20% 25%);background:currentColor;flex:none;margin:0 0 0 .65em;display:inline-block}.pixel-ui :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:5px}.hero-shell>.hero{--hero-h:calc(100dvh - var(--header-height));--scene-ratio:.5628;--cloud-top:.068;--horizon:.83;--scene-h:max(100dvh, var(--scene-ratio) * 100vw);--scene-y:min(max(-1 * var(--header-height), 32px - var(--cloud-top) * var(--scene-h)), var(--hero-h) - 72px - var(--horizon) * var(--scene-h));--grid-zone:calc(var(--hero-h) - var(--scene-y) - var(--horizon) * var(--scene-h));min-height:calc(100vh - var(--header-height));min-height:var(--hero-h);background-color:var(--scene-color);background-image:url(/hero/dark.png);background-repeat:no-repeat;background-size:auto var(--scene-h);background-position-x:50%;background-position-y:var(--scene-y);color:var(--scene-ink)}.hero-content{box-sizing:border-box;width:min(1100px,100% - 40px);min-height:inherit;padding:0 0 calc(var(--grid-zone) + 56px * var(--ds));text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;display:flex}.hero-content:before,.hero-content:after{content:"";flex:2 1 0;min-height:24px}.hero-content:after{flex-grow:1;min-height:8px}.hero #hero-title{font-family:var(--font-pixel), monospace;font-size:clamp(28px, calc(3.81vw * var(--ds)), calc(100px * var(--ds)));letter-spacing:-.045em;white-space:nowrap;width:auto;max-width:100%;text-shadow:none;margin:0;font-weight:400;line-height:1.25}.glyph-narrow{margin-left:-.125em}.hero-subtitle{margin:calc(16px * var(--ds)) 0 0;font-family:var(--font-pixel), monospace;font-size:clamp(9px, calc(1.07vw * var(--ds)), calc(24px * var(--ds)));letter-spacing:.13em;text-transform:uppercase;color:var(--scene-accent);text-wrap:balance;line-height:1.6}.hero .device-wrap{width:calc(clamp(233px, 34.4vh, 465px) * var(--ds));isolation:isolate;flex:none;order:0;place-items:center;max-width:90%;margin:12px 0 -8px;display:grid;transform:none}.hero .device-wrap:before,.hero .device-wrap:after{content:"";pointer-events:none;position:absolute}.hero .device-wrap:before{background:var(--accent);width:108%;height:30%;top:24%;left:-4%;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 30' preserveAspectRatio='none' shape-rendering='crispEdges'><path d='M3 3.5h3v2.2H3zM5.2 5.2h3v2.2h-3zM7.4 6.9h3v2.2h-3zM0 12.4h8.5v2.2H0zM3 23.3h3v2.2H3zM5.2 21.6h3v2.2h-3zM7.4 19.9h3v2.2h-3zM102 3.5h3v2.2h-3zM99.8 5.2h3v2.2h-3zM97.6 6.9h3v2.2h-3zM99.5 12.4h8.5v2.2h-8.5zM102 23.3h3v2.2h-3zM99.8 21.6h3v2.2h-3zM97.6 19.9h3v2.2h-3z'/></svg>") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 30' preserveAspectRatio='none' shape-rendering='crispEdges'><path d='M3 3.5h3v2.2H3zM5.2 5.2h3v2.2h-3zM7.4 6.9h3v2.2h-3zM0 12.4h8.5v2.2H0zM3 23.3h3v2.2H3zM5.2 21.6h3v2.2h-3zM7.4 19.9h3v2.2h-3zM102 3.5h3v2.2h-3zM99.8 5.2h3v2.2h-3zM97.6 6.9h3v2.2h-3zM99.5 12.4h8.5v2.2h-8.5zM102 23.3h3v2.2h-3zM99.8 21.6h3v2.2h-3zM97.6 19.9h3v2.2h-3z'/></svg>") 0 0/100% 100% no-repeat}.hero .device-wrap:after{z-index:-1;background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;width:97%;height:7.4%;top:85%;left:1.5%}.hero .device-logo{object-fit:contain;width:100%;height:auto;image-rendering:pixelated;filter:none;display:block}.hero .hero-lede{width:min(100%,760px);max-width:42ch;margin:calc(12px * var(--ds)) 0 0;font-family:var(--font-sans), sans-serif;font-size:clamp(14px, calc(1.35vw * var(--ds)), calc(27px * var(--ds)));letter-spacing:0;text-wrap:balance;font-weight:500;line-height:1.45}.hero .hero-actions{justify-content:center;gap:calc(28px * var(--ds));width:min(100%, calc(35.34vw * var(--ds)), calc(725px * var(--ds)));margin:calc(28px * var(--ds)) 0 0;flex-direction:row;display:flex}.hero .button{min-width:0;min-height:clamp(40px, calc(6.05vh * var(--ds)), calc(71px * var(--ds)));padding:calc(16px * var(--ds)) calc(20px * var(--ds));font-family:var(--font-pixel), monospace;font-size:clamp(10px, calc(1.07vw * var(--ds)), calc(22px * var(--ds)));--corner:12px;--pixel-step:4px;flex:1;line-height:1.5}.hero .button:after{inset:3px}.hero .button-primary:after{inset:4px 3px 1px 4px}.hero .hero-progress{width:min(100%, calc(35.34vw * var(--ds)), calc(725px * var(--ds)));margin:calc(20px * var(--ds)) 0 0;border-color:var(--scene-border);color:var(--scene-ink);background:var(--scene-color);box-shadow:none}.hero .drop-progress-bar>span{background:color-mix(in srgb, var(--accent) 22%, transparent)}.hero .drop-progress-bar>.is-on{background:var(--accent)}.hero .drop-progress-label{white-space:normal;text-wrap:balance}.pixel-ui .drop-progress.drop-progress{--frame-fill:var(--scene-color);--frame-line:var(--scene-border);--corner:8px;--pixel-step:3px;isolation:isolate;box-shadow:none;padding:calc(round(calc(10px * var(--ui-scale,1)), 1px) + 2px) calc(round(calc(12px * var(--ui-scale,1)), 1px) + 2px);background:0 0;border:0;position:relative}.pixel-ui .drop-progress.drop-progress:before,.pixel-ui .drop-progress.drop-progress:after{content:"";z-index:-2;pointer-events:none;background:var(--frame-line);clip-path:polygon(var(--corner) 0,calc(100% - var(--corner)) 0, calc(100% - var(--corner)) var(--pixel-step), calc(100% - var(--pixel-step)) var(--pixel-step), calc(100% - var(--pixel-step)) var(--corner),100% var(--corner), 100% calc(100% - var(--corner)), calc(100% - var(--pixel-step)) calc(100% - var(--corner)), calc(100% - var(--pixel-step)) calc(100% - var(--pixel-step)), calc(100% - var(--corner)) calc(100% - var(--pixel-step)), calc(100% - var(--corner)) 100%,var(--corner) 100%, var(--corner) calc(100% - var(--pixel-step)), var(--pixel-step) calc(100% - var(--pixel-step)), var(--pixel-step) calc(100% - var(--corner)),0 calc(100% - var(--corner)), 0 var(--corner),var(--pixel-step) var(--corner), var(--pixel-step) var(--pixel-step),var(--corner) var(--pixel-step));position:absolute;inset:0}.pixel-ui .drop-progress.drop-progress:after{z-index:-1;background:var(--frame-fill);inset:2px}.hero-scroll{left:0;right:0;bottom:calc(var(--grid-zone) + 6px);width:44px;height:44px;color:var(--scene-accent);place-items:center;margin:0 auto;text-decoration:none;animation:1.8s ease-in-out infinite scroll-cue;display:grid;position:absolute}.hero-scroll span:before,.hero-scroll span:after{content:"";border-bottom:4px solid;border-right:4px solid;width:18px;height:18px;margin-top:-6px;display:block;transform:rotate(45deg)}@keyframes scroll-cue{50%{transform:translateY(5px)}}.pets-section{border-top-color:var(--scene-border)}@media (min-width:769px) and (max-width:1200px){.hero .hero-actions,.hero .hero-progress{width:min(100%, calc(670px * var(--ds)))}}@media (max-width:1279px){.site-header-inner{grid-template-columns:minmax(0,1fr) 44px 44px;gap:10px}.site-brand{font-size:clamp(14px,1.5vw,19px)}.site-nav,.site-actions{display:none}.header-social-x,.menu-button{place-items:center;display:grid}.menu-button{margin:0;padding:0;position:static}.menu-icon{background:currentColor}.mobile-menu:not([hidden]){top:calc(var(--header-height) - 2px);max-height:calc(100dvh - var(--header-height));border:0;border-bottom:2px solid var(--scene-border);background:var(--scene-color);box-shadow:none;color:var(--scene-ink);padding:8px clamp(20px,5vw,72px) 24px}.mobile-menu-backdrop{inset:var(--header-height) 0 0}.mobile-menu li{border-bottom-color:color-mix(in srgb, var(--scene-border) 35%, transparent)}.mobile-menu nav a{min-height:48px;font-family:var(--font-pixel), monospace;text-transform:uppercase;padding:14px 18px;font-size:12px}.mobile-menu-actions{gap:16px;margin-top:20px}.mobile-menu-actions .button{min-height:52px;padding:12px;font-size:11px}.mobile-menu .wallet-tag{border:0}}@media (max-width:768px){:root{--ds:.7;--ui-scale:.84;--header-height:max(52px, calc(64px * var(--ds)))}.hero-sky{display:none}.hero-shell>.hero{--scene-ratio:1.7768;--cloud-top:.073;--cloud-bottom:.186;--horizon:.843;background-image:url(/hero/darkmobile.png)}.site-header-inner{--tap:max(44px, calc(44px * var(--ds)));grid-template-columns:minmax(0, 1fr) var(--tap) var(--tap);gap:6px;width:calc(100% - 24px)}.header-social-x,.menu-button{width:var(--tap);min-width:var(--tap);height:var(--tap);min-height:var(--tap)}.header-social-x svg{width:calc(20px * var(--ds));height:calc(20px * var(--ds))}.site-brand{font-size:max(9px, calc(clamp(10px, 3.4vw, 19px) * var(--ds)));gap:4px}.site-brand img{width:calc(36px * var(--ds));height:calc(44px * var(--ds))}.menu-icon,.menu-icon:before,.menu-icon:after{width:calc(22px * var(--ds));height:3px}.hero-content{width:calc(100% - 32px);height:var(--hero-h);padding-bottom:calc(var(--grid-zone) + 46px)}.hero-content>*{flex-shrink:0}.hero-content:before{flex:0 1 calc(var(--scene-y) + var(--cloud-bottom) * var(--scene-h) + 12px);min-height:16px}.hero-content:after{flex:0 0 8px}.hero #hero-title{font-size:calc(clamp(24px, 8.2vw, 56px) * var(--ds));line-height:1.2}.hero-subtitle{font-size:max(8px, calc(clamp(9px, 2.8vw, 16px) * var(--ds)));letter-spacing:.2em;margin:calc(10px * var(--ds)) 0}.hero .device-wrap{width:calc(clamp(130px, min(48vw, 22.5dvh), 300px) * var(--ds));max-width:100%;margin:auto 0 -8px}.hero .hero-lede{font-size:max(13px, calc(clamp(14px, 3.7vw, 20px) * var(--ds)));max-width:32ch;margin-top:calc(10px * var(--ds))}.hero .hero-actions,.hero .hero-progress{width:calc(clamp(220px, 66vw, 340px) * var(--ds))}.hero .hero-actions{gap:calc(12px * var(--ds));margin:calc(18px * var(--ds)) 0 auto;flex-direction:column}.hero .hero-progress{margin-top:12px}.hero .button{width:100%;min-height:max(44px, calc(44px * var(--ds)));padding:calc(10px * var(--ds)) 12px;font-size:max(9px, calc(clamp(11px, 3.1vw, 16px) * var(--ds)));flex:none}}@media (max-width:380px){.site-header-inner{width:calc(100% - 16px)}.site-brand{gap:0;font-size:10px}.site-brand img{width:30px}}@media (min-width:600px) and (max-width:768px){.hero-content:before,.hero-content:after{flex:1 1 0}.hero .device-wrap{margin-top:0}.hero .hero-actions{margin-bottom:0}}@media (max-width:768px) and (max-height:620px){.hero .device-wrap{width:clamp(120px,38vw,200px)}.hero .hero-actions{gap:10px;margin-top:14px}.hero .hero-progress{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scroll{animation:none}.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.pet-tab){transition:none}}.hero-title-host{display:inline-block;position:relative}@media (max-width:1023px){.hero-title-host .sparkle{width:15px!important;height:15px!important}}@media (min-width:1024px){.hero .hero-actions .button-primary{flex:none}}.site-actions :is.social-x{flex:none}.site-actions .wallet-account-id{max-width:12ch}.hero-sky-mobile{display:none}@media (max-width:768px){.hero-sky-mobile{display:block}.hero-title-host>.sparkles>.sparkle:is(:first-child,:nth-child(6)){display:none}}.nav-sweep{display:inline-block;position:relative}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (min-width:769px){.site-header .site-nav .nav-sweep:after{content:attr(data-label);content:attr(data-label) / "";pointer-events:none;color:#0000;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 8' preserveAspectRatio='none' shape-rendering='crispEdges'><polygon fill='%2301eba3' points='19,0 19,1 18,1 18,2 17,2 17,3 16,3 16,4 15,4 15,5 14,5 14,6 13,6 13,7 12,7 12,8 0,8 0,7 1,7 1,6 2,6 2,5 3,5 3,4 4,4 4,3 5,3 5,2 6,2 6,1 7,1 7,0'/></svg>") -100em 0/3.8em 100% no-repeat;animation:nav-sweep var(--sweep-cycle) infinite;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}}@keyframes nav-sweep{0%{background-position:-3.8em 0;animation-timing-function:steps(12,end)}20%,to{background-position:calc(100% + 3.8em) 0}}
:root{--card-fill:#141414;--lcd-line:#d8e4c3;--lcd-mark:var(--accent-text);--tier-legendary-line:#ffd43b;--marks-left:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 3 11 23' shape-rendering='crispEdges'><path d='M3 3.5h3v2.2H3zM5.2 5.2h3v2.2h-3zM7.4 6.9h3v2.2h-3zM0 12.4h8.5v2.2H0zM3 23.3h3v2.2H3zM5.2 21.6h3v2.2h-3zM7.4 19.9h3v2.2h-3z'/></svg>");--marks-right:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='97 3 11 23' shape-rendering='crispEdges'><path d='M102 3.5h3v2.2h-3zM99.8 5.2h3v2.2h-3zM97.6 6.9h3v2.2h-3zM99.5 12.4h8.5v2.2h-8.5zM102 23.3h3v2.2h-3zM99.8 21.6h3v2.2h-3zM97.6 19.9h3v2.2h-3z'/></svg>");--section-space:calc(clamp(52px, 4.15vw, 106px) * var(--ds));--section-bubble:calc(clamp(90px, 5.7vw, 140px) * var(--ds));--content-gap:calc(clamp(40px, 3.75vw, 96px) * var(--ds));--heading-gap:calc(var(--content-gap) * .4);--section-scale:1.32}.hero-shell>:is(.pets-section,.steps-section,.wardrobe-section,.tokenomics-section,.coin-section,.faq-section){padding:calc(var(--section-space) * var(--section-scale) + var(--section-bubble)) 0 calc(var(--section-space) * var(--section-scale));border-top-color:var(--scene-border);color:var(--scene-ink)}.hero-shell>.pets-section{padding-top:calc(var(--section-space) + var(--section-bubble))}@media (min-width:1024px){.hero-shell .pets-section .pets-content{width:min(calc(100% - 48px), calc(2000px * var(--ds)))}.hero-shell .pets-section .pets-list-drop,.hero-shell>:is(.steps-section,.wardrobe-section,.tokenomics-section,.coin-section,.faq-section)>.pets-content{width:min(calc(100% - 48px), max(calc(79vw * var(--ds)), 900px))}}.hero-shell .pets-heading{text-align:center;justify-items:center}.hero-shell .section-head{text-align:center;justify-content:center;align-items:flex-end}.hero-shell :is(.pets-heading,.section-head)>h2{color:var(--scene-ink);font-size:clamp(24px, calc(2.6vw * var(--ds)), calc(64px * var(--ds)));letter-spacing:-.045em;line-height:1.2}.hero-shell .pets-heading>h2{text-transform:uppercase}.hero-shell :is(.pets-heading,.section-head)>h2:before{content:"";background:var(--accent);width:.55em;height:1.15em;-webkit-mask:var(--marks-left) center / contain no-repeat;-webkit-mask:var(--marks-left) center / contain no-repeat;mask:var(--marks-left) center / contain no-repeat;position:absolute;top:50%;right:calc(100% + .45em);translate:0 -50%}.hero-shell :is(.pets-heading>p,.section-sub,.drop-subtitle){max-width:100%;color:var(--accent-copy);font-family:var(--font-pixel), monospace;font-size:clamp(8px, calc(.68vw * var(--ds)), calc(16px * var(--ds)));letter-spacing:.13em;text-align:center;text-transform:uppercase;white-space:normal;text-wrap:balance;font-weight:400;line-height:1.7}.hero-shell .section-sub{margin:var(--heading-gap) 0 0}.hero-shell .mascot-sprite{height:calc(clamp(72px, 5.6vw, 128px) * var(--ds))}@media (min-width:1024px){.hero-shell .pets-heading{column-gap:calc(clamp(20px, 2vw, 44px) * var(--ds));grid-template-columns:1fr auto 1fr}.hero-shell .section-head{gap:calc(clamp(20px, 2vw, 44px) * var(--ds))}.hero-shell .mascot-bubble{font-size:clamp(13px, calc(.9vw * var(--ds)), calc(20px * var(--ds)))}.hero-shell .pets-heading>h2{grid-column:2}.hero-shell .pets-heading>.mascot{grid-column:3;place-self:end start;margin-block:-34px 0}.hero-shell .section-head>.mascot{align-self:flex-end;margin-block:-34px 0}.hero-shell .pets-heading>p{margin-top:var(--heading-gap);grid-column:1/-1}}.mascot-bubble{--c:6px;--s:2px;--tw:24px;--tx:4px;--ty1:4px;--ty2:4px;--th:12px;--tr:14px;isolation:isolate;color:var(--scene-ink);box-shadow:none;background:0 0;border:0}.mascot-bubble:before,.mascot-bubble:after{content:"";z-index:-2;inset:0 0 calc(-1 * var(--th)) 0;right:0;bottom:calc(-1 * var(--th));background:var(--accent);width:auto;height:auto;clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--s), calc(100% - var(--s)) var(--s), calc(100% - var(--s)) var(--c), 100% var(--c), 100% calc(100% - var(--th) - var(--c)), calc(100% - var(--s)) calc(100% - var(--th) - var(--c)), calc(100% - var(--s)) calc(100% - var(--th) - var(--s)), calc(100% - var(--c)) calc(100% - var(--th) - var(--s)), calc(100% - var(--c)) calc(100% - var(--th)), calc(100% - var(--tr)) calc(100% - var(--th)), calc(100% - var(--tr)) calc(100% - var(--th) + var(--ty1)), calc(100% - var(--tr) - var(--tx)) calc(100% - var(--th) + var(--ty1)), calc(100% - var(--tr) - var(--tx)) calc(100% - var(--th) + var(--ty1) + var(--ty2)), calc(100% - var(--tr) - 2 * var(--tx)) calc(100% - var(--th) + var(--ty1) + var(--ty2)), calc(100% - var(--tr) - 2 * var(--tx)) 100%, calc(100% - var(--tr) - var(--tw) + 2 * var(--tx)) 100%, calc(100% - var(--tr) - var(--tw) + 2 * var(--tx)) calc(100% - var(--th) + var(--ty1) + var(--ty2)), calc(100% - var(--tr) - var(--tw) + var(--tx)) calc(100% - var(--th) + var(--ty1) + var(--ty2)), calc(100% - var(--tr) - var(--tw) + var(--tx)) calc(100% - var(--th) + var(--ty1)), calc(100% - var(--tr) - var(--tw)) calc(100% - var(--th) + var(--ty1)), calc(100% - var(--tr) - var(--tw)) calc(100% - var(--th)), var(--c) calc(100% - var(--th)), var(--c) calc(100% - var(--th) - var(--s)), var(--s) calc(100% - var(--th) - var(--s)), var(--s) calc(100% - var(--th) - var(--c)), 0 calc(100% - var(--th) - var(--c)), 0 var(--c), var(--s) var(--c), var(--s) var(--s), var(--c) var(--s));position:absolute}.mascot-bubble:after{--c:4px;--tw:20px;--tr:14px;--ty1:6px;z-index:-1;inset:2px 2px calc(2px - var(--th)) 2px;right:2px;bottom:calc(2px - var(--th));background:var(--card-fill)}@media (max-width:1023px){.mascot-bubble{--tw:20px;--tx:4px;--ty1:4px;--ty2:4px;--th:12px}.mascot-bubble:before,.mascot-bubble:after{top:0;bottom:0;right:0;left:calc(-1 * var(--th));width:auto;height:auto;clip-path:polygon(calc(var(--th) + var(--c)) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--s), calc(100% - var(--s)) var(--s), calc(100% - var(--s)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--s)) calc(100% - var(--c)), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--c)) calc(100% - var(--s)), calc(100% - var(--c)) 100%, calc(var(--th) + var(--c)) 100%, calc(var(--th) + var(--c)) calc(100% - var(--s)), calc(var(--th) + var(--s)) calc(100% - var(--s)), calc(var(--th) + var(--s)) calc(100% - var(--c)), var(--th) calc(100% - var(--c)), var(--th) calc(50% + var(--tw) / 2), calc(var(--th) - var(--ty1)) calc(50% + var(--tw) / 2), calc(var(--th) - var(--ty1)) calc(50% + var(--tw) / 2 - var(--tx)), calc(var(--th) - var(--ty1) - var(--ty2)) calc(50% + var(--tw) / 2 - var(--tx)), calc(var(--th) - var(--ty1) - var(--ty2)) calc(50% + var(--tw) / 2 - 2 * var(--tx)), 0px calc(50% + var(--tw) / 2 - 2 * var(--tx)), 0px calc(50% - var(--tw) / 2 + 2 * var(--tx)), calc(var(--th) - var(--ty1) - var(--ty2)) calc(50% - var(--tw) / 2 + 2 * var(--tx)), calc(var(--th) - var(--ty1) - var(--ty2)) calc(50% - var(--tw) / 2 + var(--tx)), calc(var(--th) - var(--ty1)) calc(50% - var(--tw) / 2 + var(--tx)), calc(var(--th) - var(--ty1)) calc(50% - var(--tw) / 2), var(--th) calc(50% - var(--tw) / 2), var(--th) var(--c), calc(var(--th) + var(--s)) var(--c), calc(var(--th) + var(--s)) var(--s), calc(var(--th) + var(--c)) var(--s))}.mascot-bubble:after{--tw:16px;--ty1:6px;top:2px;bottom:2px;right:2px;left:calc(2px - var(--th))}}.hero-shell :where(.pet-card.is-drop,.pet-mood,.step-card,.gotchi-tile,.drop-tier,.item-card,.drop-bg,.stat-card,.faq-item,.coin-card){--frame-line:var(--accent);--frame-fill:var(--card-fill);--frame-width:3px;--corner:14px;--pixel-step:4px}.hero-shell :is(.pet-card.is-drop,.pet-mood,.step-card,.gotchi-tile,.drop-tier,.item-card,.drop-bg,.stat-card,.faq-item,.coin-card){isolation:isolate;box-shadow:none;color:var(--scene-ink);background:0 0;border:0;position:relative}.hero-shell :is(.pet-mood,.item-card){--frame-width:2px;--corner:8px;--pixel-step:3px}.hero-shell .pet-mood{--frame-line:var(--scene-ink)}.hero-shell .pet-mood.is-active{--frame-line:var(--accent-light);--frame-fill:var(--scene-button);color:var(--on-accent)}.hero-shell .drop-bg{--frame-line:var(--tier-line,var(--scene-ink));--frame-width:2px;--corner:6px;--pixel-step:2px}.hero-shell :is(.pet-card.is-drop,.pet-mood,.step-card,.gotchi-tile,.drop-tier,.item-card,.drop-bg,.stat-card,.faq-item,.coin-card):before,.hero-shell :is(.pet-card.is-drop,.pet-mood,.step-card,.gotchi-tile,.drop-tier,.item-card,.drop-bg,.stat-card,.faq-item,.coin-card):after{content:"";z-index:-2;pointer-events:none;background:var(--frame-line);clip-path:polygon(var(--corner) 0,calc(100% - var(--corner)) 0, calc(100% - var(--corner)) var(--pixel-step), calc(100% - var(--pixel-step)) var(--pixel-step), calc(100% - var(--pixel-step)) var(--corner),100% var(--corner), 100% calc(100% - var(--corner)), calc(100% - var(--pixel-step)) calc(100% - var(--corner)), calc(100% - var(--pixel-step)) calc(100% - var(--pixel-step)), calc(100% - var(--corner)) calc(100% - var(--pixel-step)), calc(100% - var(--corner)) 100%,var(--corner) 100%, var(--corner) calc(100% - var(--pixel-step)), var(--pixel-step) calc(100% - var(--pixel-step)), var(--pixel-step) calc(100% - var(--corner)),0 calc(100% - var(--corner)), 0 var(--corner),var(--pixel-step) var(--corner), var(--pixel-step) var(--pixel-step),var(--corner) var(--pixel-step));position:absolute;inset:0}.hero-shell :is(.pet-card.is-drop,.pet-mood,.step-card,.gotchi-tile,.drop-tier,.item-card,.drop-bg,.stat-card,.faq-item,.coin-card):after{inset:var(--frame-width);z-index:-1;background:var(--frame-fill)}.hero-shell :is(.pet-card.is-drop,.step-card,.gotchi-tile,.drop-tier,.stat-card,.faq-item,.coin-card):after{box-shadow:inset 0 0 0 3px var(--frame-fill), inset 0 0 0 4px color-mix(in srgb, var(--frame-line) 30%, transparent)}.hero-shell .pet-card.is-drop .pet-sprite-wrap,.hero-shell .step-sprite-wrap,.hero-shell .item-sprite-wrap{background:var(--lcd);box-shadow:inset 0 0 0 2px var(--lcd-line);clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 3px) calc(100% - 8px),calc(100% - 3px) calc(100% - 3px),calc(100% - 8px) calc(100% - 3px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 8px),0 calc(100% - 8px),0 8px,3px 8px,3px 3px,8px 3px);border:0;position:relative}.hero-shell .pet-card.is-drop .pet-sprite-wrap,.hero-shell .step-sprite-wrap{height:auto;display:block}.hero-shell .pet-card.is-drop .pet-sprite-wrap{aspect-ratio:2.15}.hero-shell .step-sprite-wrap{aspect-ratio:1.55}.hero-shell :is(.pet-sprite-wrap,.step-sprite-wrap):before,.hero-shell :is(.pet-sprite-wrap,.step-sprite-wrap):after{content:"";pointer-events:none;position:absolute}.hero-shell :is(.pet-sprite-wrap,.step-sprite-wrap):before{background:var(--lcd-mark);-webkit-mask:var(--marks-left) left center / auto 100% no-repeat, var(--marks-right) right center / auto 100% no-repeat;-webkit-mask:var(--marks-left) left center / auto 100% no-repeat, var(--marks-right) right center / auto 100% no-repeat;mask:var(--marks-left) left center / auto 100% no-repeat, var(--marks-right) right center / auto 100% no-repeat;inset:34% 15% 38%}.hero-shell .step-sprite-wrap:before{inset:32% 10% 38%}.hero-shell :is(.pet-sprite-wrap,.step-sprite-wrap):after{background:color-mix(in srgb, var(--lcd-mark) 45%, transparent);border-radius:50%;height:11%;bottom:6%;left:28%;right:28%}.hero-shell .pet-card.is-drop .pet-sprite,.hero-shell .step-sprite{z-index:1;width:auto;max-width:100%;height:82%;margin-inline:auto;position:absolute;inset:auto 0 11%}.hero-shell .step-sprite[src*=logo-transparent]{bottom:3%}.hero-shell .pets-list-drop{gap:calc(clamp(16px, 1.8vw, 36px) * var(--ds));margin-top:var(--content-gap)}.hero-shell .pet-card.is-drop{padding:calc(clamp(14px, 1.2vw, 24px) * var(--ds)) calc(clamp(14px, 1.2vw, 24px) * var(--ds)) calc(clamp(18px, 1.5vw, 30px) * var(--ds))}.hero-shell .pet-mood{min-height:max(36px,10.5cqi);font-size:max(10px,3.6cqi)}.hero-shell .pet-card h3{margin:calc(clamp(14px, 1.1vw, 22px) * var(--ds)) 0 calc(clamp(6px, .5vw, 10px) * var(--ds));letter-spacing:-.03em;font-size:max(16px,6.2cqi)}.hero-shell .pet-card.is-drop>p{min-height:2.9em;margin-bottom:3.6cqi;font-size:max(13px,4.1cqi)}.hero-shell .pet-card-traits{gap:2.2cqi;margin-bottom:4.4cqi}.hero-shell .pet-card-traits li{color:var(--ink);background:var(--lcd);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);border:0;padding:1.4cqi 2.9cqi;font-size:max(7px,2.3cqi)}.hero-shell .pet-moods{gap:2.6cqi 3cqi}.hero-shell .pet-tier-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:3.4cqi;margin-top:5cqi}@container (max-width:260px){.hero-shell .pet-tier-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-shell .pet-tier-link{grid-template-columns:minmax(0,1fr)}.hero-shell :is(.pet-tier-link,.drop-tier,.drop-bg){--tier-line:var(--scene-ink)}.hero-shell .drop-bg.is-rare{--tier-line:var(--tier-rare)}.hero-shell :is(.pet-tier-link,.drop-tier):has(.is-rare){--tier-line:var(--tier-rare)}.hero-shell .drop-bg.is-epic{--tier-line:var(--tier-epic)}.hero-shell :is(.pet-tier-link,.drop-tier):has(.is-epic){--tier-line:var(--tier-epic)}.hero-shell .drop-bg.is-legendary{--tier-line:var(--tier-legendary-line)}.hero-shell :is(.pet-tier-link,.drop-tier):has(.is-legendary){--tier-line:var(--tier-legendary-line)}.hero-shell :is(.pet-tier-art,.drop-tier-art){border:2px solid var(--tier-line);border-radius:4px;overflow:hidden}.hero-shell .pet-tier-link .tier-badge{border-color:var(--tier-line);background:var(--card-fill);max-width:100%;box-shadow:none;letter-spacing:-.04em;padding:1.1cqi 1.2cqi;font-size:max(6px,1.9cqi)}.hero-shell .steps-list{gap:calc(clamp(16px, 1.8vw, 36px) * var(--ds));margin-top:var(--content-gap)}.hero-shell .step-card{padding:calc(clamp(14px, 1.2vw, 24px) * var(--ds)) calc(clamp(14px, 1.2vw, 24px) * var(--ds)) calc(clamp(20px, 1.8vw, 36px) * var(--ds));container-type:inline-size}.hero-shell .step-heading{letter-spacing:-.03em;gap:4cqi;margin:5.5cqi 0 4cqi;font-size:max(15px,7cqi)}.hero-shell .step-number{width:2.5em;height:2.2em;color:var(--on-accent);background:var(--scene-button);box-shadow:inset 0 0 0 2px var(--accent-light);clip-path:polygon(3px 0,calc(100% - 3px) 0,calc(100% - 3px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 3px) calc(100% - 2px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 2px),0 calc(100% - 2px),0 2px,3px 2px);border:0;flex:none;font-size:.7em}.hero-shell .step-card p{max-width:none;font-size:max(13px,4.7cqi);line-height:1.5}.hero-shell .gotchi-tiles{gap:calc(clamp(16px, 1.8vw, 36px) * var(--ds));margin-top:var(--content-gap)}.hero-shell .gotchi-tile-tab{color:var(--on-accent);background:var(--scene-button);box-shadow:inset 0 0 0 2px var(--accent-light);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border:0;margin:3cqi 0 0 3cqi;padding:1.4cqi 3cqi;font-size:max(9px,1.9cqi)}.hero-shell .gotchi-preview{border-bottom:2px dashed color-mix(in srgb, var(--accent) 35%, transparent)}.hero-shell .gotchi-tile-body{padding:3.6cqi 4.4cqi 4.4cqi;font-size:max(13px,2.6cqi)}.hero-shell .gotchi-preview{color:var(--scene-ink)}.hero-shell .gotchi-preview :is(.pet-stats,.simon-device,.snack-card,.pet-chat){color:var(--scene-ink);background:var(--card-fill);box-shadow:inset 0 0 0 2px var(--accent);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border:0}.hero-shell .gotchi-preview :is(.pet-chat-log,.gotchi-input,.pet-msg.is-pet){border-color:color-mix(in srgb, var(--accent) 60%, transparent);color:var(--scene-ink);background:var(--card-fill)}.hero-shell .gotchi-preview .pet-msg.is-you{border-color:var(--accent-light);color:var(--on-accent);background:var(--scene-button)}.hero-shell .gotchi-preview :is(.pet-traits li,.snack-cost,.pet-chat-note){color:var(--ink);background:var(--lcd);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);border:0}.hero-shell .gotchi-preview .tier-badge{border-color:var(--tier-line,var(--scene-ink));background:var(--card-fill);box-shadow:none}.hero-shell .gotchi-preview .token-art{border-color:var(--scene-ink)}.hero-shell .gotchi-preview .pet-stats span{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background-color:var(--card-fill)}.hero-shell .gotchi-preview .pet-stats span.is-on{border-color:var(--accent);background-color:var(--scene-button)}.hero-shell .gotchi-preview .snack-art{border-color:var(--accent)}.hero-shell .gotchi-preview .catch-screen{border-color:var(--scene-button)}.hero-shell .drop-actions{margin-top:var(--content-gap);flex-direction:column;justify-content:center}.hero-shell .drop-subtitle{margin:var(--content-gap) 0 var(--heading-gap)}.hero-shell .drop-tiers{gap:calc(32px * var(--ds))}.hero-shell .drop-tier{padding:calc(clamp(12px, 1vw, 20px) * var(--ds));grid-template-columns:minmax(0,40%) minmax(0,1fr);column-gap:6%;container-type:inline-size}.hero-shell .drop-tier-name{white-space:nowrap;font-size:max(8px,4.6cqi)}.hero-shell .drop-tier-count{white-space:nowrap;font-size:max(12px,5.6cqi)}.hero-shell .drop-tier-total{color:color-mix(in srgb, var(--scene-ink) 65%, transparent);white-space:nowrap;font-size:max(12px,5.4cqi)}.hero-shell .drop-items{--cols:7;--gap:calc(clamp(10px, 1vw, 20px) * var(--ds));justify-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}.hero-shell .drop-items>li{width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}.hero-shell .item-card{padding:8px}.hero-shell .drop-backgrounds{justify-content:center}.hero-shell .drop-bg{padding:calc(10px * var(--ds)) calc(14px * var(--ds))}.hero-shell .drop-progress{border-color:var(--scene-border);color:var(--scene-ink);background:var(--scene-color);box-shadow:none}.hero-shell .drop-progress-bar>span{background:color-mix(in srgb, var(--accent) 22%, transparent)}.hero-shell .drop-progress-bar>.is-on{background:var(--accent)}.hero-shell .stat-list{gap:calc(clamp(16px, 1.8vw, 36px) * var(--ds));margin-top:var(--content-gap)}.hero-shell .stat-card{padding:calc(clamp(18px, 1.6vw, 32px) * var(--ds)) calc(clamp(18px, 1.6vw, 32px) * var(--ds)) calc(clamp(22px, 1.9vw, 38px) * var(--ds))}.hero-shell .stat-card dt{color:var(--scene-accent);font-family:var(--font-pixel), monospace;font-size:clamp(8px, calc(.62vw * var(--ds)), calc(14px * var(--ds)));letter-spacing:.13em;text-transform:uppercase}.hero-shell .stat-note{margin-top:var(--heading-gap);color:color-mix(in srgb, var(--scene-ink) 65%, transparent);text-align:center}.hero-shell .tokenomics-closing{margin-top:var(--content-gap);font-size:clamp(24px, calc(2.6vw * var(--ds)), calc(64px * var(--ds)));letter-spacing:-.045em;text-align:center}.hero-shell .tokenomics-closing strong{color:var(--on-accent);background:var(--scene-button);box-shadow:inset 0 0 0 3px var(--accent-light);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);padding:.14em .26em .16em;line-height:1.1;display:inline-block}.hero-shell .faq-list{width:min(100%, calc(1100px * var(--ds)));gap:calc(clamp(12px, 1.1vw, 22px) * var(--ds));max-width:none;margin:var(--content-gap) auto 0}.hero-shell .faq-item{--corner:12px}.hero-shell .faq-item[open]{--frame-line:var(--accent-light)}.hero-shell .faq-item summary{padding:calc(clamp(18px, 1.5vw, 30px) * var(--ds)) calc(clamp(20px, 1.7vw, 34px) * var(--ds));color:var(--scene-ink);font-size:clamp(11px, calc(.85vw * var(--ds)), calc(18px * var(--ds)))}.hero-shell .faq-item summary:after{color:var(--scene-accent)}.hero-shell .faq-item[open] summary{padding-inline:calc(clamp(20px, 1.7vw, 34px) * var(--ds) - 6px);border-bottom:2px dashed color-mix(in srgb, var(--accent) 40%, transparent);color:var(--scene-accent);background:0 0;margin:0 6px}.hero-shell .faq-item p{padding:calc(clamp(16px, 1.3vw, 26px) * var(--ds)) calc(clamp(20px, 1.7vw, 34px) * var(--ds)) calc(clamp(20px, 1.6vw, 32px) * var(--ds));font-size:clamp(14px, calc(1vw * var(--ds)), calc(20px * var(--ds)))}.hero-shell .faq-item summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hero-shell .cta-marks{justify-content:center;align-items:center;gap:calc(clamp(16px, 1.6vw, 32px) * var(--ds));width:auto;margin-top:var(--content-gap);flex-wrap:nowrap}.cta-marks:before,.cta-marks:after{content:"";width:calc(clamp(16px, 1.25vw, 28px) * var(--ds));height:calc(clamp(36px, 2.7vw, 60px) * var(--ds));background:var(--accent);-webkit-mask:var(--marks-left) center / contain no-repeat;-webkit-mask:var(--marks-left) center / contain no-repeat;mask:var(--marks-left) center / contain no-repeat;flex:none}.cta-marks:after{-webkit-mask-image:var(--marks-right);-webkit-mask-image:var(--marks-right);mask-image:var(--marks-right)}:is(.hero-shell :is(.cta-marks,.drop-actions),.notfound-content) .button{--corner:12px;--pixel-step:4px;min-height:calc(clamp(52px, 3.8vw, 80px) * var(--ds));padding:0 calc(clamp(28px, 2.2vw, 48px) * var(--ds));font-size:clamp(11px, calc(1.2vw * var(--ds)), calc(24px * var(--ds)))}.pixel-ui :is(.hero-shell :is(.cta-marks,.drop-actions),.notfound-content) .button:after{inset:3px}.pixel-ui :is(.hero-shell :is(.cta-marks,.drop-actions),.notfound-content) .button-primary:after{inset:4px 3px 1px 4px}.site-footer{color:var(--scene-ink);background:var(--card-fill);box-shadow:inset 0 2px 0 var(--scene-border)}.site-footer-legal p{color:color-mix(in srgb, var(--scene-ink) 72%, transparent)}.site-footer a{color:var(--scene-accent)}@media (min-width:1024px){.site-footer-inner{align-items:center;width:calc(100% - clamp(32px,6vw,280px))}.site-footer-meta{text-align:right;justify-content:flex-end}}@media (max-width:1023px){:root{--section-space:46px;--section-bubble:0px;--content-gap:32px}.hero-shell :is(.pets-heading,.section-head)>h2{font-size:calc(clamp(22px, 6.4vw, 40px) * var(--ds));justify-self:center}.hero-shell :is(.pets-heading,.section-head)>h2:before{display:none}.hero-shell .section-head{align-items:center}.hero-shell :is(.pets-heading,.section-head)>.mascot{justify-content:center}.hero-shell :is(.pets-heading>p,.section-sub,.drop-subtitle){font-size:max(8px, calc(clamp(9px, 2.5vw, 13px) * var(--ds)))}.hero-shell .pet-mood{min-height:max(44px, calc(44px * var(--ds)))}.hero-shell .cta-marks{gap:10px}.cta-marks:before,.cta-marks:after{width:12px}.hero-shell :is(.cta-marks,.drop-actions) .button{width:auto;max-width:420px;font-size:max(8px, calc(clamp(10px, 2.8vw, 16px) * var(--ds)));white-space:normal;text-align:center;flex:1;padding-inline:16px;line-height:1.4}.hero-shell .drop-actions{align-items:stretch}.hero-shell .drop-actions .button{max-width:none}.hero-shell .faq-item summary{font-size:max(9px, calc(13px * var(--ds)))}.hero-shell .faq-item p{font-size:1.0625rem}.hero-shell .drop-items{--cols:3}.hero-shell .stat-card{padding:16px 12px 18px}}@media (min-width:600px) and (max-width:1023px){.hero-shell .drop-items{--cols:5}}.site-footer{padding:calc(clamp(18px, 1.45vw, 36px) * var(--ds)) 0}.site-footer p{font-size:clamp(12px, calc(.75vw * var(--ds)), calc(16px * var(--ds)));line-height:1.45}@media (max-width:1023px){.site-footer{padding:18px 0 10px}.site-footer-inner{text-align:left;align-items:flex-start;gap:4px;width:calc(100% - 24px)}.site-footer-meta{justify-content:flex-start}.site-footer p{font-size:.8125rem;line-height:1.4}.site-footer-meta{align-items:center}}body:has(>.notfound-shell){flex-direction:column;min-height:100svh;display:flex}body>.notfound-shell{flex:1 0 auto;display:grid}body>.notfound-shell>.notfound{min-height:0}@media (max-width:1023px){.hero-shell .drop-items{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-auto-rows:1fr;justify-content:stretch;align-items:stretch;display:grid}.hero-shell .drop-items>.item-card{width:auto;min-width:0}.hero-shell .drop-items>.item-card *{overflow-wrap:anywhere;min-width:0}.hero-shell .drop-backgrounds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hero-shell .drop-backgrounds>.drop-bg{text-align:center;justify-content:center;min-width:0}}@media (max-width:380px){.site-footer-inner{width:calc(100% - 16px)}}@media (max-width:768px){.mascot-sprite,.hero-shell .mascot-sprite{height:calc(72px * var(--ds))}.mascot-bubble{font-size:max(12px, calc(16px * var(--ds)))}.hero-shell .faq-item p{font-size:.9375rem}.mobile-menu nav a{min-height:max(44px, calc(48px * var(--ds)));padding:calc(14px * var(--ds)) 16px;font-size:max(9px, calc(12px * var(--ds)))}.mobile-menu-actions .button{min-height:max(44px, calc(52px * var(--ds)));padding:calc(12px * var(--ds));font-size:max(8px, calc(11px * var(--ds)))}}.coin-section{isolation:isolate;border-top:2px solid var(--scene-border);position:relative;overflow:hidden}.hero-shell .coin-section .section-head{justify-content:center}.coin-title{font-family:var(--font-pixel), monospace;letter-spacing:-.055em;margin:0;font-weight:400;line-height:1.3}.hero-shell .coin-card{justify-items:center;gap:calc(var(--heading-gap) * .8);width:min(100%, calc(820px * var(--ds)));margin:var(--content-gap) auto 0;padding:calc(clamp(24px, 2.2vw, 48px) * var(--ds)) calc(clamp(20px, 2.6vw, 56px) * var(--ds));text-align:center;display:grid}.hero-shell .coin-text{max-width:46ch;font-size:clamp(15px, calc(1.15vw * var(--ds)), calc(22px * var(--ds)));text-wrap:balance;margin:0;font-weight:500;line-height:1.5}.hero-shell :is(.coin-fine,.coin-address){color:color-mix(in srgb, var(--scene-ink) 65%, transparent);font-family:var(--font-pixel), monospace;font-size:clamp(8px, calc(.6vw * var(--ds)), calc(13px * var(--ds)));letter-spacing:.08em;text-transform:uppercase;margin:0;line-height:1.7}.hero-shell .coin-card .button{--corner:12px;--pixel-step:4px;min-height:calc(clamp(48px, 3.4vw, 72px) * var(--ds));margin-top:calc(var(--heading-gap) * .6);padding:0 calc(clamp(24px, 2vw, 44px) * var(--ds));font-size:clamp(11px, calc(1vw * var(--ds)), calc(20px * var(--ds)))}.pixel-ui .hero-shell .coin-card .button:after{inset:3px}.pixel-ui .hero-shell .coin-card .button-primary:after{inset:4px 3px 1px 4px}.hero-shell .coin-address-id{text-transform:none;color:var(--scene-ink);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}@media (max-width:1023px){.hero-shell .coin-card .button{white-space:normal;width:100%;max-width:360px;padding-inline:16px;font-size:clamp(10px,2.5vw,14px)}.hero-shell :is(.coin-fine,.coin-address){font-size:clamp(8px,2.1vw,11px)}}.hero-shell .faq-item p a{color:var(--scene-accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.coin-title>.sparkles{translate:0 calc(-12px * var(--ds))}@media (max-width:768px){:root .pixel-ui .button{min-height:44px}}.hero-shell .drop-tier.is-clickable{cursor:pointer}.hero-shell button.drop-tier-art{font:inherit;color:inherit;cursor:pointer;appearance:none;padding:0}.hero-shell .drop-tier.is-clickable:has(.drop-tier-art:focus-visible){--frame-line:var(--accent-light)}
.mint-shell{color:var(--scene-ink)}.mint-shell>.mint-section{padding:calc(var(--section-space) + var(--section-bubble)) 0 calc(var(--section-space) * 2)}.mint-shell .mint-title{color:var(--scene-ink);font-size:clamp(24px, calc(2.6vw * var(--ds)), calc(64px * var(--ds)));letter-spacing:-.045em;line-height:1.2;position:relative}@media (min-width:1024px){.mint-shell .mint-head .mint-title{margin-left:1em}.mint-shell .mint-head .mint-title:before{content:"";background:var(--accent);width:.55em;height:1.15em;-webkit-mask:var(--marks-left) center / contain no-repeat;-webkit-mask:var(--marks-left) center / contain no-repeat;mask:var(--marks-left) center / contain no-repeat;position:absolute;top:50%;right:calc(100% + .45em);translate:0 -50%}}.mint-shell .mint-demo{padding:calc(8px * var(--ds)) calc(12px * var(--ds));color:var(--on-accent);background:var(--scene-button);box-shadow:inset 0 0 0 2px var(--accent-light);font-size:clamp(8px, calc(.56vw * var(--ds)), calc(12px * var(--ds)));text-transform:uppercase;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border:0}.mint-shell .mint-sub{margin-top:var(--heading-gap);color:var(--accent-copy);font-family:var(--font-pixel), monospace;font-size:clamp(8px, calc(.68vw * var(--ds)), calc(16px * var(--ds)));letter-spacing:.13em;text-transform:uppercase;font-weight:400;line-height:1.7}.mint-shell .mint-hatch{margin-top:var(--content-gap)}.mint-shell .hatch-stage{box-shadow:inset 0 0 0 3px var(--lcd-line);clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 12px),0 calc(100% - 12px),0 12px,4px 12px,4px 4px,12px 4px);border:0}.mint-shell .hatch-stage:before,.mint-shell .hatch-stage:after{content:"";z-index:-1;pointer-events:none;position:absolute}.mint-shell .hatch-stage:before{background:var(--lcd-mark);-webkit-mask:var(--marks-left) left center / auto 100% no-repeat, var(--marks-right) right center / auto 100% no-repeat;-webkit-mask:var(--marks-left) left center / auto 100% no-repeat, var(--marks-right) right center / auto 100% no-repeat;mask:var(--marks-left) left center / auto 100% no-repeat, var(--marks-right) right center / auto 100% no-repeat;inset:36% 18% 38%}.mint-shell .hatch-stage:after{background:color-mix(in srgb, var(--lcd-mark) 45%, transparent);border-radius:50%;height:7%;bottom:9%;left:32%;right:32%}.mint-shell .hatch-pet.hatch-nft{border:3px solid var(--accent)}.mint-shell .hatch-line{color:var(--scene-ink)}.mint-shell .drop-progress{border-color:var(--scene-border);color:var(--scene-ink);background:var(--scene-color);box-shadow:none}.mint-shell .drop-progress-bar>span{background:color-mix(in srgb, var(--accent) 22%, transparent)}.mint-shell .drop-progress-bar>.is-on{background:var(--accent)}.mint-shell :is(.mint-hint,.mint-note){color:color-mix(in srgb, var(--scene-ink) 65%, transparent)}.mint-shell :is(.mint-card-text,.mint-error,.mint-confirm p){color:var(--scene-ink)}.mint-shell :is(.mint-legend,.mint-subtitle){color:var(--scene-accent);text-transform:uppercase;letter-spacing:.06em}.mint-shell .mint-warning{color:var(--scene-ink);background:var(--card-fill);box-shadow:inset 0 0 0 2px var(--accent), inset 8px 0 0 var(--pink);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border:0}.mint-shell .mint-input{color:var(--scene-ink);background:var(--card-fill);box-shadow:inset 0 0 0 2px var(--accent);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border:0}.mint-shell .mint-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--pink)}.mint-shell .mint-input:focus-visible{box-shadow:inset 0 0 0 4px var(--accent);outline:none}.mint-shell .mint-input::placeholder{color:color-mix(in srgb, var(--scene-ink) 55%, transparent)}.mint-shell .mint-reveal{color:var(--scene-ink);background:var(--card-fill);box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 0 6px var(--card-fill), inset 0 0 0 7px color-mix(in srgb, var(--accent) 30%, transparent);clip-path:polygon(14px 0,calc(100% - 14px) 0,calc(100% - 14px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 14px,100% 14px,100% calc(100% - 14px),calc(100% - 4px) calc(100% - 14px),calc(100% - 4px) calc(100% - 4px),calc(100% - 14px) calc(100% - 4px),calc(100% - 14px) 100%,14px 100%,14px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 14px),0 calc(100% - 14px),0 14px,4px 14px,4px 4px,14px 4px);border:0}.mint-shell .tier-badge{border-color:var(--tier-line,var(--scene-ink));background:var(--card-fill);box-shadow:none}@media (max-width:1023px){.mint-shell .mint-title{font-size:min(1.5rem, calc((100vw - 2 * var(--gutter)) / 17.5))}}.pixel-ui .button .mint-tag{color:var(--accent-light);background:var(--on-accent);border:0;margin-left:.8em;padding:3px 4px;line-height:1}.mint-draw a{color:var(--scene-accent,inherit);text-underline-offset:3px;text-decoration:underline}
.pet-shell{color:var(--scene-ink)}.pet-shell :is(.token-card,.pet-card-block,.pet-stats,.snack-card,.pet-chat,.simon-device,.pet-device-body){--frame-line:var(--accent);--frame-fill:var(--card-fill);--frame-width:3px;--s:3px;isolation:isolate;color:var(--scene-ink);box-shadow:none;background:0 0;border:0;position:relative}.pet-shell :is(.pet-stats,.snack-card,.simon-device){--frame-width:2px;--s:2px}.pet-shell :is(.token-card,.pet-card-block,.pet-stats,.snack-card,.pet-chat,.simon-device,.pet-device-body):has(.is-modal){isolation:auto}.pet-shell :is(.token-card,.pet-card-block,.pet-stats,.snack-card,.pet-chat,.simon-device,.pet-device-body):before,.pet-shell :is(.token-card,.pet-card-block,.pet-stats,.snack-card,.pet-chat,.simon-device,.pet-device-body):after{content:"";z-index:-2;pointer-events:none;background:var(--frame-line);clip-path:polygon(calc(3 * var(--s)) 0, calc(100% - 3 * var(--s)) 0, calc(100% - 3 * var(--s)) var(--s), calc(100% - 2 * var(--s)) var(--s), calc(100% - 2 * var(--s)) calc(2 * var(--s)), calc(100% - var(--s)) calc(2 * var(--s)), calc(100% - var(--s)) calc(3 * var(--s)), 100% calc(3 * var(--s)), 100% calc(100% - 3 * var(--s)), calc(100% - var(--s)) calc(100% - 3 * var(--s)), calc(100% - var(--s)) calc(100% - 2 * var(--s)), calc(100% - 2 * var(--s)) calc(100% - 2 * var(--s)), calc(100% - 2 * var(--s)) calc(100% - var(--s)), calc(100% - 3 * var(--s)) calc(100% - var(--s)), calc(100% - 3 * var(--s)) 100%, calc(3 * var(--s)) 100%, calc(3 * var(--s)) calc(100% - var(--s)), calc(2 * var(--s)) calc(100% - var(--s)), calc(2 * var(--s)) calc(100% - 2 * var(--s)), var(--s) calc(100% - 2 * var(--s)), var(--s) calc(100% - 3 * var(--s)), 0 calc(100% - 3 * var(--s)), 0 calc(3 * var(--s)), var(--s) calc(3 * var(--s)), var(--s) calc(2 * var(--s)), calc(2 * var(--s)) calc(2 * var(--s)), calc(2 * var(--s)) var(--s), calc(3 * var(--s)) var(--s));position:absolute;inset:0}.pet-shell :is(.token-card,.pet-card-block,.pet-stats,.snack-card,.pet-chat,.simon-device,.pet-device-body):after{--s:calc(var(--frame-width) * .66);inset:var(--frame-width);z-index:-1;background:var(--frame-fill)}.pet-shell :is(.token-card,.pet-card-block,.pet-chat,.pet-device-body):after{box-shadow:inset 0 0 0 3px var(--frame-fill), inset 0 0 0 4px color-mix(in srgb, var(--frame-line) 30%, transparent)}.pet-shell .pet-tablist{gap:calc(clamp(8px, .7vw, 16px) * var(--ds));box-shadow:none;background:0 0;border:0}.pet-shell .pet-tab{font-size:clamp(10px, calc(.7vw * var(--ds)), calc(15px * var(--ds)));border:0}.pixel-ui .pet-tab[aria-selected=true]{--frame-fill:var(--accent);--frame-line:var(--accent-light);color:var(--on-accent)}.pixel-ui .pet-tab[aria-selected=true]:after{box-shadow:inset -2px -2px 0 var(--accent-deep);inset:3px 2px 1px 3px}.pet-shell .pet-thumb{color:var(--scene-ink);background:var(--card-fill);box-shadow:inset 0 0 0 2px var(--accent);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border:0}.pet-shell .pet-thumb.is-active{color:var(--on-accent);background:var(--scene-button);box-shadow:inset 0 0 0 2px var(--accent-light)}.pet-shell .pet-thumb-art{border-color:var(--scene-ink)}.pet-shell .pet-stats span{border-color:color-mix(in srgb, var(--accent) 70%, transparent)}.pet-shell .pet-stats span:not(.is-on){background-color:var(--card-fill)}.pet-shell .pet-stats span.is-on{border-color:var(--accent);background-color:var(--scene-button)}.pet-shell :is(.snack-cost,.pet-chat-note,.game-best,.catch-banner,.pet-traits li){color:var(--ink);background:var(--lcd);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);border:0}.pet-shell .token-art{border-color:var(--scene-ink)}.pet-shell .snack-art{border-color:var(--accent);box-shadow:none}.pet-shell .catch-screen{border-color:var(--scene-button)}.pet-shell .pet-reset{border-color:color-mix(in srgb, var(--accent) 40%, transparent);border-style:dashed}.pet-shell .pet-chat-log{background:color-mix(in srgb, var(--accent) 6%, var(--card-fill));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border:0}.pet-shell .pet-msg{clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 2px) calc(100% - 6px),calc(100% - 2px) calc(100% - 2px),calc(100% - 6px) calc(100% - 2px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 6px),0 calc(100% - 6px),0 6px,2px 6px,2px 2px,6px 2px);border:0}.pet-shell .pet-msg.is-you{color:var(--on-accent);background:var(--scene-button);box-shadow:inset 0 0 0 2px var(--accent-light)}.pet-shell .pet-msg.is-pet{color:var(--scene-ink);background:var(--card-fill);box-shadow:inset 0 0 0 2px var(--accent)}.pet-shell .pet-msg.is-note{color:color-mix(in srgb, var(--scene-ink) 65%, transparent);background:var(--card-fill);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.pet-shell :is(.snack-stock,.snack-effects,.pet-meta,.stat-note){color:color-mix(in srgb, var(--scene-ink) 70%, transparent)}.pet-shell .mint-section:has(.is-modal){z-index:15}.pet-shell .simon.is-modal{--reserve:300px;inset:auto 0;top:calc(var(--header-height) + (100svh - var(--header-height)) / 2);width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100svh - var(--header-height) - 24px);padding:calc(16px * var(--ds)) calc(20px * var(--ds)) calc(18px * var(--ds));color:var(--scene-ink);background:var(--card-fill);box-shadow:0 0 0 100vmax #000000db, inset 0 0 0 3px var(--accent);border:0;align-content:start;margin:0 auto;translate:0 -50%}.pet-shell .simon.is-modal .simon-device{width:min(calc(100vw - 72px), max(260px, calc((100svh - var(--header-height) - var(--reserve)) * var(--ar) + 40px)))}.pet-shell .simon.hide.is-modal{--reserve:230px}.pet-shell .simon.is-modal .game-modal-close{z-index:3;min-width:40px;min-height:40px;top:6px;right:6px}.pet-shell .simon.is-modal{padding-top:calc(52px * var(--ds))}@media (max-width:640px){.pet-shell .simon.is-modal{--reserve:250px;top:calc(var(--header-height) + (100svh - var(--header-height)) / 2);width:calc(100vw - 16px);max-width:none;box-shadow:0 0 0 100vmax #000000db, inset 0 0 0 2px var(--accent);padding:48px 10px 12px}.pet-shell .simon.is-modal .simon-device{width:min(100%, max(240px, calc((100svh - var(--header-height) - var(--reserve)) * var(--ar) + 40px)))}}.pixel-ui .pet-tab:focus{outline:none}.pixel-ui .pet-tab:focus-visible{--frame-line:var(--scene-ink);outline:none}.pixel-ui .pet-tab:focus-visible:after{inset:3px}.pixel-ui .pet-tab[aria-selected=true]:focus-visible:after{inset:4px 3px 2px 4px}.pet-shell .energy-pack{max-width:none}.pet-shell .energy-pack .snack-card{width:100%}.pet-shell .pet-device{filter:none}.pet-shell .catch-screen{border:3px solid var(--accent);box-shadow:inset 0 0 0 2px var(--lcd-line);clip-path:polygon(9px 0,calc(100% - 9px) 0,calc(100% - 9px) 3px,calc(100% - 6px) 3px,calc(100% - 6px) 6px,calc(100% - 3px) 6px,calc(100% - 3px) 9px,100% 9px,100% calc(100% - 9px),calc(100% - 3px) calc(100% - 9px),calc(100% - 3px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 3px),calc(100% - 9px) calc(100% - 3px),calc(100% - 9px) 100%,9px 100%,9px calc(100% - 3px),6px calc(100% - 3px),6px calc(100% - 6px),3px calc(100% - 6px),3px calc(100% - 9px),0 calc(100% - 9px),0 9px,3px 9px,3px 6px,6px 6px,6px 3px,9px 3px);outline:0;container-type:inline-size}.pet-shell .catch-hud{color:#141414;letter-spacing:.04em;-webkit-font-smoothing:none;font-smooth:never;font-size:max(9px,2.4cqi);top:max(6px,1.6cqi);left:max(8px,2cqi);right:max(8px,2cqi)}.pet-shell .catch-banner{text-transform:uppercase;letter-spacing:.06em;padding:max(6px,1.4cqi) max(10px,2.4cqi);font-size:max(10px,3cqi)}.pet-shell .catch-over{flex-direction:column;gap:max(6px,1.6cqi)}.pet-shell .catch-over .simon-lcd-top{text-transform:uppercase;letter-spacing:.08em;font-size:max(9px,2.6cqi);position:static}.pet-shell .catch-over .simon-happy{image-rendering:auto;width:auto;height:42%}.pet-shell .catch-over .simon-lcd-main{font-size:max(20px,8cqi);line-height:1}.pet-shell .hide-pet img{image-rendering:auto}.pet-shell .simon-pad{--ink:var(--on-accent);background:var(--accent-light);clip-path:polygon(9px 0,calc(100% - 9px) 0,calc(100% - 9px) 3px,calc(100% - 6px) 3px,calc(100% - 6px) 6px,calc(100% - 3px) 6px,calc(100% - 3px) 9px,100% 9px,100% calc(100% - 9px),calc(100% - 3px) calc(100% - 9px),calc(100% - 3px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 3px),calc(100% - 9px) calc(100% - 3px),calc(100% - 9px) 100%,9px 100%,9px calc(100% - 3px),6px calc(100% - 3px),6px calc(100% - 6px),3px calc(100% - 6px),3px calc(100% - 9px),0 calc(100% - 9px),0 9px,3px 9px,3px 6px,6px 6px,6px 3px,9px 3px);transition:transform .14s}.pet-shell .simon-pad>span{background:var(--accent);width:calc(100% - 4px);height:calc(100% - 4px);box-shadow:inset -2px -2px 0 var(--accent-deep)}.pet-shell .simon-pad:active>span,.pet-shell .simon-pad.is-lit>span{background:var(--accent-hover);box-shadow:none}.pet-shell .simon-pad[aria-disabled=true]{--ink:color-mix(in srgb, var(--scene-ink) 55%, transparent);background:color-mix(in srgb, var(--accent) 45%, transparent)}.pet-shell .simon-pad[aria-disabled=true]>span{background:var(--card-fill);box-shadow:none}.pet-shell .simon-pad:focus-visible{background:var(--scene-ink)}@media (prefers-reduced-motion:no-preference){@media (min-width:1024px) and (hover:hover){.pet-shell .simon-pad:not([aria-disabled=true]):hover{transform:translate(2px,2px)}}.pet-shell .simon-pad:not([aria-disabled=true]):active{transform:translateY(1px)}}@media (min-width:641px){.pet-shell .is-modal .catch-pad:not(.fetch-pad){width:96px;height:72px}.pet-shell .is-modal .catch-arrow{transform:scale(1.4)}.pet-shell .is-modal .catch-arrow.is-left{transform:scale(-1.4,1.4)}.pet-shell .is-modal .fetch-pad{width:180px;height:64px;font-size:.8125rem}}@media (max-width:640px){.pet-shell .catch-pad:not(.fetch-pad){width:72px;height:56px}.pet-shell .fetch-pad{height:56px}}.pet-shell .simon.is-modal .game-modal-close{--corner:8px;--pixel-step:3px;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:grid}.pet-shell .game-modal-close svg{width:16px;height:16px;display:block}.pet-ai-line{font-family:var(--font-pixel), monospace;color:var(--accent-copy,var(--text));margin:0;font-size:.625rem;line-height:1.6}.pet-chat>.pet-ai-line{margin:round(calc(4px * var(--ui-scale)), 1px) 0 round(calc(10px * var(--ui-scale)), 1px)}.pet-chat-log{scrollbar-width:thin;scrollbar-color:var(--accent) color-mix(in srgb, var(--accent) 12%, transparent)}.pet-chat-log::-webkit-scrollbar{width:8px;height:8px}.pet-chat-log::-webkit-scrollbar-track{background:color-mix(in srgb, var(--accent) 12%, transparent)}.pet-chat-log::-webkit-scrollbar-thumb{background:var(--accent);border-radius:0}.pet-chat-log::-webkit-scrollbar-button{width:0;height:0;display:none}@media (hover:none),(max-width:768px){.pet-chat-log{scrollbar-color:color-mix(in srgb, var(--accent) 70%, transparent) transparent}.pet-chat-log::-webkit-scrollbar{width:3px}.pet-chat-log::-webkit-scrollbar-track{background:0 0}}.pet-shell .mint-section:has(.energy-signin){z-index:15}.energy-signin{right:20px;bottom:max(20px, env(safe-area-inset-bottom));z-index:60;width:min(360px,100vw - 40px);max-width:none;color:var(--scene-ink,var(--text));background:var(--card-fill,var(--surface));box-shadow:inset 0 0 0 3px var(--accent), 6px 6px 0 color-mix(in srgb, var(--accent) 45%, transparent);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border:0;margin:0;padding:18px 18px 16px;position:fixed}.energy-signin-title{font-family:var(--font-pixel), monospace;color:var(--scene-accent,var(--text));padding-right:36px;font-size:.75rem;font-weight:400;line-height:1.5}.energy-signin-body{font-size:.95rem}.energy-signin-close{width:32px;height:32px;color:var(--scene-ink,var(--text));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 60%, transparent);font:700 14px/1 var(--font-pixel), monospace;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.energy-signin-close:hover,.energy-signin-close:focus-visible{color:var(--on-accent);background:var(--accent);outline:none}@media (max-width:768px){.energy-signin{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:auto}}body:has(.energy-signin){padding-bottom:var(--energy-signin-space,0px)}.pet-chat-form.is-locked .mint-input{cursor:not-allowed;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--scene-ink) 35%, transparent)}.pet-chat-form.is-locked .mint-input:focus-visible{box-shadow:inset 0 0 0 4px var(--accent)}@media (hover:none),(max-width:768px){.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.game-modal-close,.pet-tab,.pet-mood,.energy-signin-close),.pet-shell .simon-pad,.chat-shop-link,nav a{transition:none!important;animation:none!important}.pixel-ui :is(.button,.menu-button,.social-x,.nft-lightbox-close,.game-modal-close,.pet-tab,.pet-mood):is(:hover,:active),.pet-shell .simon-pad:active{transform:none!important}.pixel-ui .button-primary:active{--frame-fill:var(--accent-hover)}.pixel-ui :is(.button-secondary,.menu-button,.social-x,.pet-tab,.pet-mood):active{--frame-fill:color-mix(in srgb, var(--accent) 22%, var(--scene-color))}.faq-item::details-content{transition:none!important}}