/* Only new regions are styled here. No v22 selectors or animations are replaced. */
.noor-added{position:relative;min-height:100svh;padding:16svh 6vw 30px;box-sizing:border-box;isolation:auto;font-family:Arial,"PingFang SC",sans-serif;color:var(--orbit-fg,#e8e7df);outline:none}
.noor-kicker{font:9px/1.5 Arial,sans-serif;letter-spacing:.13em;margin:0 0 30px}
.noor-added-heading{position:relative;z-index:5;width:45%}
.noor-added h2{font:400 clamp(70px,12vw,180px)/.88 Arial,sans-serif;letter-spacing:-.075em;margin:0 0 36px}
.noor-added-caption{font:11px/1.9 Arial,"PingFang SC",sans-serif;letter-spacing:.035em;opacity:.62;margin:0}
.noor-introduction-field{position:absolute;z-index:5;right:8vw;top:20svh;width:32vw;height:51svh;border:1px solid #b6bcb12e;display:grid;place-items:center;font:9px Arial,"PingFang SC",sans-serif;color:#b9bead70}
.noor-introduction-field:before,.noor-introduction-field:after{content:'';position:absolute;width:20px;height:20px;border-color:currentColor;opacity:.35}
.noor-introduction-field:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.noor-introduction-field:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}
.noor-added-bottom{position:absolute;z-index:5;bottom:28px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #aab09c30;padding-top:18px;font:8px Arial,"PingFang SC",sans-serif;letter-spacing:.06em}
.noor-added-bottom a{display:inline-flex;align-items:center;gap:30px;min-height:44px}
.noor-open{background:#101110;color:#e8e7df;padding-top:15svh}
.noor-open-content{position:relative;z-index:5;max-width:1100px;margin:auto;padding-left:16vw}
.noor-open h2{font-size:clamp(70px,10.5vw,165px);margin-bottom:25px}
.noor-open-placeholder{margin-top:45px;border:1px solid #c4cabb24;min-height:25svh;display:grid;place-items:center;font:9px Arial,"PingFang SC",sans-serif;color:#c4cabb70}
.noor-open .noor-added-bottom{border-color:#c4cabb24}
.noor-gallery-portals{position:absolute;inset:0;z-index:35;pointer-events:none;font:8px Arial,"PingFang SC",sans-serif;letter-spacing:.06em;color:#9da491}
.noor-gallery-portals>*{position:absolute;pointer-events:auto;min-height:44px;display:flex;align-items:center}
.noor-intro-portal{left:50%;transform:translateX(-50%);top:70px}
.noor-gallery-portals>[data-open-settings]{left:2.7%;top:70%;font:inherit;letter-spacing:inherit}
.noor-gallery-portals>[data-open-detail]{right:2.7%;top:70%;font:inherit;letter-spacing:inherit}
.noor-gallery-portals>:is([data-open-settings],[data-open-detail]){padding:0 14px;min-width:72px;font-size:10px;cursor:pointer;color:var(--orbit-fg,#e8e7df)}
.noor-gallery-portals>button:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.orbit-stage[data-side-navigation=ready]{touch-action:pan-y pinch-zoom}
.home-intro-running .noor-gallery-portals,.home-intro-running .noor-region-launcher{visibility:hidden}
.noor-region-launcher{position:fixed;z-index:60;left:50%;top:18px;transform:translateX(-50%);font:8px Arial,"PingFang SC",sans-serif;letter-spacing:.08em;color:inherit;min-height:36px;padding:0 14px;background:transparent}
.noor-region-launcher[hidden]{display:none}
.noor-region-map,.noor-settings{background:#101110;color:#e8e7df;border:0;padding:35px 5vw;font-family:Arial,"PingFang SC",sans-serif;box-sizing:border-box;max-width:none;max-height:none}
.noor-region-map{width:min(760px,calc(100vw - 28px));max-height:calc(100svh - 28px);overflow:auto}
.noor-region-map::backdrop{background:#000c}.noor-settings::backdrop{background:#101110}
.noor-settings{width:100vw;height:100svh;margin:0;inset:0;overflow:auto}
.noor-panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:1;border-bottom:1px solid #c4cabb30;padding-bottom:25px}
.noor-panel-top h2{font:400 21px Arial,"PingFang SC",sans-serif;margin:0;letter-spacing:-.035em}
.noor-panel-top button{font:10px Arial,"PingFang SC",sans-serif;min-height:44px;color:inherit}
.noor-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(65px,1fr));gap:12px;padding:30px 0 0}
.noor-map-grid button{border:1px solid #c4cabb2e;min-height:65px;text-align:left;font:10px/1.6 Arial,"PingFang SC",sans-serif;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.noor-map-grid button[aria-current="true"]{background:#c4cabb18;border-color:#c4cabb88}
.noor-map-grid button:hover{background:#c4cabb12}
.noor-map-caption{font:9px/1.9 Arial,"PingFang SC",sans-serif;opacity:.5;margin:25px 0 0;max-width:480px}
.noor-setting-body{max-width:700px;margin:13svh auto}
.noor-setting-body h3{font:400 clamp(30px,4vw,60px)/1.1 Arial,"PingFang SC",sans-serif;letter-spacing:-.04em;margin:0 0 40px}
.noor-theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}
.noor-theme-options button{border:1px solid #c4cabb30;min-height:70px;font:11px Arial,"PingFang SC",sans-serif}
.noor-theme-options button[aria-pressed="true"]{border-color:#e8e7df;background:#e8e7df14}
.noor-setting-note{margin-top:65px;border-top:1px solid #c4cabb30;padding-top:25px;font:11px/1.9 Arial,"PingFang SC",sans-serif}
.noor-setting-note .noor-kicker{margin-bottom:15px}
@media(max-width:700px){.noor-added{padding:16svh 6vw 24px}.noor-added-heading{width:100%}.noor-added h2{font-size:22vw;margin-bottom:24px}.noor-introduction-field{top:45svh;right:6vw;width:58vw;height:31svh}.noor-added-caption{font-size:10px}.noor-added-bottom{bottom:20px;font-size:7px}.noor-open-content{padding-left:10vw}.noor-open h2{font-size:22vw}.noor-open-placeholder{margin-top:45px;min-height:30svh}.noor-gallery-portals{font-size:7px}.noor-gallery-portals>[data-open-settings]{left:4%}.noor-intro-portal{top:65px}.noor-region-launcher{left:auto;right:4%;top:auto;bottom:76px;transform:none;font-size:7px;padding:0 6px}.noor-region-map{padding:18px}.noor-map-grid{gap:6px;grid-template-rows:repeat(5,minmax(58px,1fr))}.noor-map-grid button{font-size:8px;padding:7px;min-height:58px}.noor-panel-top h2{font-size:18px}.noor-theme-options{grid-template-columns:repeat(2,1fr)}.noor-setting-body{margin:10svh auto}}
@media(max-height:550px){.noor-added{min-height:600px}.noor-region-map{padding:14px 24px}.noor-map-grid{grid-template-rows:repeat(5,minmax(45px,1fr));padding-top:16px}.noor-map-grid button{min-height:45px}.noor-map-caption{margin-top:12px}}

/* New text remains legible over the unchanged autonomous light field. */
.noor-added-heading,.noor-introduction-field,.noor-open-content,.noor-added-bottom,.noor-region-launcher{mix-blend-mode:difference}