html:lang(ja){font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif}
html:lang(en){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:normal}
.language-button{white-space:nowrap;flex-shrink:0;min-height:40px}
#language-dialog{width:min(480px,calc(100vw - 32px));max-width:480px;max-height:calc(100dvh - 32px);overflow:auto;text-align:center;padding:32px;color:#425a46;border-radius:24px;background:radial-gradient(ellipse at top,#fffef8,#f5f3e9);}
#language-dialog::backdrop{background:#eae8dfed;backdrop-filter:blur(8px)}
.language-emblem{font-size:38px;display:grid;place-items:center;margin:0 auto 18px;width:68px;height:68px;border-radius:22px;background:#e7ecdf;color:#6b815f}
.language-eyebrow{font-size:10px;letter-spacing:3px;color:#8a977e}
#language-dialog h1{font-size:24px;line-height:1.45;font-weight:500;margin:14px 0 6px;letter-spacing:0}
#language-dialog .language-intro{font-size:12px;letter-spacing:1px;margin:0 0 22px}
.language-options{display:grid;gap:10px}.language-options button{display:flex;flex-direction:column;gap:6px;align-items:flex-start;border:1px solid #dfe3d4;border-radius:12px;padding:16px 20px;background:#fffdf7;text-align:left;min-height:72px}
.language-options button[aria-pressed="true"]{border-color:#819674;background:#edf2e6;box-shadow:0 0 0 1px #819674}
.language-options strong{font-size:17px;font-weight:600}.language-options span{font-size:11px;color:#7f8b76;line-height:1.5}
#language-dialog .language-note{margin:22px 0 0;font-size:11px;line-height:1.7}.language-close{position:absolute;top:12px;right:14px;width:36px;height:36px;font-size:24px}.language-close[hidden]{display:none}
html:not(:lang(ko)) .button,html:not(:lang(ko)) .small-button{white-space:normal;line-height:1.4;padding-top:8px;padding-bottom:8px}
html:not(:lang(ko)) .room-launcher{flex-wrap:wrap;max-width:min(760px,calc(100% - 20px))}
html:not(:lang(ko)) .room-name{font-size:clamp(15px,1.6vw,22px);max-width:calc(100vw - 100px)}
html:not(:lang(ko)) .range-row label{min-width:62px;width:auto}
html:not(:lang(ko)) .inspection-header{align-items:flex-start}
html:not(:lang(ko)) .inspection-header h2{line-height:1.35}
html:not(:lang(ko)) .inspection-actions{flex-wrap:wrap}
html:not(:lang(ko)) .direction-buttons button{padding-left:8px;padding-right:8px}
html:not(:lang(ko)) .tabs button{font-size:10px;overflow-wrap:anywhere}
html:not(:lang(ko)) .loading-steps{flex-wrap:wrap;justify-content:center}
html:not(:lang(ko)) .loading-steps li{white-space:normal}
@media(max-width:760px){
 .header{padding-left:10px;padding-right:10px;gap:8px}.header-actions{gap:5px}.language-button{padding:0 8px;min-height:36px;font-size:10px}
 html:not(:lang(ko)) .brand{font-size:14px;letter-spacing:-.2px;gap:3px}html:not(:lang(ko)) .brand small{font-size:7px;letter-spacing:0}
 html:not(:lang(ko)) .brand-icon{display:none}html:not(:lang(ko)) .header .button{font-size:10px;padding-left:8px;padding-right:8px}
 html:not(:lang(ko)) .room-launcher .button{min-height:40px;font-size:10px}
 html:not(:lang(ko)) .room-launcher{width:calc(100% - 20px);max-width:calc(100% - 20px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
 html:not(:lang(ko)) .room-launcher .button{min-width:0;padding:7px 6px}
 html:not(:lang(ko)) .view-controls{bottom:132px}
 html:not(:lang(ko)) body:not(.inspecting):not(.arranging):not(.admiring) .canvas-wrap{bottom:190px}
 html:not(:lang(ko)) .stage:has(.room-launcher .button:nth-child(7)) .view-controls{bottom:180px}
 html:not(:lang(ko)) body:not(.inspecting):not(.arranging):not(.admiring) .stage:has(.room-launcher .button:nth-child(7)) .canvas-wrap{bottom:238px}
 html:not(:lang(ko)) .inspection-header h2{font-size:17px}html:not(:lang(ko)) .inspection-header p{font-size:10px}
 html:not(:lang(ko)) .room-name{max-width:70vw}html:not(:lang(ko)) .admire-actions{flex-wrap:wrap;justify-content:center}
 #language-dialog{padding:25px 22px}.language-emblem{width:54px;height:54px;font-size:32px;margin-bottom:12px}
}
@media(max-width:390px){.brand small{display:none}.brand{font-size:14px}.brand-icon{display:none}html:not(:lang(ko)) .header-actions{gap:3px}html:not(:lang(ko)) .header .button{font-size:9px;padding-left:6px;padding-right:6px}}

.language-switch-inline{display:block;margin:0 0 18px auto;border:1px solid #dce2d2;border-radius:20px;padding:9px 12px;font-size:11px;color:#64765a;background:#f9fbf3;min-height:38px}
.modal-language-button{position:absolute;left:22px;top:10px;border:1px solid #e1e5d7;border-radius:15px;padding:5px 10px;font-size:11px;color:#64765a;background:#f9fbf3;min-height:30px}
#modal{padding-top:56px}
@media(min-width:761px){
 html:not(:lang(ko)) body:not(.inspecting) .scene-heading{top:20px;max-width:calc(100% - 220px)}
 html:not(:lang(ko)) .scene-heading .room-name{max-width:100%;font-size:18px;line-height:1.35}
 html:not(:lang(ko)) .room-launcher{top:80px;width:max-content;justify-content:center}
 html:not(:lang(ko)) body:not(.inspecting):not(.arranging):not(.admiring) .canvas-wrap{top:140px}
}