#accessOverlay{
 --access-bone:#eee8d9;--access-gray:#777d83;--access-dim:#4a4f55;--access-anomaly:#9b92ac;
 position:fixed;inset:0;z-index:200;display:none;overflow:auto;overscroll-behavior:contain;isolation:isolate;
 background:linear-gradient(90deg,transparent 0 8.1%,rgba(239,233,218,.025) 8.15%,transparent 8.2%),linear-gradient(90deg,transparent 0 68.7%,rgba(155,146,172,.032) 68.75%,transparent 68.8%),linear-gradient(180deg,rgba(255,255,255,.014),transparent 24%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 72px),#020304;
 color:var(--access-bone);padding:max(22px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));opacity:1;transition:opacity .46s ease
}
#accessOverlay.show{display:block}
.accessFrame{position:relative;width:min(1240px,100%);min-height:max(760px,calc(100dvh - 44px));margin:0 auto;display:grid;grid-template-columns:clamp(34px,5vw,78px) minmax(470px,610px) minmax(250px,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(32px,5vh,58px) clamp(34px,6vw,94px);transition:opacity .38s ease}
.accessFrame:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(var(--access-dim),var(--access-dim)) left top/38px 1px no-repeat,linear-gradient(var(--access-dim),var(--access-dim)) left top/1px 38px no-repeat,linear-gradient(var(--access-dim),var(--access-dim)) right bottom/38px 1px no-repeat,linear-gradient(var(--access-dim),var(--access-dim)) right bottom/1px 38px no-repeat;opacity:.72}
.accessFrame>*:not(.accessFieldGeometry){position:relative;z-index:2}
.accessFieldGeometry{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.accessFieldGeometry:before{content:"";position:absolute;right:clamp(-180px,-7vw,-70px);top:50%;width:clamp(470px,53vw,760px);aspect-ratio:1;transform:translateY(-51%);border:1px solid rgba(238,232,217,.085);border-radius:50%;box-shadow:0 0 0 72px rgba(238,232,217,.018),0 0 0 144px rgba(238,232,217,.009),inset 0 0 90px rgba(155,146,172,.025)}
.accessFieldGeometry:after{content:"";position:absolute;right:clamp(40px,18vw,250px);top:6%;bottom:5%;width:1px;background:repeating-linear-gradient(to bottom,rgba(238,232,217,.16) 0 1px,transparent 1px 13px);opacity:.48}
.accessFieldGeometry .axis{position:absolute;right:clamp(75px,22vw,310px);top:50%;width:clamp(360px,42vw,640px);height:1px;background:linear-gradient(90deg,transparent,rgba(155,146,172,.32) 22%,rgba(238,232,217,.13) 70%,transparent);transform:rotate(-19deg)}
.accessFieldGeometry .orbit{position:absolute;right:clamp(50px,15vw,210px);top:50%;width:clamp(210px,26vw,390px);aspect-ratio:1;border:1px solid rgba(155,146,172,.17);border-radius:50%;transform:translateY(-50%);clip-path:polygon(0 0,100% 0,100% 42%,0 78%)}
.accessGhost{position:absolute;right:clamp(-8px,2vw,36px);top:50%;transform:translateY(-51%);font:900 clamp(88px,16vw,250px)/.8 ui-monospace,monospace;letter-spacing:-.12em;color:rgba(238,232,217,.018);white-space:nowrap}
.accessMeta{grid-column:1/3;display:grid;grid-template-columns:clamp(110px,12vw,172px) minmax(160px,240px);gap:7px clamp(36px,7vw,94px);align-self:start}
.accessMeta:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:1px;background:linear-gradient(90deg,rgba(238,232,217,.34),rgba(238,232,217,.04) 72%,transparent)}
.accessMeta p{margin:0;color:#858b91;font-size:8px;line-height:1.5;letter-spacing:.22em;white-space:nowrap}
.accessMeta p:nth-child(2),.accessMeta p:nth-child(4){color:var(--access-anomaly)}
.accessBody{grid-column:2;align-self:start;width:min(100%,610px)}
.accessBody:before{content:"";position:absolute;left:-42px;top:2px;width:7px;height:7px;border:1px solid #6b7075;box-shadow:0 46px 0 -3px var(--access-anomaly)}
.accessBody h1{margin:0 0 clamp(28px,4.5vh,48px);font-size:clamp(15px,1.7vw,22px);font-weight:650;letter-spacing:.29em;color:#f2eddf;text-shadow:0 0 34px rgba(238,232,217,.07)}
.accessCopy{font-size:clamp(13px,1.25vw,16px);line-height:1.72;letter-spacing:.045em;color:#d9d3c6}
.accessCopy p{margin:0 0 20px}.accessCopy p:nth-child(2){color:#e7e0d2}
.accessRule{height:1px;background:linear-gradient(90deg,#666b70 0 72%,rgba(155,146,172,.5) 72% 76%,transparent 76%);margin:clamp(27px,4vh,40px) 0;color:transparent}
.accessAck{font-size:9px;line-height:1.9;letter-spacing:.19em;color:#8d9193}.accessAck strong{display:block;color:#ece6d8;font-weight:650;margin:14px 0 0;padding-left:18px;border-left:1px solid rgba(155,146,172,.62)}
.accessActions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}
.accessEnter{appearance:none;position:relative;overflow:hidden;border:1px solid #716d7c;background:rgba(4,5,7,.78);color:#f2ecde;border-radius:0;min-height:52px;padding:15px 23px;font:750 10px/1 ui-monospace,monospace;letter-spacing:.2em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 16px 50px rgba(0,0,0,.28)}
.accessEnter:before{content:"";position:absolute;inset:0;transform:translateX(-102%);background:linear-gradient(90deg,transparent,rgba(155,146,172,.12),transparent);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.accessEnter:after{content:"";position:absolute;inset:4px;pointer-events:none;background:linear-gradient(#a39aaa,#a39aaa) left top/9px 1px no-repeat,linear-gradient(#a39aaa,#a39aaa) left top/1px 9px no-repeat,linear-gradient(#a39aaa,#a39aaa) right bottom/9px 1px no-repeat,linear-gradient(#a39aaa,#a39aaa) right bottom/1px 9px no-repeat;opacity:.62}
.accessEnter:hover{border-color:#aaa1b8;background:rgba(155,146,172,.055)}.accessEnter:hover:before,.accessEnter:focus-visible:before{transform:translateX(102%)}.accessEnter:focus-visible{outline:1px solid #f1ecdc;outline-offset:5px;border-color:#b3aabe}
.accessReturn{color:#7d8388;font-size:8px;letter-spacing:.19em;text-decoration:none;padding:13px 2px;border-bottom:1px solid transparent}.accessReturn:hover{color:#ddd7cb;border-bottom-color:#737079}
.accessAside{grid-column:3;align-self:center;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 0 20px clamp(24px,3vw,48px);border-left:1px solid rgba(238,232,217,.13)}
.accessAside:before,.accessAside:after{content:"";position:absolute;left:-4px;width:7px;height:1px;background:#747980}.accessAside:before{top:0}.accessAside:after{bottom:0}
.accessOutside{font-size:9px;line-height:1.85;letter-spacing:.2em;color:#bbb7ad}.accessObserver{align-self:flex-end;text-align:right;color:#737980;font-size:8px;line-height:2;letter-spacing:.22em}
.accessObserver .point{position:relative;display:grid;place-items:center;width:64px;height:64px;margin:0 0 22px auto;color:var(--access-anomaly);font-size:17px;line-height:1;border:1px solid rgba(155,146,172,.28);border-radius:50%;box-shadow:0 0 0 12px rgba(155,146,172,.025),0 0 0 24px rgba(155,146,172,.012)}
.accessObserver .point:before{content:"";position:absolute;width:94px;height:1px;background:linear-gradient(90deg,transparent,rgba(155,146,172,.35),transparent);transform:rotate(-19deg)}
.accessSequence{display:grid;gap:11px;margin-top:32px;border-top:1px solid #292c30;padding-top:17px;min-height:86px}.accessSequenceRow{display:grid;grid-template-columns:1fr auto;gap:28px;color:#878c90;font-size:8px;letter-spacing:.18em;opacity:0;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}.accessSequenceRow.reveal{opacity:1;transform:none}.accessSequenceRow .accessState{color:#e1dbce;min-width:76px;text-align:right}.accessSequenceRow.anomaly .accessState{color:var(--access-anomaly)}
.accessLow{grid-column:1/-1;align-self:end;display:grid;grid-template-columns:clamp(34px,5vw,78px) minmax(440px,610px) minmax(250px,1fr);gap:24px clamp(34px,6vw,94px);border-top:1px solid #24272a;padding-top:17px}.accessArrival{grid-column:2;font-size:6px;line-height:1.9;letter-spacing:.16em;color:#62686d}.accessArrival p{margin:0 0 10px}.accessDisclosure{grid-column:3;align-self:end;font-size:6px;line-height:1.75;letter-spacing:.09em;color:#565c61;padding-left:clamp(24px,3vw,48px)}
.accessRetained{position:fixed;inset:0;z-index:2;display:grid;place-items:center;background:#000;color:#d8d3c8;font:700 clamp(9px,1vw,12px)/1.7 ui-monospace,monospace;letter-spacing:.28em;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s ease}
#accessOverlay.toBlack .accessFrame{opacity:0}#accessOverlay.retained .accessRetained{opacity:1}#accessOverlay.processing .accessActions{opacity:.3;pointer-events:none}#accessOverlay.processing .accessBody h1{color:#a9a4af}#accessOverlay.processing .accessFieldGeometry .orbit{animation:accessOrbit 7s linear infinite}@keyframes accessOrbit{to{transform:translateY(-50%) rotate(360deg)}}
@media(max-width:760px){#accessOverlay{padding:22px 18px 28px;background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 24%),repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 48px),#020304}.accessFrame{min-height:0;display:block;padding:0 2px}.accessFrame:before{inset:0 -2px}.accessFieldGeometry{position:fixed}.accessFieldGeometry:before{width:520px;right:-310px;top:35%}.accessFieldGeometry:after{right:34px;top:3%;bottom:3%}.accessFieldGeometry .axis{right:-35px;top:37%;width:420px}.accessFieldGeometry .orbit{right:-118px;top:35%;width:280px}.accessGhost{right:-12px;top:35%;font-size:96px}.accessMeta{grid-template-columns:1fr 1fr;gap:7px 18px;margin-bottom:clamp(52px,9vh,78px);max-width:520px}.accessMeta:after{bottom:-18px}.accessBody{width:min(100%,580px);padding-left:clamp(0px,4vw,22px)}.accessBody:before{display:none}.accessBody h1{margin-bottom:32px}.accessAside{margin:64px 0 62px;min-height:210px;padding:22px 0 18px 22px;max-width:580px}.accessObserver .point{width:54px;height:54px}.accessLow{display:block;padding:18px 0 0 clamp(0px,4vw,22px)}.accessDisclosure{margin-top:25px;max-width:380px;padding-left:0}.accessRule{background:linear-gradient(90deg,#4c5156 0 82%,transparent 82%)}}
@media(max-width:420px){.accessMeta{grid-template-columns:1fr}.accessActions{align-items:flex-start;flex-direction:column;gap:12px}.accessEnter{width:100%}.accessSequenceRow{gap:12px;font-size:8px;letter-spacing:.1em}.accessCopy{font-size:13px}}
@media(prefers-reduced-motion:reduce){#accessOverlay,.accessFrame,.accessRetained,.accessSequenceRow,.accessEnter:before{transition:none!important}#accessOverlay.processing .accessFieldGeometry .orbit{animation:none!important}}
