@import url("./pet.part-01.css?v=20260615_mobile_a8_1");
@import url("./pet.part-02.css?v=20260615_mobile_a8_1");

/* A9 site-pet focus, touch and reduced motion guard */
.site-pet__handle:focus-visible,
.site-pet__minimize:focus-visible,
.site-pet__panel-link:focus-visible {
    outline: 3px solid var(--a9-focus-ring, #58a6ff);
    outline-offset: 3px;
    box-shadow: 0 0 0 6px var(--a9-focus-shadow, rgba(88, 166, 255, .28));
}

html[data-theme="light"] .site-pet__handle:focus-visible,
html[data-theme="light"] .site-pet__minimize:focus-visible,
html[data-theme="light"] .site-pet__panel-link:focus-visible {
    outline-color: var(--a9-focus-ring, #005fcc);
    box-shadow: 0 0 0 6px var(--a9-focus-shadow, rgba(0, 95, 204, .24));
}

.site-pet__minimize,
.site-pet__panel-link {
    max-width: 100%;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: normal;
}

@media screen and (max-width: 767px) {
    .site-pet__handle,
    .site-pet__minimize,
    .site-pet__panel-link {
        min-width: 44px;
        min-height: 44px;
        box-sizing: border-box;
        touch-action: manipulation;
    }

    .site-pet__minimize,
    .site-pet__panel-link {
        font-size: max(12px, 1em);
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-pet,
    .site-pet *,
    .site-pet *::before,
    .site-pet *::after {
        animation: none !important;
        transition-duration: .01ms !important;
        transition-delay: 0s !important;
        scroll-behavior: auto !important;
    }

    .site-pet__text-track.is-marquee {
        display: block;
        white-space: normal;
        transform: none !important;
    }
}