.oulu-world .oulu-hud-spread>.oulu-hud-widget{max-width:1180px;width:100%;margin:8px auto 0}
.oulu-hud-tour{color:#efe9d7;text-align:left;font:15px/1.8 Arial,Helvetica,sans-serif;width:100%}
.oulu-hud-instruction{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #486052;font:12px/1.7 'Courier New',monospace!important;color:#e6ce95!important;text-align:left!important}
.oulu-hud-instruction span{color:#bfccc0}
.oulu-hud-stage{position:relative;margin:22px 0 34px}
.oulu-hud-art{position:relative;aspect-ratio:1916/480;overflow:hidden}
.oulu-world .oulu-hud-art img{position:absolute;top:-35%;width:100%;height:auto;max-width:none;display:block}
.oulu-hud-tabs{display:none}
.is-ready .oulu-hud-tabs{display:grid;position:absolute;inset:35% 3% 8%;grid-template-columns:repeat(6,1fr);gap:1%}
.oulu-hud-tab{appearance:none;background:transparent!important;border:1px solid transparent!important;border-radius:12px!important;cursor:pointer;padding:0!important;box-shadow:none!important;color:#f4e2ac!important;transition:background .18s,box-shadow .18s}
.oulu-hud-tab:hover,.oulu-hud-tab[aria-selected=true]{background:#f2d68819!important;border-color:#f2d688!important;box-shadow:0 0 0 2px #e5c37055,0 0 24px #d3bc8530!important}
.oulu-hud-tab:focus-visible{outline:3px solid #fff0ba!important;outline-offset:5px}
.oulu-hud-tab span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.oulu-hud-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;padding:30px 0;border-top:1px solid #627254;border-bottom:1px solid #627254;min-height:224px;outline-offset:7px}
.oulu-hud-panel[hidden]{display:none!important}
.oulu-hud-counter{display:block;color:#d3bc85;font:11px/1.7 'Courier New',monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}
.oulu-world .oulu-hud-panel h3{font:400 clamp(27px,2.6vw,39px)/1.12 Georgia,serif;color:#efe9d7;letter-spacing:-.035em;margin:0;text-wrap:balance}
.oulu-hud-panel p{color:#c5d0c3;margin:0 0 15px;text-align:left}
.oulu-hud-panel .oulu-hud-example{font:italic 16px/1.7 Georgia,serif;color:#e3d9b5;margin:0}
.oulu-hud-example span{display:block;font:10px/1.8 'Courier New',monospace;text-transform:uppercase;color:#acb99e;margin-bottom:5px;letter-spacing:.1em}
.oulu-hud-footnote{font:11px/1.7 'Courier New',monospace;color:#aebda9;margin:15px 0 0;text-align:left}
.oulu-world .oulu-moon-spread{background:#10271f;display:grid;grid-template-columns:1fr 1.04fr;gap:8%;align-items:center;padding:100px 7%!important;border-top:1px solid #486052}
.oulu-world .oulu-moon-film{padding:12px!important;border:1px solid #7c805d;background:#071b19;gap:14px;position:relative}
.oulu-world .oulu-moon-video .elementor-wrapper{aspect-ratio:848/742!important;padding:0!important;background:#071b19}
.oulu-world .oulu-moon-video video{position:relative;width:100%;height:auto;aspect-ratio:848/742;object-fit:contain;display:block}
.oulu-world .oulu-moon-caption{font:italic 13px/1.7 Georgia,serif!important;padding:0 7px;color:#c9cfb7!important}
.oulu-world .oulu-moon-copy{gap:23px;align-items:flex-start}
.oulu-world .oulu-moon-copy .elementor-heading-title{font-size:clamp(36px,4vw,56px)}
.oulu-world .oulu-chapter-note{margin-top:3px!important;padding:20px 0 0!important;border-top:1px solid #72815b;gap:12px}
.oulu-world .oulu-chapter-note h3.elementor-heading-title{font-size:27px}
.oulu-world .oulu-paths{background:#ddd4b9;color:#203b31;gap:30px;padding:66px 7% 74px!important}
.oulu-world .oulu-paths>.oulu-note{color:#51664e!important}
.oulu-world .oulu-paths>.elementor-widget-heading{max-width:800px}
.oulu-world .oulu-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding-top:8px!important}
.oulu-world .oulu-path{border-top:1px solid #7a8969;padding:21px 0 0!important;gap:16px}
.oulu-world .oulu-path .elementor-widget-text-editor{color:#405242}
.oulu-world .oulu-path .oulu-note{color:#596b4b!important}
@media(max-width:767px){
 .oulu-hud-instruction{flex-direction:column;gap:3px;font-size:11px!important}
 .oulu-hud-stage{margin:18px 0 25px}
 .is-ready .oulu-hud-tabs{position:static;margin-top:18px;grid-template-columns:repeat(3,1fr);gap:8px}
 .oulu-hud-tab{min-height:48px;padding:10px 5px!important;border:1px solid #6e805b!important;border-radius:0!important;font:12px/1.4 'Courier New',monospace!important}
 .oulu-hud-tab span{position:static;clip-path:none;width:auto;height:auto;white-space:normal}
 .oulu-hud-panel{grid-template-columns:1fr;gap:18px;padding:24px 0;min-height:365px}
 .oulu-world .oulu-hud-panel h3{font-size:32px}
 .oulu-hud-panel p{font-size:14px}
 .oulu-world .oulu-moon-spread{grid-template-columns:1fr;padding:55px 24px!important;gap:36px}
 .oulu-world .oulu-moon-copy{order:1}.oulu-world .oulu-moon-film{order:2}
 .oulu-world .oulu-paths{padding:52px 24px!important}
 .oulu-world .oulu-path-grid{grid-template-columns:1fr;gap:29px}
}
@media(prefers-reduced-motion:reduce){.oulu-hud-tab{transition:none}}
.oulu-hud-inworld{margin-top:25px;border:1px solid #486052}
.oulu-hud-inworld summary,.oulu-moon-controls summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:16px 18px;color:#e6ce95;font:12px/1.7 'Courier New',monospace}
.oulu-hud-inworld summary::-webkit-details-marker,.oulu-moon-controls summary::-webkit-details-marker{display:none}
.oulu-hud-inworld summary:focus-visible,.oulu-moon-controls summary:focus-visible{outline:2px solid #e6ce95;outline-offset:3px}
.oulu-hud-inworld[open]>summary span,.oulu-moon-controls details[open]>summary span{transform:rotate(45deg)}
.oulu-world .oulu-hud-inworld img{width:100%;height:auto;display:block}
.oulu-hud-inworld>p{padding:12px 18px;margin:0;font:12px/1.7 Arial,sans-serif;color:#bfccc0}
.oulu-moon-controls{text-align:left;width:100%}
.oulu-moon-controls>p{font:11px/1.7 'Courier New',monospace;color:#d3bc85;margin:0 0 14px}
.oulu-moon-controls>p span{display:block;color:#b5c3ad}
.oulu-moon-controls details{border-top:1px solid #486052}
.oulu-moon-controls details:last-child{border-bottom:1px solid #486052}
.oulu-moon-controls summary{padding:12px 0;min-height:46px}
.oulu-moon-controls details>p{font:14px/1.8 Arial,sans-serif;color:#c5d0c3;margin:0;padding:0 0 18px}
