.dp-gate{--gate-ivory:#eee7d9;--gate-muted:#b1afa8;--gate-amber:#dfad75;position:fixed;inset:0;z-index:10000;isolation:isolate;background:#060809;color:var(--gate-ivory);font-family:Arial,Helvetica,sans-serif;overflow:auto;overscroll-behavior:contain;opacity:1;transition:opacity .8s ease;}
.dp-gate *{box-sizing:border-box}.dp-gate[hidden]{display:none!important}.dp-gate__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}
.dp-gate__shell{position:relative;min-height:100%;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:34px 46px 28px}
.dp-gate__header,.dp-gate__footer{display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:'Courier New',monospace;font-size:10px;letter-spacing:1.8px;line-height:1.6;text-transform:uppercase}
.dp-gate__logo{display:block;width:89px;height:auto}.dp-gate__protocol{color:var(--gate-muted);text-align:right}.dp-gate__protocol b{display:block;color:var(--gate-ivory);font-weight:400;letter-spacing:3px}.dp-gate__dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gate-amber);margin-right:9px;box-shadow:0 0 12px #ce975c66}
.dp-gate__main{align-self:center;justify-self:center;text-align:center;width:min(100%,620px);padding:28px 0 42px;transform:translateY(-5px);transition:opacity .34s ease,transform .6s ease,filter .5s ease}
.dp-gate__eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 0 26px;font-family:'Courier New',monospace;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:3px;color:var(--gate-amber);text-transform:uppercase}.dp-gate__eyebrow:before,.dp-gate__eyebrow:after{content:'';width:30px;height:1px;background:#c8965e66}
.dp-gate__title{font-size:clamp(37px,4.4vw,66px);font-weight:600;line-height:.99;letter-spacing:-2.5px;margin:0;text-transform:uppercase;text-wrap:balance}.dp-gate__title span{display:block;color:#d9c6ad}.dp-gate__copy{font-size:14px;font-weight:400;line-height:1.7;color:var(--gate-muted);max-width:350px;margin:24px auto 0;text-wrap:balance}.dp-gate__copy strong{font-weight:400;color:var(--gate-ivory)}
.dp-gate__actions{display:flex;align-items:center;flex-direction:column;gap:13px;margin-top:30px}.dp-gate__yes{position:relative;display:flex;align-items:center;justify-content:center;gap:31px;width:284px;min-height:58px;padding:18px 25px;background:#e6c59a;color:#14110c;border:1px solid #eed2ad;border-radius:2px;font:600 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:2.1px;text-transform:uppercase;cursor:pointer;overflow:hidden;box-shadow:0 0 32px #d6a0690c;transition:background .2s,box-shadow .2s,transform .2s}.dp-gate__yes:before{content:'';position:absolute;top:0;bottom:0;left:-70%;width:50%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-20deg);transition:left .5s}.dp-gate__yes:hover{background:#f2d7b3;box-shadow:0 0 36px #d6a06930;transform:translateY(-2px)}.dp-gate__yes:hover:before{left:130%}.dp-gate__yes svg{width:19px;height:14px;transition:transform .2s}.dp-gate__yes:hover svg{transform:translateX(4px)}
.dp-gate__no,.dp-gate__back{font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.4px;color:#aaa9a4;background:transparent;border:0;padding:12px 18px;cursor:pointer;min-height:44px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#65665f}.dp-gate__no:hover,.dp-gate__back:hover{color:var(--gate-ivory)}.dp-gate button:focus-visible{outline:2px solid #f7d5a7;outline-offset:6px}.dp-gate button:disabled{cursor:default}
.dp-gate__footer{color:#92958f;font-size:9px;letter-spacing:1.5px}.dp-gate__coordinate{display:flex;align-items:center;gap:13px}.dp-gate__coordinate:before{content:'+';font-size:16px;color:var(--gate-amber)}.dp-gate__footer span:last-child{text-align:right}.dp-gate__footer,.dp-gate__header{transition:opacity .5s}
.dp-gate__jump-status{position:absolute;left:0;right:0;bottom:17%;text-align:center;color:#d8c4a9;font:11px/1.6 'Courier New',monospace;letter-spacing:4px;text-transform:uppercase;opacity:0;transition:opacity .45s;pointer-events:none}
.dp-gate__denied{display:none}.dp-gate[data-state=denied] .dp-gate__welcome{display:none}.dp-gate[data-state=denied] .dp-gate__denied{display:block}.dp-gate__denied .dp-gate__title{font-size:clamp(34px,4vw,55px)}
.dp-gate[data-state=jump] .dp-gate__main{opacity:0;transform:translateY(-5px) scale(1.035);filter:blur(4px);pointer-events:none}.dp-gate[data-state=jump] .dp-gate__header,.dp-gate[data-state=jump] .dp-gate__footer{opacity:0}.dp-gate[data-state=jump] .dp-gate__jump-status{opacity:1}.dp-gate[data-state=arriving]{opacity:0;pointer-events:none}.dp-gate[data-state=arriving] .dp-gate__main,.dp-gate[data-state=arriving] .dp-gate__jump-status,.dp-gate[data-state=arriving] .dp-gate__header,.dp-gate[data-state=arriving] .dp-gate__footer{opacity:0}
.dp-gate__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.dp-gate__shell{padding:23px 22px 21px}.dp-gate__logo{width:70px}.dp-gate__protocol{font-size:8px;letter-spacing:1px}.dp-gate__protocol b{letter-spacing:1.8px}.dp-gate__title{font-size:clamp(34px,9.8vw,51px);letter-spacing:-1.5px}.dp-gate__eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:23px}.dp-gate__main{padding:40px 0}.dp-gate__copy{font-size:13px;max-width:290px}.dp-gate__footer{font-size:8px;letter-spacing:1px;gap:20px}.dp-gate__footer span{max-width:140px}.dp-gate__yes{width:min(284px,100%)}.dp-gate__jump-status{font-size:9px;letter-spacing:2px}}
@media(max-height:580px){.dp-gate__shell{padding:18px 24px}.dp-gate__logo{width:56px}.dp-gate__main{padding:15px 0}.dp-gate__eyebrow{margin-bottom:12px}.dp-gate__title{font-size:34px}.dp-gate__copy{margin-top:14px}.dp-gate__actions{margin-top:18px;gap:4px}.dp-gate__yes{min-height:48px;padding:14px}.dp-gate__footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.dp-gate{transition-duration:.2s}.dp-gate *, .dp-gate *:before{transition-duration:.01ms!important;transform:none!important}.dp-gate__jump-status{display:none}}

/* ---- Dark Pipe: the gate uses the same typefaces as the site ---------------
   Keep the protocol labels in Courier New; they are part of the terminal look. */
.dp-gate { font-family: "TT Octosquares Medium", Arial, Helvetica, sans-serif; }
.dp-gate__title { font-family: "TT Octosquares Expanded Black", var(--font); font-weight: 900; letter-spacing: -0.5px; }
.dp-gate__copy { font-weight: 500; }
.dp-gate__yes { font-family: "TT Octosquares Medium", var(--font); font-size: 17px; font-weight: 500; letter-spacing: 1.2px; }
.dp-gate__no, .dp-gate__back { font-family: "TT Octosquares Medium", var(--font); font-weight: 500; }
@media(max-width:600px){.dp-gate__yes{font-size:16px;gap:16px}}
