.about-pet-computer{--apc-frame:clamp(18.5rem, 88vw, 32.5rem);--apc-size:clamp(16.5rem, 72vw, 29rem);--apc-panel:min(100%, var(--apc-frame));--apc-options:minmax(15rem, 22rem);width:var(--apc-frame);flex-direction:column;align-items:center;max-width:100%;display:flex;position:relative}.about-pet-computer--split{--apc-frame:min(100%, 72rem);--apc-size:clamp(18rem, 38vw, 30rem);--apc-panel:min(100%, 34rem);align-items:stretch;width:100%;max-width:none}.about-pet-computer--split .madbak-pet--full{width:100%}.about-pet-computer--split .madbak-pet__stack{grid-template-columns:minmax(0, 1.55fr) var(--apc-options);direction:ltr;align-items:stretch;gap:clamp(.85rem,2vw,1.25rem) clamp(1.25rem,3.5vw,3.25rem);width:100%;display:grid}.about-pet-computer--split .madbak-pet__present{flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(.75rem,2vw,1.1rem);width:100%;min-width:0;display:flex}.about-pet-computer--split .madbak-pet__options{align-self:start;width:100%;max-width:none;height:auto;min-height:0}.about-pet-computer--split .madbak-pet__bubble{width:min(100%, var(--apc-panel));max-width:100%}.about-pet-computer--split .madbak-pet__stage{width:var(--apc-size)}.about-pet-computer--split .madbak-pet__option{min-height:2.85rem;padding-block:.75rem;padding-inline:1.35rem;font-size:clamp(.66rem,1.15vw,.74rem)}.about-pet-computer--light .about-pet-computer__monitor{filter:drop-shadow(0 18px 36px #00000038)}.about-pet-computer--light .madbak-pet__ring{box-shadow:inset 0 0 18px #00000059,0 0 14px #1a6f6b38}.about-pet-computer .madbak-pet--full{width:100%;max-width:none}.about-pet-computer .madbak-pet__stack{align-items:center;gap:clamp(.75rem,2vw,1.1rem);width:100%}.about-pet-computer .madbak-pet__present{align-items:center}.about-pet-computer .madbak-pet__bubble{z-index:4;width:var(--apc-panel);background:#fffffff0;border-radius:2px;flex:none;max-width:100%;box-shadow:0 14px 36px #0000002e,inset 0 1px #ffffff80}.about-pet-computer .madbak-pet__line{min-height:2.6em;font-size:clamp(.78rem,1.6vw,.9rem)}.about-pet-computer .madbak-pet__tail{margin-left:-6px;top:auto;bottom:-7px;left:50%;transform:rotate(45deg)}.about-pet-computer .madbak-pet__stage{width:var(--apc-size);aspect-ratio:1;max-width:100%;animation:4.2s ease-in-out infinite about-pet-computer-breathe}.about-pet-computer:has(.madbak-pet.is-reduced) .madbak-pet__stage{animation:none}.about-pet-computer .madbak-pet__options{z-index:4;align-items:flex-start;gap:calc(.7rem + var(--opt-raise,3px));width:var(--apc-panel);max-width:100%;box-shadow:none;background:0 0;border:0;flex-direction:column;flex:none;margin:0;display:flex;overflow:visible}.about-pet-computer--split .madbak-pet__options{justify-content:flex-start;align-self:start;width:100%;max-width:none;height:auto;min-height:0;padding-top:.25rem}.about-pet-computer--split .madbak-pet__option{width:auto;max-width:100%;min-height:2.85rem;font-size:clamp(.66rem,1.15vw,.74rem)}.about-pet-computer--light .madbak-pet__bubble{background:#fff;border:1px solid #0a0a0a38;box-shadow:0 10px 28px #00000014,inset 0 1px #fffc}.about-pet-computer--light .madbak-pet__options{box-shadow:none;background:0 0;border:0}.about-pet-computer:not(.about-pet-computer--light) .madbak-pet__option{--opt-face:#f4f1ea;--opt-ink:#0a0a0a;--opt-edge:#f4f1ea59;--opt-depth:#000000d9}.about-pet-computer__monitor{z-index:1;pointer-events:none;filter:drop-shadow(0 18px 40px #00000073);width:100%;height:100%;position:absolute;inset:0}.about-pet-computer__chassis{object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;max-width:none;display:block;width:100%!important;height:100%!important}.about-pet-computer__power{background:#ff2a2a;border-radius:50%;width:.38rem;height:.38rem;animation:2.4s ease-in-out infinite about-pet-computer-power;position:absolute;bottom:18.5%;right:27%;box-shadow:0 0 8px #ff2a2ad9}.about-pet-computer:has(.madbak-pet.is-reduced) .about-pet-computer__power{animation:none}.about-pet-computer .madbak-pet__avatar{z-index:2;aspect-ratio:auto;width:100%;max-width:none;height:100%}.about-pet-computer .madbak-pet__avatar:focus-visible{border-radius:8px}.about-pet-computer .madbak-pet__avatar:hover{transform:none}.about-pet-computer .madbak-pet__ring{background:#1a6f6b;border:0;border-radius:2px;width:39.18%;height:30.41%;position:absolute;top:19.59%;left:30.41%;box-shadow:inset 0 0 18px #00000059,0 0 18px #50dcc82e}.about-pet-computer .madbak-pet__ring:after{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.7;background:radial-gradient(at 50% 35%,#b4fff02e,#0000 65%),repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.about-pet-computer .madbak-pet__img{object-position:center 18%}@keyframes about-pet-computer-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes about-pet-computer-power{0%,to{opacity:1}50%{opacity:.45}}@media (max-width:1023px){.about-pet-computer{--apc-frame:min(94vw, 28rem);--apc-size:min(78vw, 22rem)}.about-pet-computer--split{--apc-frame:min(94vw, 28rem);--apc-size:min(78vw, 22rem);--apc-panel:100%;width:100%}.about-pet-computer--split .madbak-pet__stack{flex-direction:column;align-items:center;display:flex}.about-pet-computer--split .madbak-pet__present,.about-pet-computer--split .madbak-pet__options{width:100%;max-width:var(--apc-panel);grid-area:auto;height:auto;min-height:0}.about-pet-computer--split .madbak-pet__options{width:100%;max-width:var(--apc-panel);display:flex}.about-pet-computer--split .madbak-pet__option{box-sizing:border-box;white-space:normal;text-align:start;width:100%;max-width:100%;min-height:3rem;padding-block:.75rem;padding-inline:1.35rem;font-size:clamp(.85rem,3.4vw,1rem)}.about-pet-computer--split .madbak-pet__options[dir=rtl] .madbak-pet__option{text-align:center;justify-content:center}.about-pet-computer .madbak-pet__stack{gap:.7rem}}@media (max-width:479px){.about-pet-computer,.about-pet-computer--split{--apc-frame:min(94vw, 24rem);--apc-size:min(86vw, 20rem)}}@media (prefers-reduced-motion:reduce){.about-pet-computer .madbak-pet__stage,.about-pet-computer__power{animation:none}}
.home-about-machine{--ham-console:minmax(18rem, 1.25fr);--ham-present:minmax(0, 1.15fr);--ham-options:minmax(16rem, 26rem);box-sizing:border-box;grid-template-columns:var(--ham-console) var(--ham-present) var(--ham-options);text-align:center;direction:ltr;grid-template-rows:auto auto auto;align-items:start;gap:clamp(1rem,2.5vw,1.75rem) clamp(.75rem,2.2vw,2rem);width:min(100%,92rem);max-width:100%;margin-inline:auto;padding-inline:0;display:grid;overflow-x:visible}.home-about-machine__intro{flex-direction:column;grid-area:1/2;align-items:center;width:100%;min-width:0;display:flex}.home-about-machine__meta{max-width:min(100%,34rem)}.home-about-machine__stage,.home-about-machine .about-pet-computer,.home-about-machine .madbak-pet,.home-about-machine .madbak-pet__stack{display:contents}.home-about-machine__console{z-index:40;grid-area:1/1/3;place-self:center;width:100%;min-width:0;max-width:min(100%,40rem);position:relative;transform:translate(clamp(-3.5rem,-4vw,0px))}.home-about-machine .madbak-pet__present{flex-direction:column;grid-area:2/2;align-items:center;gap:clamp(.75rem,2vw,1.1rem);width:100%;min-width:0;display:flex}.home-about-machine .madbak-pet__options{align-self:start;align-items:flex-start;gap:calc(.75rem + var(--opt-raise,4.5px));width:100%;min-width:0;max-width:none;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;grid-area:1/3/3;display:flex;transform:translate(clamp(0px,3vw,2.75rem))}.home-about-machine .madbak-pet__option{--opt-raise:4.5px;letter-spacing:.045em;touch-action:manipulation;border-width:2.25px;border-radius:6px;width:auto;max-width:100%;min-height:4.125rem;padding-block:.825rem;padding-inline:1.45rem;font-size:1.02rem}.home-about-machine .madbak-pet__options[dir=rtl]{align-items:flex-end;transform:none}.home-about-machine .madbak-pet__options[dir=rtl]>li{justify-content:flex-end;width:auto;max-width:100%;display:flex}.home-about-machine .madbak-pet__options[dir=rtl] .madbak-pet__option{text-align:center;letter-spacing:0;text-transform:none;z-index:1;direction:rtl;justify-content:center;width:auto;max-width:100%;position:relative}.home-about-machine__placeholder{opacity:0;grid-area:2/1/auto/-1;width:100%;min-height:clamp(18rem,38vw,30rem)}.home-about-machine__footnote{margin-inline:auto;grid-area:3/2;max-width:22rem;margin-top:.25rem}@media (max-width:1199px){.home-about-machine{--ham-console:minmax(14rem, 1.1fr);--ham-present:minmax(0, 1.2fr);--ham-options:minmax(14rem, 22rem);column-gap:clamp(.5rem,1.5vw,1.25rem)}.home-about-machine__console{max-width:min(100%,28rem);transform:translate(clamp(-1.5rem,-2vw,0px))}.home-about-machine .madbak-pet__options{transform:translate(clamp(0px,1.5vw,1.25rem))}.home-about-machine .madbak-pet__options[dir=rtl]{align-items:flex-end;transform:none}}@media (max-width:1023px){.home-about-machine{flex-direction:column;align-items:center;width:min(100%,40rem);max-width:100%;padding-inline:0;display:flex;overflow-x:visible}.home-about-machine__stage{display:contents}.home-about-machine .about-pet-computer,.home-about-machine .madbak-pet{order:3;width:100%;min-width:0;display:block}.home-about-machine .madbak-pet__stack{flex-direction:column;align-items:center;width:100%;display:flex}.home-about-machine__console{order:2;grid-area:auto;width:100%;max-width:min(78vw,22rem);margin-block:.35rem .15rem;transform:none}.home-about-machine .madbak-pet__present,.home-about-machine .madbak-pet__options{grid-area:auto;width:100%;max-width:min(94vw,28rem);height:auto;min-height:0;transform:none}.home-about-machine .madbak-pet__options[dir=rtl]{align-items:flex-end;transform:none}.home-about-machine .madbak-pet__options{gap:calc(.625rem + var(--opt-raise,3px))}.home-about-machine .madbak-pet__option{box-sizing:border-box;white-space:normal;text-align:start;width:100%;max-width:100%;min-height:3rem;padding-block:.75rem;padding-inline:1.35rem;font-size:clamp(.85rem,3.6vw,1.02rem)}.home-about-machine .madbak-pet__options[dir=rtl] .madbak-pet__option{text-align:center;justify-content:center}.home-about-machine__intro{order:1;width:100%}.home-about-machine__footnote{order:4;width:100%}}@media (max-width:479px){.home-about-machine__console{max-width:min(86vw,18rem)}.home-about-machine .madbak-pet__option{min-height:2.85rem;padding-block:.7rem;padding-inline:1.25rem;font-size:.88rem}}