@font-face{font-family:pixel;src:url(../media/Silkscreen_Regular-s.p.0.9f8fk69h3a8.woff2)format("woff2");font-display:block;font-weight:400;font-style:normal}@font-face{font-family:pixel;src:url(../media/Silkscreen_Bold-s.p.0972_x21l88j-.woff2)format("woff2");font-display:block;font-weight:700;font-style:normal}@font-face{font-family:pixel Fallback;src:local(Arial);ascent-override:67.93%;descent-override:16.49%;line-gap-override:0.0%;size-adjust:151.62%}.pixel_5c579397-module__xkmySG__className{font-family:pixel,pixel Fallback}.pixel_5c579397-module__xkmySG__variable{--ff-pixel:"pixel", "pixel Fallback"}
.garbagotchi{--pp-food:#f59e0b;--pp-joy:#ec4899;--pp-energy:#3b82f6;--pp-ok:#22c55e;--pp-wait:#f59e0b;--pp-shadow:0 1px 2px #0a0a0b0a,0 10px 30px -14px #0a0a0b24}.garbagotchi .pp-stage *,.garbagotchi .pp-controls *{box-sizing:border-box;margin:0;padding:0}.garbagotchi button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}@keyframes pp-rise{0%{opacity:0;transform:translateY(18px)}}.garbagotchi .dev-wrap{flex-direction:column;align-items:center;padding-top:2.9em;font-size:clamp(11px,min(4.3cqw,2.1vh),19px);display:flex}.garbagotchi .hang{transform-origin:50% -2.2em;animation:7s ease-in-out infinite pp-sway}@keyframes pp-sway{0%,to{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}}.garbagotchi .device{width:20em;height:23.6em;position:relative}.garbagotchi .device.deny{animation:.45s pp-deny}@keyframes pp-deny{20%{transform:translate(-.35em)rotate(-1.6deg)}40%{transform:translate(.3em)rotate(1.3deg)}60%{transform:translate(-.2em)}80%{transform:translate(.12em)}}.garbagotchi .floor{filter:blur(2px);background:radial-gradient(closest-side,#00000047,#0000);border-radius:50%;width:13em;height:1.5em;margin-top:-.3em}.garbagotchi .skin-midnight{--s1:#45454e;--s2:#1e1e24;--s3:#0c0c0f;--hi:#fff3;--engrave:#ffffff42;--emboss:#000000b3;--bezel:#09090b;--btn1:#fff86e;--btn2:#eae11a;--btn-edge:#9e9600;--socket:#050507;--grille:#000000b3;--ring:#f5f53e}.garbagotchi .skin-lilac{--s1:#ece8ff;--s2:#b9aef7;--s3:#8576e0;--hi:#fff9;--engrave:#37238c99;--emboss:#ffffff8c;--bezel:#241d4a;--btn1:#fff;--btn2:#e6e1ff;--btn-edge:#8e82d6;--socket:#6e5fc8;--grille:#37238c66;--ring:#4f3fcc}.garbagotchi .skin-mint{--s1:#e2fcef;--s2:#a3e8c8;--s3:#58c49b;--hi:#fff9;--engrave:#08553a99;--emboss:#ffffff8c;--bezel:#0f3528;--btn1:#fff86e;--btn2:#eae11a;--btn-edge:#a9a100;--socket:#3a9f79;--grille:#08553a66;--ring:#0b7a52}.garbagotchi .skin-sakura{--s1:#ffe8ee;--s2:#ffb4c8;--s3:#ee7c9d;--hi:#fff9;--engrave:#8c143e8c;--emboss:#ffffff8c;--bezel:#36121f;--btn1:#fff;--btn2:#ffe4ec;--btn-edge:#d96f91;--socket:#d35b84;--grille:#8c143e61;--ring:#be1858}.garbagotchi .skin-pearl{--s1:#fff;--s2:#eeedf3;--s3:#c9c7d4;--hi:#ffffffe6;--engrave:#14142873;--emboss:#ffffffe6;--bezel:#1b1b21;--btn1:#fff86e;--btn2:#eae11a;--btn-edge:#a9a100;--socket:#afadbc;--grille:#1414284d;--ring:#141418}.garbagotchi .pp-keyring{filter:drop-shadow(0 .12em .15em #00000059);background:conic-gradient(from 210deg,#f7f8fa,#9298a3,#eceef2,#767c87,#f7f8fa);border-radius:50%;width:2.5em;height:2.5em;margin-left:-1.25em;position:absolute;top:-2.55em;left:50%;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - .34em),#000 calc(100% - .32em));mask:radial-gradient(circle closest-side,#0000 calc(100% - .34em),#000 calc(100% - .32em))}.garbagotchi .nub{background:linear-gradient(180deg,var(--s1),var(--s2));width:1.6em;height:1.5em;box-shadow:inset 0 .12em .2em var(--hi),0 .1em .25em #00000040;border-radius:.75em .75em .35em .35em;margin-left:-.8em;position:absolute;top:-.8em;left:50%}.garbagotchi .nub:after{content:"";background:#0009;border-radius:50%;width:.62em;height:.42em;margin-left:-.31em;position:absolute;top:.32em;left:50%;box-shadow:inset 0 .08em .1em #0009}.garbagotchi .shell{background:radial-gradient(120% 90% at 30% 14%,var(--s1) 0%,var(--s2) 46%,var(--s3) 100%);box-shadow:inset 0 .55em 1em var(--hi),inset 0 -1.3em 2.2em #00000040,inset .7em 0 1.4em #ffffff0d, 0 2.2em 3em -1.3em #00000080,0 .6em 1.2em -.4em #00000040;border-radius:50%/56% 56% 44% 44%;position:absolute;inset:0}.garbagotchi .seam{border-radius:inherit;pointer-events:none;border:1px solid #ffffff12;position:absolute;inset:.5em;box-shadow:inset 0 -1px #0000001f}.garbagotchi .gloss{filter:blur(2px);pointer-events:none;background:radial-gradient(at 45% 45%,#ffffff57,#0000 66%);border-radius:50%;width:7.5em;height:3.8em;position:absolute;top:1.1em;left:2.4em;transform:rotate(-24deg)}.garbagotchi .wordmark{width:4.3em;color:var(--engrave);filter:drop-shadow(0 1px 0 var(--emboss));margin-left:-2.15em;position:absolute;top:2.65em;left:50%}.garbagotchi .led{background:#2ddb72;border-radius:50%;width:.5em;height:.5em;position:absolute;top:3.02em;left:13.15em;box-shadow:0 0 .45em #2ddb72,inset 0 -.08em .1em #0000004d}.garbagotchi .led.wait{background:#ffb020;animation:2s ease-in-out infinite pp-led;box-shadow:0 0 .45em #ffb020,inset 0 -.08em .1em #0000004d}@keyframes pp-led{50%{opacity:.45}}.garbagotchi .bezel{background:linear-gradient(180deg,color-mix(in srgb,var(--bezel) 82%,#fff 18%),var(--bezel) 40%);width:14.4em;height:11em;box-shadow:inset 0 .2em .35em #000000a6,0 1px 0 var(--hi),0 -1px 0 #00000040;border-radius:2.2em;padding:.6em;position:absolute;top:4.75em;left:2.8em}.garbagotchi .lcd{--lcd-a:#e4f5ec;--lcd-b:#c3e5d5;--ink:#173a30;--ink-soft:#173a3052;--g-outline:#173a30;--egg-fill:#fff8d2;--bubble:#ffffffbf;width:100%;height:100%;color:var(--ink);background:linear-gradient(180deg,var(--lcd-a),var(--lcd-b));border-radius:1.6em;flex-direction:column;transition:background .8s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .35em .7em #00000040,inset 0 0 0 1px #00000040}.garbagotchi .lcd.night{--lcd-a:#202a4d;--lcd-b:#111731;--ink:#d8e6ff;--ink-soft:#d8e6ff4d;--g-outline:#070b1a;--egg-fill:#ede7c4;--bubble:#ffffff24}.garbagotchi .lcd:before{content:"";z-index:5;pointer-events:none;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.garbagotchi .lcd:after{content:"";z-index:6;pointer-events:none;border-radius:inherit;background:linear-gradient(158deg,#fff6 0%,#ffffff1a 30%,#0000 31%);position:absolute;inset:0;box-shadow:inset 0 0 1.4em #0000002e}.garbagotchi .lcd-status{z-index:2;justify-content:space-between;align-items:center;padding:.65em .95em .15em;display:flex;position:relative}.garbagotchi .meter{align-items:center;gap:.28em;display:flex}.garbagotchi .pips{gap:.13em;display:flex}.garbagotchi .pips i{border:.07em solid var(--ink);opacity:.9;width:.36em;height:.36em}.garbagotchi .pips i.on{background:var(--ink)}.garbagotchi .meter.low .px{animation:1s steps(2,jump-none) infinite pp-blink}@keyframes pp-blink{50%{opacity:0}}.garbagotchi .px{shape-rendering:crispedges;display:block}.garbagotchi .lcd-stage{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;position:relative;overflow:hidden}.garbagotchi .ground{border-top:.09em dashed var(--ink-soft);position:absolute;bottom:1em;left:.7em;right:.7em}.garbagotchi .tuft{color:var(--ink-soft);position:absolute;bottom:1.05em}.garbagotchi .sky{pointer-events:none;position:absolute;inset:0}.garbagotchi .cloud{color:var(--ink-soft);opacity:.75;animation:linear infinite pp-drift;position:absolute}@keyframes pp-drift{0%{left:-3em}to{left:110%}}.garbagotchi .moon{color:var(--ink);position:absolute;top:.45em;left:.9em}.garbagotchi .star{color:var(--ink);animation:2.6s ease-in-out infinite pp-twinkle;position:absolute}@keyframes pp-twinkle{50%{opacity:.2}}.garbagotchi .attn{animation:1s steps(2,jump-none) infinite pp-blink;display:none;position:absolute;top:.35em;right:.75em}.garbagotchi .lcd-bar{z-index:2;font-family:var(--ff-pixel),monospace;text-transform:uppercase;letter-spacing:.04em;border-top:.13em dotted var(--ink-soft);align-items:center;gap:.6em;padding:.38em 1.45em .78em;font-size:.6em;display:flex;position:relative}.garbagotchi .pp-marquee{white-space:nowrap;flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.garbagotchi .pp-marquee span{animation:pp-marquee var(--dur,14s) linear infinite;padding-left:100%;display:inline-block}@keyframes pp-marquee{to{transform:translate(-100%)}}.garbagotchi .clock{flex:none;font-weight:700}.garbagotchi .walker{will-change:transform;width:4.4em;height:4.4em;margin-left:-2.2em;position:absolute;bottom:1em;left:50%}.garbagotchi .pp-shadow{background:var(--ink);opacity:.16;border-radius:50%;height:.55em;position:absolute;bottom:-.3em;left:14%;right:14%}.garbagotchi .hopper,.garbagotchi .tilter,.garbagotchi .breather{transform-origin:50% 100%;position:absolute;inset:0}.garbagotchi .tilter{transition:transform .6s cubic-bezier(.3,.7,.3,1)}.garbagotchi .breather{animation:3.2s ease-in-out infinite pp-breathe}.garbagotchi .breather.slow{animation-duration:5.6s}@keyframes pp-breathe{50%{transform:scale(1.03,.97)}}.garbagotchi .walker.walking .hopper{animation:.38s ease-in-out infinite pp-step}.garbagotchi .walker.walking .pp-shadow{animation:.38s ease-in-out infinite pp-stepShadow}@keyframes pp-step{0%,to{transform:translateY(0)scale(1.03,.97)}50%{transform:translateY(-.42em)scale(.98,1.02)}}@keyframes pp-stepShadow{50%{opacity:.09;transform:scale(.78)}}.garbagotchi .walker.joy .hopper{animation:.9s cubic-bezier(.3,.6,.3,1) pp-joy}.garbagotchi .walker.joy .pp-shadow{animation:.9s cubic-bezier(.3,.6,.3,1) pp-joyShadow}@keyframes pp-joy{15%{transform:scale(1.13,.86)}40%{transform:translateY(-1.5em)scale(.92,1.1)rotate(-7deg)}62%{transform:scale(1.1,.9)}78%{transform:translateY(-.45em)}to{transform:none}}@keyframes pp-joyShadow{40%{opacity:.06;transform:scale(.55)}}.garbagotchi .walker.pop .hopper{animation:.7s cubic-bezier(.2,1.5,.4,1) pp-pop}@keyframes pp-pop{0%{opacity:0;transform:translateY(.6em)scale(.1)}}.garbagotchi .walker.shiver .breather{animation:.4s linear infinite pp-shiver}@keyframes pp-shiver{25%{transform:translate(-.04em)}75%{transform:translate(.04em)}}.garbagotchi #garba{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.garbagotchi #head{stroke:var(--g-outline);stroke-width:7px}.garbagotchi #face{transition:opacity .35s}.garbagotchi #eyeL,.garbagotchi #eyeR{transition:d .25s}.garbagotchi #mouth{transition:d .4s}.garbagotchi #look,.garbagotchi #mouthLook{transition:transform .25s ease-out}.garbagotchi .instant #eyeL,.garbagotchi .instant #eyeR{transition:none}.garbagotchi .blush{opacity:0;transition:opacity .4s}.garbagotchi .blushing .blush{opacity:.55}.garbagotchi .hat{color:#e8467c;display:none;position:absolute;top:-1.05em;left:50%;transform:translate(-50%)rotate(-10deg)}.garbagotchi .fx-follow{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:visible}.garbagotchi .fx{pointer-events:none;position:absolute}.garbagotchi .heart{color:#e8467c;animation:1.4s ease-out both pp-heartUp;top:-.1em;left:42%}@keyframes pp-heartUp{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1;transform:translate(calc(var(--dx)*.3),-.6em) scale(1)}to{opacity:0;transform:translate(var(--dx),-3.1em) scale(.8)}}.garbagotchi .cookie-drop{color:#b46b2a;animation:.9s cubic-bezier(.5,0,.75,0) both pp-cookieDrop;top:30%;left:39%}@keyframes pp-cookieDrop{0%{transform:translateY(-4.6em)rotate(0)}70%{opacity:1;transform:translateY(0)rotate(240deg)}to{opacity:0;transform:translateY(0)scale(0)rotate(260deg)}}.garbagotchi .crumb{background:#b46b2a;width:.16em;height:.16em;animation:.7s ease-out both pp-crumb;top:62%;left:50%}@keyframes pp-crumb{to{opacity:0;transform:translate(var(--dx),var(--dy))}}.garbagotchi .ball{color:#f08a24;animation:1.3s cubic-bezier(.3,.5,.5,1) both pp-bonk;top:-.2em;left:40%}@keyframes pp-bonk{0%{transform:translate(3.6em,-3.6em)}35%{transform:translate(0)}58%{transform:translate(-1.3em,-2em)}80%{transform:translate(-2.6em,.2em)}to{opacity:0;transform:translate(-4.2em,-1.2em)}}.garbagotchi .hand{color:var(--ink);animation:1.5s ease-in-out both pp-pat;top:-1em;left:36%}@keyframes pp-pat{0%{opacity:0;transform:translateY(-1.6em)}15%{opacity:1}25%,55%,85%{transform:translateY(-.1em)}40%,70%{transform:translateY(-.85em)}to{opacity:0;transform:translateY(-1.6em)}}.garbagotchi .zz{font-family:var(--ff-pixel),monospace;color:var(--ink);font-weight:700;animation:2.4s ease-out both pp-zRise;top:-.2em;right:-.5em}@keyframes pp-zRise{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(.9em,-2.1em)scale(1.25)}}.garbagotchi .puff{background:var(--ink-soft);border-radius:50%;width:.55em;height:.55em;animation:2s ease-out both pp-puff;top:48%;right:-.3em}@keyframes pp-puff{0%{opacity:0;transform:scale(.4)}30%{opacity:.8}to{opacity:0;transform:translate(1.4em,-.8em)scale(1.7)}}.garbagotchi .thought{animation:2.2s ease-in-out infinite pp-bob;top:-1.85em;right:-1.95em}.garbagotchi .thought .b{background:var(--bubble);border:.07em solid var(--ink);border-radius:50%;position:absolute}.garbagotchi .thought .tb{background:var(--bubble);border:.07em solid var(--ink);color:#b46b2a;border-radius:.7em;place-items:center;width:1.6em;height:1.4em;display:grid;position:relative}@keyframes pp-bob{50%{transform:translateY(-.18em)}}.garbagotchi .drool{color:#5ba8ec;transform-origin:50% 0;animation:1.6s ease-in-out infinite pp-drool;top:66%;left:55%}@keyframes pp-drool{50%{transform:scaleY(1.5)translateY(.08em)}}.garbagotchi .dots{font-family:var(--ff-pixel),monospace;letter-spacing:.1em;color:var(--ink);font-size:.9em;font-weight:700;animation:1.6s ease-in-out infinite pp-dots;top:-1.5em;left:50%;transform:translate(-50%)}@keyframes pp-dots{50%{opacity:.25}}.garbagotchi .egg{width:3.1em;color:var(--ink);transform-origin:50% 100%;margin-left:-1.55em;display:none;position:absolute;bottom:1em;left:50%}.garbagotchi .egg.show{animation:2.6s ease-in-out infinite pp-wobble;display:block}.garbagotchi .egg.hatching{animation:.1s linear infinite pp-shake;display:block}.garbagotchi .egg .crack{opacity:0}.garbagotchi .egg.hatching .crack{opacity:1}@keyframes pp-wobble{0%,58%,to{transform:rotate(0)}66%{transform:rotate(-11deg)}74%{transform:rotate(9deg)}82%{transform:rotate(-6deg)}90%{transform:rotate(3deg)}}@keyframes pp-shake{25%{transform:translate(-.08em)rotate(-4deg)}75%{transform:translate(.08em)rotate(4deg)}}.garbagotchi .flash{opacity:0;pointer-events:none;z-index:4;background:#fff;position:absolute;inset:0}.garbagotchi .flash.go{animation:.6s ease-out pp-flash}@keyframes pp-flash{15%{opacity:.95}to{opacity:0}}.garbagotchi .slot{flex-direction:column;align-items:center;width:4.4em;margin-left:-2.2em;display:flex;position:absolute}.garbagotchi .slot-a{top:16.35em;left:5.1em}.garbagotchi .slot-b{top:17.05em;left:10em}.garbagotchi .slot-c{top:16.35em;left:14.9em}.garbagotchi .hw{-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--socket) 70%,#000 30%),var(--socket));width:3em;height:3em;box-shadow:inset 0 .14em .28em #0000008c,0 1px 0 var(--hi);border-radius:50%;padding:.24em;position:relative}.garbagotchi .cap{background:radial-gradient(circle at 36% 30%,#fffffff2 0 7%,var(--btn1) 30%,var(--btn2) 100%);width:100%;height:100%;box-shadow:0 .24em 0 var(--btn-edge),0 .38em .5em #00000059,inset 0 -.14em .25em #0000001f;border-radius:50%;transition:transform 80ms,box-shadow 80ms;display:block}.garbagotchi .hw:active .cap,.garbagotchi .hw.pressed .cap{box-shadow:0 .04em 0 var(--btn-edge),0 .1em .2em #0000004d,inset 0 -.1em .2em #0000001f;transform:translateY(.2em)}.garbagotchi .hw:focus-visible{outline:.14em solid var(--ring);outline-offset:.2em}.garbagotchi .prog{opacity:0;pointer-events:none;background:conic-gradient(var(--ring) calc(var(--p,1)*1turn),color-mix(in srgb,var(--ring) 22%,transparent) 0);border-radius:50%;transition:opacity .3s;position:absolute;inset:-.34em;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - .17em),#000 calc(100% - .15em));mask:radial-gradient(circle closest-side,#0000 calc(100% - .17em),#000 calc(100% - .15em))}.garbagotchi .cooling .prog{opacity:1}.garbagotchi .cooling .cap{filter:saturate(.45)brightness(.92)}.garbagotchi .hw-label{font-family:var(--ff-pixel),monospace;letter-spacing:.14em;color:var(--engrave);text-shadow:0 1px 0 var(--emboss);margin-top:.62em;font-size:.56em;font-weight:700}.garbagotchi .grille{background:radial-gradient(circle,var(--grille) .12em,transparent .14em) 0 0/.55em .47em;width:3.3em;height:.95em;margin-left:-1.65em;position:absolute;top:21.25em;left:50%}.garbagotchi .pill{background:var(--background);border:1px solid var(--border);height:38px;box-shadow:var(--pp-shadow);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:9px;margin-top:14px;padding:0 6px 0 14px;font-size:13.5px;font-weight:500;display:flex}.garbagotchi .pill .dot{background:var(--pp-ok);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pp-ok) 20%,transparent);border-radius:50%}.garbagotchi .pill.wait .dot{background:var(--pp-wait);box-shadow:0 0 0 4px color-mix(in srgb,var(--pp-wait) 22%,transparent)}.garbagotchi .pill.nudge{animation:.5s pp-nudge}@keyframes pp-nudge{30%{transform:scale(1.06)}}.garbagotchi .keys{gap:4px;margin-left:4px;display:flex}.garbagotchi .keys kbd{background:var(--garba-gray);border:1px solid var(--border);min-width:22px;height:22px;color:var(--muted-foreground);border-radius:7px;place-items:center;font-family:inherit;font-size:11px;font-weight:500;display:grid}@media (hover:none){.garbagotchi .keys{display:none}.garbagotchi .pill{padding-right:14px}}.garbagotchi .skins{color:var(--muted-foreground);align-items:center;gap:10px;margin-top:14px;font-size:12.5px;display:flex}.garbagotchi .swatch{border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:inset 0 0 0 1px #0000001f,0 1px 2px #00000026}.garbagotchi .swatch:hover{transform:scale(1.12)}.garbagotchi .swatch[aria-pressed=true]{outline:2px solid var(--foreground);outline-offset:2px}.garbagotchi .toast{z-index:60;background:var(--foreground);max-width:calc(100vw - 32px);color:var(--background);opacity:0;visibility:hidden;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:550;transition:transform .45s cubic-bezier(.2,.9,.3,1.15),opacity .3s,visibility 0s .45s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%,160%);box-shadow:0 14px 40px -12px #00000073}.garbagotchi .toast.show{opacity:1;visibility:visible;transition:transform .45s cubic-bezier(.2,.9,.3,1.15),opacity .2s;transform:translate(-50%)}.garbagotchi .toast.error{color:#fff;background:#e5484d}@media (prefers-reduced-motion:reduce){.garbagotchi *,.garbagotchi :before,.garbagotchi :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.garbagotchi .pp-marquee span{padding-left:0;animation:none}}.garbagotchi .game{z-index:3;touch-action:none;cursor:pointer;width:100%;height:100%;display:none;position:absolute;inset:0}.garbagotchi .lcd-stage.gaming .game{display:block}.garbagotchi .lcd-stage.gaming>:not(.game):not(.flash){visibility:hidden}.garbagotchi .hud{font-family:var(--ff-pixel),monospace;letter-spacing:.06em;align-items:center;gap:.18em;min-height:.95em;font-size:.62em;font-weight:700;display:flex}.garbagotchi .hud .px{width:.75em!important;height:.65em!important}.garbagotchi .hud .off{opacity:.22}.garbagotchi .back{background:var(--garba-gray);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;height:28px;margin-left:-8px;padding:0 11px;font-size:13px;font-weight:500;display:inline-flex}.garbagotchi .back[hidden],.garbagotchi .pill [hidden]{display:none}.garbagotchi .back:hover{color:var(--foreground);background:var(--border)}.garbagotchi .games{flex-wrap:wrap;justify-content:center;gap:10px;max-width:600px;margin-top:16px;display:flex}.garbagotchi .game-chip{background:var(--background);border:1px solid var(--border);box-shadow:var(--pp-shadow);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:8px 16px 8px 8px;transition:transform .15s;display:flex}.garbagotchi .game-chip:hover{transform:translateY(-2px)}.garbagotchi .game-chip:active{transform:scale(.97)}.garbagotchi .game-chip[aria-pressed=true]{outline:2px solid var(--foreground);outline-offset:2px}.garbagotchi .game-chip b{font-size:13.5px;font-weight:500;display:block}.garbagotchi .game-chip small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px;display:block}.garbagotchi .tile{background:color-mix(in srgb,var(--c) 14%,transparent);width:34px;height:34px;color:var(--c);border-radius:10px;flex:none;place-items:center;display:grid}.garbagotchi .tile svg{width:17px;height:17px}.garbagotchi .pp-stage{flex-direction:column;align-items:center;padding:clamp(1rem,3vw,2.5rem) 0 clamp(1.5rem,3vw,2.5rem);display:flex;container-type:inline-size}.garbagotchi .games{justify-content:stretch;gap:10px;max-width:none;margin-top:0;display:grid}@media (min-width:480px) and (max-width:767px){.garbagotchi .games{grid-template-columns:repeat(3,minmax(0,1fr))}}.garbagotchi .game-chip{border-radius:var(--radius-lg,12px);box-shadow:none;padding:10px 16px 10px 10px}.garbagotchi .game-chip:hover{background:var(--garba-gray);transform:none}.garbagotchi .game-chip[aria-pressed=true]{border-color:var(--foreground);outline:none}.garbagotchi .game-chip b{font-size:var(--text-regular,15px);font-weight:500}.garbagotchi .game-chip small{font-size:var(--text-sm,13px)}.garbagotchi .pp-extras{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.garbagotchi .skins{font-size:var(--text-sm,13px);margin-top:0}.garbagotchi .pp-sound{border:1px solid var(--border);height:36px;font-size:var(--text-sm,13px);color:var(--muted-foreground);border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:color .2s,background .2s;display:inline-flex}.garbagotchi .pp-sound:hover{color:var(--foreground);background:var(--garba-gray)}.garbagotchi .pp-sound svg{width:16px;height:16px}.garbagotchi .pill{box-shadow:none;margin-top:18px}.garbagotchi .toast{background:var(--garba-black,#000);color:#fff;font-weight:500}