@charset "UTF-8";
:root{--sans:Verdana,'Noto Sans KR',sans-serif;--serif:Verdana,'Noto Sans KR',sans-serif;font-family:var(--sans)}
body,button,input,textarea,select,h1,h2,h3,h4{font-family:var(--sans)}
[lang=ko]{font-family:'Noto Sans KR',Verdana,sans-serif}[lang=en],.story-en,.selection-english,.metaverse-actions small,.metaverse-common small,.location-control small,.verse-en{font-family:Verdana,Arial,sans-serif!important}
.bilingual{display:inline-block}.bilingual>[lang=ko]{display:block}.bilingual>small[lang=en]{display:block;font-size:.76em;font-weight:400;line-height:1.55;margin-top:4px;opacity:.8;letter-spacing:0}
.story-pair>small[lang=en]{font-size:.88em;line-height:1.85;margin-top:15px;color:#c3c8bd;opacity:1}.helper .bilingual>small{font-size:.9em}.selection-story-en{font-size:.74rem!important;line-height:1.9!important;color:#b7b7a7!important}
.header .brand small{font-family:Verdana,Arial,sans-serif}.header nav .nav small{display:block;font:9px/1.5 Verdana,Arial,sans-serif;color:#bbb9a9;margin-top:3px}.header nav .nav{line-height:1.45}
.location-control>.bilingual>[lang=ko]{font-size:.86rem;font-weight:500;line-height:1.5}.location-control>.bilingual>small{font-size:10px;margin-top:2px}.metaverse-common .bilingual>[lang=ko]{font-size:.7rem}.metaverse-common .bilingual>small{font-size:9px;margin-top:2px}
.metaverse-actions .bilingual>[lang=ko]{font-size:.76rem;font-weight:500;line-height:1.5}.metaverse-actions .bilingual>small{font-size:9px;line-height:1.55;margin-top:4px}.large-text .metaverse-actions .bilingual>[lang=ko]{font-size:.86rem}
.metaverse-hint>.bilingual>small{font-size:9px}.world-hotspot-label .bilingual>small{font-size:9px}.metaverse-progress{font-family:Verdana,Arial,sans-serif}
.destination-menu .voyage-navigation-heading h2 .bilingual>small{font-size:12px;line-height:1.6}.destination-menu .voyage-phases .bilingual>small{font-size:8px;margin-top:3px}.destination-menu .voyage-navigation-heading{margin-bottom:20px}.destination-menu .voyage-phases{top:40px}.destination-menu .tile-name .bilingual>small{font-size:9px;margin-top:3px;line-height:1.4}.destination-menu .tile-name .bilingual>[lang=ko]{font-size:12px}.destination-menu .selection-title{font-weight:500}.destination-menu .selection-english{font-size:.93rem}.selection-enter .bilingual{text-align:left}
.intro-overlay h2 .bilingual>small{font-size:.46em}.intro-overlay .bilingual>small{font-size:.8em}.verse-overlay .verse-box{background:none!important;border:0!important;padding:0!important;text-align:left}.verse-en{font-size:.8rem;line-height:1.9;color:#cfd6c7;margin-top:18px}.verse-box cite .bilingual>small{font-size:10px}.intro-overlay .verse-box p{font-size:1.05rem}.intro-overlay .verse-box .verse-en{font-size:.8rem}.verse-reference .bilingual>small{font-size:10px}
.reading-page h1 .bilingual>small{font-size:.36em}.reading-page h2 .bilingual>small{font-size:.52em}.reading-page p .bilingual>small{font-size:.88em;line-height:1.85}.reading-page dd .bilingual>small{font-size:.85em;line-height:1.8}.reading-page dt .bilingual>small{font-size:.78em}.journal-summary p .bilingual>small{font-size:.8em}#action-description-en{font-size:.86rem;line-height:1.9;color:#c4cbbb}.toast{font-family:var(--sans);line-height:1.65;max-width:min(560px,90vw)}
.journey-tile:disabled{opacity:.36;cursor:not-allowed;filter:saturate(.4)}.journey-tile:disabled:hover img{transform:none}.voyage-phases button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:1100px){.destination-menu .voyage-phases{position:static}.destination-menu .voyage-navigation-heading{margin-bottom:17px}}
@media(max-width:760px){.header nav .nav small{font-size:7px}.location-control>.bilingual>[lang=ko]{font-size:13px}.location-control>.bilingual>small{font-size:9px}.metaverse-common .bilingual>[lang=ko]{font-size:11px}.metaverse-common .bilingual>small{font-size:8px}.metaverse-actions .bilingual>[lang=ko]{font-size:11px;line-height:1.45}.metaverse-actions .bilingual>small{font-size:8px;line-height:1.45}.large-text .metaverse-actions .bilingual>[lang=ko]{font-size:12px}.metaverse-actions .action-list button{min-height:93px!important}.destination-menu .voyage-navigation-heading h2 .bilingual>small{font-size:10px}.destination-menu .voyage-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}.destination-menu .voyage-phases button{padding:5px 2px;min-height:48px;line-height:1.5}.destination-menu .voyage-phases .bilingual>small{font-size:7px}.destination-menu .journey-tile{height:123px}.destination-menu .tile-name{bottom:10px}.destination-menu .tile-name .bilingual>[lang=ko]{font-size:11px}.destination-menu .tile-name .bilingual>small{font-size:8px}.intro-overlay h2 .bilingual>small{font-size:.48em}.intro-overlay .story-pair>small{font-size:.76rem}.intro-overlay .verse-box p{font-size:.86rem}.intro-overlay .verse-box .verse-en{font-size:.74rem}.selection-state .bilingual>small{font-size:8px}.destination-menu[data-mode=landscape] .selection-title{font-size:1.4rem}.destination-menu .selection-english{font-size:11px}}
@media(max-width:360px){.metaverse-actions .bilingual>[lang=ko]{font-size:10px}.large-text .metaverse-actions .bilingual>[lang=ko]{font-size:11px}.metaverse-common{right:10px}.metaverse-common .bilingual>[lang=ko]{font-size:10px}.metaverse-common .bilingual>small{font-size:7px}}

/* Unified type policy: Latin uses Verdana, Hangul uses the bundled Noto Sans KR. */
body,body *{font-family:Verdana,'Noto Sans KR',sans-serif!important}
body [lang=ko]{font-family:'Noto Sans KR',Verdana,sans-serif!important}
body [lang=en]{font-family:Verdana,Arial,sans-serif!important}
.intro-overlay h2.bilingual>small[lang=en]{font-size:.46em}.footer-brand small{display:block;font-size:10px;margin-top:5px}.header nav{gap:14px}
@media(max-width:760px){.header nav{gap:8px}.header nav .nav{font-size:10px}.header nav .nav small{font-size:6px}.header .brand{max-width:145px}}

@media(max-width:760px){
 body:not([data-view=scene]) .header{height:118px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:50px 44px;gap:0 8px;padding:8px 15px}
 body:not([data-view=scene]) .header .brand{grid-column:1;grid-row:1;max-width:none}
 body:not([data-view=scene]) .header .utilities{grid-column:2;grid-row:1;gap:4px}
 body:not([data-view=scene]) .header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;margin:0;gap:8px;padding:0}
 body:not([data-view=scene]) .header nav .nav{display:block;min-height:44px;font-size:11px;padding:4px 9px}
 body:not([data-view=scene]) .header nav .nav small{font-size:8px}
 body:not([data-view=scene]) .header .brand>span:last-child{font-size:14px}
 body:not([data-view=scene]) .header .brand small{font-size:6px;letter-spacing:.1em}
 body:not([data-view=scene]) .header .utilities button{min-width:34px;min-height:40px;padding:7px}
 body:not([data-view=scene]) .header .brand-mark{width:22px}
 body[data-view=scene] .header nav{display:none}
 body[data-view=scene] .header .utilities{margin-left:auto}
 .destination-menu .voyage-navigation{top:136px}
}

@media(max-width:360px){body:not([data-view=scene]) .header{padding:8px 12px;gap:0 5px}body:not([data-view=scene]) .header .brand{gap:7px}body:not([data-view=scene]) .header .brand>span:last-child{font-size:12px}body:not([data-view=scene]) .header .brand small{font-size:5px}body:not([data-view=scene]) .header .brand-mark{width:17px}body:not([data-view=scene]) .header .utilities button{min-width:32px;padding:6px}}
