dialog.hc-entry{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#08110d55;color:#eff3e7;font-family:system-ui,sans-serif;--hc-accent:#dcf3a1}
.hc-entry::backdrop{background:#030b0766}
.hc-band{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:38px;min-height:190px;padding:26px 8vw;border-top:1px solid #b9d19066;border-bottom:1px solid #b9d19066;background:linear-gradient(105deg,#10211af5,#0a1412fa 65%,#263328ee);box-shadow:0 25px 80px #0006;animation:hc-arrive 1.4s cubic-bezier(.16,1,.3,1) both}
.hc-copy{min-width:0;flex:1;max-width:610px}.hc-copy p{font:10px monospace;letter-spacing:4px;color:var(--hc-accent);margin:0 0 10px}.hc-copy h2{font-size:clamp(32px,5vw,62px);letter-spacing:.16em;margin:0;line-height:1.2}.hc-mission{font-size:13px;color:#b6c7b7;margin-top:12px;line-height:1.5}.hc-code{font:11px/1.8 monospace;letter-spacing:3px;color:#99ad93;white-space:nowrap}
.hc-reticle{width:64px;height:64px;border:1px solid #d4eca166;position:relative;transform:rotate(45deg);flex-shrink:0}.hc-reticle:before,.hc-reticle:after{content:'';position:absolute;background:var(--hc-accent)}.hc-reticle:before{left:50%;top:15%;width:1px;height:70%}.hc-reticle:after{left:15%;top:50%;height:1px;width:70%}.hc-reticle i{position:absolute;inset:18%;border:2px solid var(--hc-accent);border-radius:50%}
.hc-track{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d4eca115}.hc-track i{display:block;height:100%;background:var(--hc-accent);transform-origin:left;transform:scaleX(0)}
.hc-scan{position:absolute;top:0;bottom:0;width:14%;background:linear-gradient(90deg,transparent,#c9eca110);border-right:1px solid #c9eca166;animation:hc-scan 1.4s ease-out both;pointer-events:none}.hc-skip{position:absolute;right:5vw;bottom:6vh;min-height:44px;padding:10px 16px;background:#0c1911dd;color:#dce5d3;border:1px solid #81977377;font:12px system-ui;cursor:pointer}.hc-skip:focus-visible{outline:2px solid var(--hc-accent);outline-offset:4px}.hc-entry[data-stage=engage] .hc-reticle{border-color:var(--hc-accent);box-shadow:0 0 24px #d4eca120}
@keyframes hc-arrive{0%{opacity:0;transform:translate(36px,-50%)}22%,82%{opacity:1;transform:translate(0,-50%)}100%{opacity:0;transform:translate(-18px,-50%)}}
@keyframes hc-scan{from{left:-15%;opacity:0}15%{opacity:1}to{left:100%;opacity:0}}
@media(max-width:600px){.hc-band{gap:20px;padding:24px;min-height:168px}.hc-reticle{width:38px;height:38px}.hc-code{display:none}.hc-copy p{font-size:9px;letter-spacing:2px}.hc-copy h2{font-size:32px}.hc-mission{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hc-band{animation:none}.hc-scan{display:none}}