html,body.embedded{margin:0;background:#0f1516;color:#ece6d9;height:100%;overflow:hidden;scroll-behavior:auto}
.embedded{--cream:#ece6d9;--ink:#0f1516;--copper:#a9805a;--metal:#d7b18a}
.embedded .wrap{width:100%;margin:0}
.embedded .journey{height:auto!important;padding:0!important}
.embedded .journey-sticky{position:relative;top:0;width:100%}
.embedded .stage,.embedded .stage.has-world{height:calc(100svh - 112px);min-height:350px;border-radius:0;background:#0f1516;box-shadow:none}
.embedded .stage::after{border:0;border-radius:0}
.embedded .journey-controls{padding:0 22px;margin-top:16px;gap:20px}
.embedded .journey-controls button{border-color:#dcd7c92b;color:#ece6d9}
.embedded .journey-controls button>span{color:#8b928d}
.embedded .journey-controls strong{color:#b9bdb7}
.embedded .journey-controls small{color:#8b928d}
.embedded .journey-controls button[aria-pressed=true]{border-color:#c79a6e}
.embedded .journey-controls button[aria-pressed=true] strong{color:#ece6d9}
.embedded .journey-controls button[aria-pressed=true]>span{color:#c79a6e}
.embedded .journey-progress{margin-inline:22px;background:#dcd7c918}
.embedded .has-world .narrative::before{background:radial-gradient(ellipse,#0f1516ed 15%,#0f1516ba 50%,transparent 75%)}
.embedded .has-world .stage-tools{background:#0f151666}
@media(max-width:760px){
 .embedded .stage,.embedded .stage.has-world{height:calc(100svh - 108px);min-height:350px}
 .embedded .journey-controls{padding-inline:14px;gap:10px;margin-top:12px}
 .embedded .journey-controls strong{font-size:10px}
 .embedded .has-world .narrative::before{background:linear-gradient(transparent,#0f1516f2 40%,#0f1516)}
 .embedded .journey-progress{margin-inline:14px}
}
html[lang=en] .narrative h2{font-family:Heebo,Arial,sans-serif;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.03em;line-height:1.15}
html[lang=en] .narrative p{line-height:1.65}
html[lang=en] .journey-controls button{text-align:left}
html[lang=en] .journey-controls strong{font-size:13px}
@media(max-width:760px){html[lang=en] .narrative h2{font-size:24px}html[lang=en] .journey-controls strong{font-size:10px}html[lang=en] .journey-controls small{font-size:8px}}

/* The instructions are localized by the journey controls. */
.embedded[data-manual] .scroll-instruction {
  font-size: 10px;
}
.embedded[data-manual] .scroll-instruction::after {
  content: none;
}
