.visual-anchor-start{white-space:nowrap;font-size:13px!important}.visual-anchor-panel[hidden],.visual-anchor-pick[hidden],.visual-anchor-marker[hidden]{display:none!important}.visual-anchor-panel{position:absolute;z-index:7;left:12px;right:12px;top:179px;border-radius:14px;background:#123b2cf2;color:white;padding:10px 12px;max-width:470px;font-size:14px}.visual-anchor-panel p{margin:0 0 8px;line-height:1.35}.visual-anchor-panel button{font-size:13px;min-height:40px;margin-right:8px;background:#e0f17d;color:#173b2c}.visual-anchor-panel button:last-child{background:white}.visual-anchor-pick{position:absolute;inset:0;z-index:4;cursor:crosshair;touch-action:none;background:transparent;outline:2px dashed #e0f17d;outline-offset:-9px}.visual-anchor-pick:focus-visible{outline:4px solid #e0f17d;outline-offset:-7px}.visual-anchor-marker{z-index:5;will-change:left,top,width}.visual-anchor-active .mission-camera-layer,.visual-anchor-active .geo-layer,.visual-anchor-active .geo-controls,.visual-anchor-active .geo-message{visibility:hidden!important}.visual-anchor-active .walk-top,.visual-anchor-active .mission-camera-controls{z-index:8}.visual-anchor-active .geo-options{display:none}.geo-options-open .visual-anchor-panel{top:245px}@media(max-width:370px){.visual-anchor-panel{font-size:12px}.visual-anchor-start{padding-inline:8px!important}}

.visual-anchor-marker>span{position:absolute;top:100%;left:50%;transform:translateX(-50%)}
.visual-anchor-reticle{position:absolute;left:50%;top:68%;width:38px;height:38px;box-sizing:border-box;transform:translate(-50%,-50%);border:3px solid #e0f17d;border-radius:50%;box-shadow:0 0 0 2px #173b2c,0 2px 10px #0008;pointer-events:none}
.visual-anchor-reticle::after{content:'';position:absolute;width:6px;height:6px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#e0f17d;box-shadow:0 0 0 2px #173b2c}
.visual-anchor-reticle-label{position:absolute;top:46px;left:50%;transform:translateX(-50%);width:max-content;max-width:80vw;padding:7px 12px;border-radius:12px;background:#123b2cf2;color:white;font-size:13px;text-align:center}
.visual-anchor-panel[data-phase=selecting] .visual-anchor-reset{display:block;width:100%;font-size:16px;font-weight:800;min-height:48px;margin-bottom:8px}
.gate-scale[hidden]{display:none!important}
.visual-anchor-login{display:block;color:#fff;text-decoration:underline;font-size:12px;line-height:1.4;margin-top:8px}.visual-anchor-login[hidden]{display:none}.visual-anchor-panel button{margin-bottom:5px}.visual-anchor-panel button:disabled{opacity:.65}

.virtual-gate-marker .mission-camera-art img{width:100%;height:auto;display:block}.gate-scale{display:flex;gap:8px;flex-direction:column;font-size:12px;margin-top:8px}.gate-scale input{width:100%;min-height:36px;accent-color:#dbea89}.virtual-gate-marker>span{white-space:normal;min-width:170px}.family-gate-preview{background:linear-gradient(135deg,#163e2d,#2d6140);color:#fff;border-radius:20px;padding:18px;margin-top:20px;display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center}.family-gate-preview img{width:84px;height:100px;object-fit:contain}.family-gate-preview h3{margin:0 0 6px;font-size:20px}.family-gate-preview p{font-size:14px;margin:0 0 12px;color:#e4edd9}.family-gate-preview button{background:#e0f17d;color:#173b2c;border-color:#e0f17d;width:100%}.family-gate-preview small{display:block;margin-top:8px;font-size:12px;color:#e4edd9}

/* Keep the call to action on the clickable gate, without intercepting taps. */
.virtual-gate-marker .mission-camera-art{position:relative;overflow:visible}
.virtual-gate-marker .virtual-gate-tap-hint{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);display:block;width:max-content;max-width:90%;padding:10px 14px;border:2px solid #f5ffd1;border-radius:16px;background:#183d2b;color:#fff;font:700 16px/1.25 system-ui,sans-serif;white-space:normal;text-align:center;box-shadow:0 3px 14px #0008;pointer-events:none;text-shadow:none}
