body[data-world="gateway"]{background:#080b0e;overflow:hidden}
body[data-world="gateway"] #ambient-canvas,body[data-world="gateway"] .grain,body[data-world="gateway"] .site-footer{display:none}
body[data-world="gateway"] #page-root,body[data-world="gateway"] .page--gateway{height:100svh;min-height:0;overflow:hidden}
body[data-world="gateway"] .site-header{position:absolute;inset:0 0 auto;height:78px;z-index:10;max-width:none;padding:0 clamp(22px,3vw,52px);background:linear-gradient(#050a10b3,transparent);border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
body[data-world="gateway"] .brand__mark{display:none}
body[data-world="gateway"] .brand__name{display:block;font:500 11px/1.4 system-ui,sans-serif;letter-spacing:.2em;color:#e6e3df;text-shadow:0 2px 12px #000}
body[data-world="gateway"] .main-nav{border:0;background:none;gap:10px;padding:0}
body[data-world="gateway"] .nav-link{font:500 10px/1.4 system-ui,sans-serif;letter-spacing:.13em;padding:10px 9px;background:none;color:#bec4c7;border-radius:0;text-shadow:0 2px 10px #000}
body[data-world="gateway"] .nav-link.is-current{color:#fff;background:none;border-bottom:1px solid #c5cece70}
body[data-world="gateway"] .header-contact{font:500 10px system-ui,sans-serif;letter-spacing:.12em;color:#dddcd8;min-width:205px}
body[data-world="gateway"] .status-dot{width:5px;height:5px;box-shadow:none}
.gateway-experience{position:relative;inset:auto;background:#080b0e;isolation:isolate;height:100svh;min-height:0;overflow:hidden;font-family:system-ui,sans-serif}
.reference-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;touch-action:pan-y}
.reference-surround{position:absolute;inset:0;pointer-events:none;background:#080b0e center/auto 100% no-repeat}
.reference-surround[data-axis="wide"]{background-image:url('./street-environment-wide.webp')}
.reference-surround[data-axis="portrait"]{background-image:url('./street-environment-portrait.webp')}
.viewport-mist{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.viewport-mist[hidden]{display:none}
.gateway-experience[data-mode="live"] .reference-stage:not([data-atmosphere="composited"])::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:linear-gradient(90deg,#01050b78,transparent 31%,transparent 69%,#01050b8c),radial-gradient(ellipse var(--focus-width,68vw) var(--focus-height,72svh) at 50% 54%,transparent 38%,#02070c55 80%,#02070cb0 125%)}
.reference-art{position:absolute;left:50%;top:50%;width:min(100vw,150svh);aspect-ratio:3/2;transform:translate(-50%,-50%);transform-origin:50% 50%;isolation:isolate;user-select:none;-webkit-user-select:none;transition:transform .76s cubic-bezier(.22,.65,.28,1)}
.gateway-still,#gateway-webgl,.gateway-hotspots{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;transform:none;display:block}
.gateway-still{object-fit:contain;z-index:0;pointer-events:none;user-select:none;opacity:1}
#gateway-webgl{z-index:1;opacity:0;pointer-events:none;transition:none}
.gateway-experience[data-renderer="webgl"] #gateway-webgl{opacity:1}
.gateway-experience[data-renderer="webgl"] .gateway-still{opacity:0}
.gateway-hotspots{z-index:3;pointer-events:none}
.gateway-door{display:block;position:absolute;pointer-events:auto;border:0;background:none;border-radius:0;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.gateway-door:hover,.gateway-door:active{outline:none;box-shadow:none;background:none;transform:none}
.gateway-door:focus-visible{outline:1px dashed #e6e4d6;outline-offset:5px}
.gateway-door__caption,.gateway-door__aura,.gateway-cat-spot,.gateway-mobile-tip{display:none!important}
.gateway-door--magic{left:19.53125%;top:44.140625%;width:19.270833%;height:27.636719%}
.gateway-door--software{left:58.658854%;top:35.449219%;width:9.895833%;height:36.523438%}
.reference-transition{position:absolute;inset:0;z-index:5;background:#080b0e;opacity:0;pointer-events:none;transition:opacity .38s ease .34s}
.gateway-experience[data-entering] .reference-transition{opacity:1}
.gateway-experience[data-entering] .gateway-door{pointer-events:none}
.gateway-experience[data-entering] .reference-art{transform:translate(-50%,-50%) scale(1.2)}
.gateway-experience[data-entering="magic"] .reference-transition{background:#130b07}
.gateway-experience[data-entering="software"] .reference-transition{background:#060c15}
.reference-controls{position:absolute;inset:auto 0 0;z-index:6;padding:36px clamp(22px,3vw,52px) max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;background:linear-gradient(transparent,#03080db8);pointer-events:none}
.reference-controls a,.reference-controls button,.reference-controls summary{pointer-events:auto}
.reference-note{font:400 10px/1.5 system-ui,sans-serif;color:#c1c4be;letter-spacing:.025em;margin:0;text-shadow:0 2px 8px #000}
.gateway-world-links{position:static;transform:none;display:flex;gap:28px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.gateway-world-links a{padding:12px 0;display:inline-flex;align-items:center;gap:9px;color:#eee0c9;font:500 11px/1.5 system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap;border:0;border-radius:0;background:none;text-shadow:0 2px 12px #000}
.gateway-world-links a:last-child{color:#bddff1}
.gateway-world-links a:hover{color:#fff;background:none}
.gateway-link-orb{display:none}
.reference-light{justify-self:end;display:flex;gap:3px;align-items:center}
.reference-light button,.reference-views button{font:400 10px/1.4 system-ui,sans-serif;color:#c4cacc;letter-spacing:.03em;border:1px solid transparent;background:#07101855;border-radius:3px;padding:9px 11px;cursor:pointer;min-height:38px;backdrop-filter:blur(8px)}
.reference-light button[aria-pressed="true"],.reference-views button[aria-pressed="true"]{color:#f2eade;border-color:#b7ccd544;background:#0a141bb3}
.reference-light button:hover,.reference-views button:hover{color:#fff}
.reference-light button:focus-visible,.reference-views button:focus-visible{outline:2px solid #a8ced6;outline-offset:2px}
.reference-views{display:none;position:absolute;z-index:6;bottom:126px;left:0;right:0;justify-content:center;gap:5px}
.reference-mobile-heading{display:none}
.reference-instruction{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gateway-experience:not(.is-reference-repair)>.gateway-still,.gateway-experience:not(.is-reference-repair)>.gateway-hotspots{inset:auto;left:50%;top:50%;width:min(100vw,150svh);height:auto;aspect-ratio:3/2;transform:translate(-50%,-50%)}
.gateway-experience:not(.is-reference-repair)>.gateway-world-links{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:4}
.gateway-experience:not(.is-reference-repair)>.gateway-instruction{display:none}
.living-lantern-target{position:absolute;z-index:5;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.living-lantern-target:hover{background:none;border:0;box-shadow:none;outline:none}
.living-lantern-target:focus-visible{outline:1px dashed #e6c49c;outline-offset:4px}
.gateway-experience[data-mode="reference"] .living-lantern-target{pointer-events:none}
.living-cat-target{position:absolute;z-index:6;width:9.9%;height:10.65%;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.living-cat-target[hidden]{display:none}
.living-cat-target:hover{background:none;box-shadow:none}
.living-cat-target:focus-visible{outline:1px dashed #d3c3aa;outline-offset:4px;border-radius:40%}
.living-cat-target span{position:absolute;left:50%;top:-12%;padding:5px 9px;background:#11171bd9;border:1px solid #68777b55;border-radius:12px;font:400 11px Georgia,serif;color:#ddd4bf;opacity:0;transform:translate(-50%,5px);transition:opacity .25s,transform .25s;pointer-events:none}
.living-cat-target[data-greeting="true"] span{opacity:1;transform:translate(-50%,0)}
.scene-credits{position:relative;margin-top:6px;font-size:9px;color:#a5b3b9;pointer-events:auto}
.scene-credits summary{cursor:pointer;width:max-content}
.scene-credits div{position:absolute;bottom:24px;left:0;width:260px;padding:14px;background:#09121af0;border:1px solid #52636e66;border-radius:5px;font-size:11px;line-height:1.7}
.scene-credits a{color:#c9d7dd;text-decoration:underline}
@media(max-width:760px){
 body[data-world="gateway"] .site-header{height:68px;padding:0 22px}
 body[data-world="gateway"] .main-nav,body[data-world="gateway"] .header-contact{display:none}
 .reference-controls{grid-template-columns:1fr auto;gap:8px;padding:38px 20px max(18px,env(safe-area-inset-bottom))}
 .gateway-world-links{grid-column:1/-1;grid-row:1;justify-content:space-between;gap:20px}
 .gateway-world-links a{font-size:12px;min-height:44px}
 .reference-note{font-size:9px;max-width:175px}
 .reference-light button{font-size:9px;padding:8px}
 .reference-views{display:flex}
 .scene-credits div{width:240px}
}
@media(max-height:480px) and (min-width:761px){body[data-world="gateway"] .site-header{height:52px}.reference-controls{padding-top:16px;padding-bottom:10px}.reference-note{display:none}.gateway-world-links{grid-column:2}}
@media(prefers-reduced-motion:reduce){.gateway-experience *,.gateway-experience *::before{transition:none!important;animation:none!important}}