@font-face{font-family:'StockPets Thai';src:url('/assets/fonts/NotoSansThai.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'StockPets Devanagari';src:url('/assets/fonts/NotoSansDevanagari.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--body-font:'DM Sans','Noto Sans KR',system-ui,'StockPets Thai','StockPets Devanagari',sans-serif;--heading-font:'Manrope',var(--body-font)}
html{font-family:var(--body-font)}h1,h2,h3{font-family:var(--heading-font)}
html:lang(ja){--body-font:'Hiragino Sans','Yu Gothic','Noto Sans CJK JP',system-ui,sans-serif;--heading-font:var(--body-font);line-break:strict}
html:lang(zh-Hans){--body-font:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',system-ui,sans-serif;--heading-font:var(--body-font);line-break:strict}
html:lang(zh-Hant){--body-font:'PingFang TC','Microsoft JhengHei','Noto Sans CJK TC',system-ui,sans-serif;--heading-font:var(--body-font);line-break:strict}
html:lang(th){--body-font:'StockPets Thai','Thonburi',system-ui,sans-serif;--heading-font:var(--body-font)}
html:lang(hi){--body-font:'StockPets Devanagari','Kohinoor Devanagari',system-ui,sans-serif;--heading-font:var(--body-font)}
html:is(:lang(th),:lang(hi)) :is(h1,h2,h3){line-height:1.6;letter-spacing:normal}
html:not(:lang(ko)):not(:lang(en)) :is(h1,h2,h3){letter-spacing:normal}
:is(h1,h2,h3,p,li,a,button,summary,small){overflow-wrap:break-word;hyphens:auto}
.language-menu>div{width:min(390px,calc(100vw - 40px));max-height:min(65vh,480px);overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:10px;right:0}
.language-menu:not([open])>div{display:none}.language-menu a{font-family:system-ui,'StockPets Thai','StockPets Devanagari','Hiragino Sans','PingFang SC',sans-serif;white-space:normal;min-width:0;font-size:13px;line-height:1.7}.language-menu summary{max-width:100%;white-space:normal}
.nav-actions{min-width:0;max-width:100%}.main-nav{min-width:0;flex-wrap:wrap}.main-nav a{text-align:center}.hero-copy,.hero-art,.steps,.step>div,.era-copy,.section-heading,.blog-card-copy,.footer-brand{min-width:0}
.store-links{flex-wrap:wrap}.store-badge{max-width:100%;min-width:0!important}.store-badge span{min-width:0}.store-badge small{white-space:normal;line-height:1.4}.store-badge strong{white-space:normal;line-height:1.3}.store-badge svg{flex-shrink:0}
.quick-facts>div{min-width:0}.quick-facts span{overflow-wrap:break-word}.scene-top>span{min-width:0}.scene-top b{flex-shrink:0}.scene-bottom{flex-wrap:wrap;gap:5px}.floating-note{max-width:95%;height:auto}.floating-note span{min-width:0}.pet-bubble{white-space:normal;max-width:100%;line-height:1.7}.pet-choice{min-width:0}.pet-choice span{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.footer-bottom>span{min-width:0}.footer-bottom>span:last-child{max-width:60%;line-height:1.9}.faq summary{gap:12px}.faq summary>span{flex-shrink:0}.art-label{max-width:100%;white-space:normal;text-align:center}.round-button,.outline-button{white-space:normal;text-align:center;max-width:100%}
@media(max-width:760px){.main-nav{gap:12px 22px}.main-nav a{flex:0 1 auto}.site-header{align-items:flex-start}.brand{flex-shrink:0}.nav-actions{flex:0 1 auto;max-width:52%}.language-menu summary{font-size:12px}.quick-facts span{font-size:10px}.footer-bottom>span:last-child{max-width:100%}.pet-garden{padding-inline:12px}.pet-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.hero .store-badge,.download-section .store-badge{flex:0 1 155px}.era-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.era-timeline article{min-width:0}.era-timeline h3{overflow-wrap:break-word}.step h3{font-size:20px}}
/* Keep names and short headlines intact instead of hyphenating them. */
:is(h1,h2,h3){hyphens:none;text-wrap:balance}.store-badge strong{white-space:nowrap}
@media(max-width:760px){
 .store-badge{padding:9px 10px;gap:8px}.store-badge svg{width:20px}.store-badge strong{font-size:16px}
 html:lang(ja) .hero h1{font-size:clamp(29px,8.2vw,38px)}
 html:is(:lang(ru),:lang(th)) .hero h1{font-size:clamp(30px,8.5vw,38px)}
}
.language-menu{z-index:2}.language-menu>div{z-index:1}.site-header:after{pointer-events:none}