/* V3.5.1: non-invasive resilience, responsive controls and keyboard focus. */
/* No original globe mesh, camera, ocean or rotation styling is changed. */
.globe-recovery{position:absolute;z-index:9;left:50%;top:51%;transform:translate(-50%,-50%);width:min(400px,calc(100% - 30px));border:1px solid #7ecdb7;background:rgba(8,26,37,.97);border-radius:16px;padding:20px 22px;text-align:left;color:#e4f8f1;box-shadow:0 12px 40px rgba(0,0,0,.55);cursor:auto}
.globe-recovery h2{margin:0 0 8px;font:750 18px/1.25 system-ui,sans-serif;color:#d4ffec}
.globe-recovery p{font:400 12px/1.55 system-ui,sans-serif;margin:0 0 12px;color:#cadfe0}
.globe-recovery .recovery-links{display:flex;flex-wrap:wrap;gap:8px}
.globe-recovery a,.globe-recovery button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;border:1px solid #84bea9;border-radius:8px;background:#174b4b;color:#f2fff9;text-decoration:none;padding:9px 12px;font:750 12px/1.25 system-ui,sans-serif;cursor:pointer}
.globe-recovery a:hover,.globe-recovery button:hover{background:#28645c}
.globe-recovery .recovery-note{display:block;margin-top:10px;color:#9cc5c2;font:400 10px/1.5 system-ui,sans-serif}
.globe-recovery[hidden],.connection-notice[hidden],.connection-notice button[hidden]{display:none!important}
.connection-notice{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#382b2c;color:#ffe8d9;border-bottom:1px solid #b17868;padding:11px 20px;font:600 12px/1.5 system-ui,sans-serif}
.connection-notice[data-connection=reconnected]{background:#163d35;border-color:#65af98;color:#dcfff0}
.connection-notice button{flex:0 0 auto;border:1px solid #79bd9f;background:#1b5847;color:white;border-radius:8px;font:700 12px system-ui,sans-serif;padding:8px 12px;min-height:42px;cursor:pointer}
.connection-notice button:focus-visible,.globe-recovery button:focus-visible,.globe-recovery a:focus-visible{outline:3px solid #f5ff98;outline-offset:3px}
@media(max-width:600px){
 .connection-notice{padding:10px 12px;gap:9px;flex-wrap:wrap}
 .globe-recovery{top:49%;padding:15px 14px;width:calc(100% - 20px)}
 .globe-recovery h2{font-size:16px}
 .mobile-shortcuts a{min-height:44px}
 .start-here a{min-height:44px}
 .control-stack button{min-height:40px;min-width:40px}
 .globe-tools button{min-height:39px}
}
@media(prefers-reduced-motion:reduce){
 .loading span{animation:none!important}
}

/* Prevent oversized search/actions from colliding with the brand at 320px widths. */
@media(max-width:360px){
 .header{height:auto;min-height:66px;flex-wrap:wrap;gap:7px;padding-top:8px;padding-bottom:8px}
 .header-right{margin-left:auto;gap:7px}
 .search-launch{padding:8px}
 .brand-copy small{letter-spacing:.4px}
 .round{min-width:33px;min-height:33px}
}