.door-enter-button{position:absolute;z-index:5;display:block;border:0;padding:0;margin:0;background:transparent;cursor:pointer;border-radius:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.door-enter-button[hidden]{display:none}
.door-enter-button:focus-visible{outline:2px solid #61dc93;outline-offset:4px;box-shadow:0 0 30px #42dc8920}

.door-enter-hint{position:absolute;left:50%;top:66%;transform:translate(-50%,8px);display:flex;align-items:center;gap:16px;white-space:nowrap;padding:12px 18px;border:1px solid #42dc8940;border-radius:6px;background:#07130fed;box-shadow:0 8px 28px #0008,0 0 22px #42dc8915;color:#d8f0e2;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.3px;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;backdrop-filter:blur(10px)}
.door-enter-hint>span{color:#42dc89;font-size:17px}
.door-enter-button:hover .door-enter-hint,.door-enter-button:focus-visible .door-enter-hint{opacity:1;transform:translate(-50%,0)}
@media(hover:none){.door-enter-hint{opacity:1;transform:translate(-50%,0);font-size:11px;padding:10px 13px;gap:10px}}
@media(prefers-reduced-motion:reduce){.door-enter-hint{transition:none}}