@import url('assets/fonts/languages.css');
.language-row{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;padding:3px}.language-row select{font:inherit;color:#244c35;background:#fffdf5;border:1px solid #aec39c;border-radius:9px;padding:6px 10px;min-height:32px}.language-row select:focus-visible{outline:3px solid #bc913e;outline-offset:2px}.header-language{margin-left:5px}.header-language label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}
#intro-language-note{font-size:9px;line-height:1.4;margin:3px 0 0;color:#657555}#intro-language-note:empty{display:none}.intro-local-subtitle{display:none;position:absolute;left:12%;width:76%;top:21.7%;padding:2px 0;text-align:center;color:#5a4126;background:#faedcfe6;border-radius:8px;font-size:clamp(9px,1.8vh,17px);line-height:1.6;font-weight:700}
body[data-ui-lang]:not([data-ui-lang=ko]) .intro-local-subtitle{display:block}
body[data-ui-lang]:not([data-ui-lang=ko]) #intro-new{color:#fff4ce;background:linear-gradient(#698740,#446531);border:2px solid #a7b975;box-shadow:inset 0 -3px 0 #253d2833;font-size:clamp(11px,2.3vh,22px);font-weight:850;text-shadow:0 1px 1px #234221}
body[data-ui-lang]:not([data-ui-lang=ko]) #intro-continue{color:#365635;background:#fff3d2;border:2px solid #718052;font-size:clamp(9px,1.8vh,17px);font-weight:800}
body[data-ui-lang]:not([data-ui-lang=ko]) #intro-continue:disabled{opacity:.72;cursor:default}
body[data-ui-lang]:not([data-ui-lang=ko]) .play-dock b{white-space:normal;font-size:9px;line-height:1.2}body[data-ui-lang]:not([data-ui-lang=ko]) .actions b{font-size:10px}body[data-ui-lang]:not([data-ui-lang=ko]) .more-grid b{font-size:11px}body[data-ui-lang]:not([data-ui-lang=ko]) .house-travel{white-space:normal;min-width:185px}
@media(max-width:680px){.header-language select{max-width:92px;font-size:10px}.header-right{flex-wrap:wrap;gap:5px}.language-row{padding:1px}.intro-tools{width:calc(100% - 16px);padding:4px 10px 6px}.intro-info-links{gap:10px}.intro-info-links a{font-size:10px}.intro-art{width:min(100vw,calc((100svh - 110px) * 2 / 3));max-height:calc(100svh - 110px)}}

body[data-ui-lang]:not([data-ui-lang=ko]) #intro-new{font-size:clamp(10px,3.8vw,21px);line-height:1.2;white-space:nowrap}
body[data-ui-lang]:not([data-ui-lang=ko]) #intro-continue{font-size:clamp(9px,3.4vw,17px);line-height:1.2;white-space:nowrap}
body[data-ui-lang]:not([data-ui-lang=ko]) #intro-continue:disabled{opacity:1;filter:saturate(.4)}
.intro-local-subtitle{top:21.2%;left:10%;width:80%;height:4.8%;padding:2px 4px;background:#faedcf;font-size:clamp(8px,3vw,17px);line-height:1.35;align-items:center;justify-content:center}
body[data-ui-lang]:not([data-ui-lang=ko]) .intro-local-subtitle{display:flex}

html[lang=zh-CN] body{font-family:'Noto Sans SC Variable','Noto Sans KR Variable','Noto Emoji',sans-serif}html[lang=ja] body{font-family:'Noto Sans JP Variable','Noto Sans KR Variable','Noto Emoji',sans-serif}
html:not([lang=ko]) .bond-meter p,html:not([lang=ko]) .house-panel p{line-height:1.6;overflow-wrap:anywhere}html:not([lang=ko]) .adv-tabs{flex-wrap:wrap}html:not([lang=ko]) .trait-grid>div{flex-direction:column;gap:4px}html:not([lang=ko]) .actions small{white-space:normal;line-height:1.4}html:not([lang=ko]) .story-tabs button{padding:10px 6px;overflow-wrap:anywhere}
html[lang=zh-CN] .home-panel:before{content:'我的伙伴'}html[lang=ja] .home-panel:before{content:'わたしのお友だち'}
.story-tabs button[aria-pressed=false]{background:transparent!important;color:#36594b!important}.story-tabs button[aria-pressed=true]{background:#356b57!important;color:#fff!important}
@media(max-width:440px){html:not([lang=ko]) .choice-buttons{grid-template-columns:1fr}html:not([lang=ko]) .adv-tabs button{flex:1 1 auto}html:not([lang=ko]) .house-residents{flex-wrap:wrap}}
/* Tab changes must remain legible while the room's render loop is paused. */
.story-tabs button{transition:none!important}