/* The sphere: a pale room after the dark one, like a sculpture under daylight. */
.orb{position:relative;background:radial-gradient(ellipse 60% 70% at 55% 50%,#f1ede6,#dcd6cb 80%);color:var(--ink);padding:30px 36px 20px;overflow:hidden}
.orb .sh{position:relative;z-index:2}
.orb .ofil{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:end;gap:10px 22px;padding-bottom:12px;border-bottom:1px solid #c7bfb1}
.orb .ofil label{font-size:13px;color:var(--mute);display:flex;flex-direction:column;gap:1px}
.orb .ofil select,.orb .ofil input{border:0;border-bottom:1px solid #a8a092;background:none;padding:4px 0;font-size:15px;color:var(--ink);border-radius:0;min-width:0}
.orb .ofil .grow{flex:1 1 200px}
.orb .chips{display:flex;flex-wrap:wrap;gap:6px}
.orb .chips button{border:1px solid #a8a092;background:none;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink)}
.orb .chips button[aria-pressed=true]{background:#2a1d12;border-color:#2a1d12;color:#ffd79a;box-shadow:0 0 0 3px rgba(255,170,80,.35)}
.orb .ocount{margin:0 0 0 auto;font-size:15px}.orb .ocount b{font-size:30px;font-weight:800;letter-spacing:-.04em}
.orb .globe{position:relative;height:min(78vh,820px);margin:0 -36px}
.orb .globe canvas{display:block}
.orb .otip{position:fixed;z-index:20;pointer-events:none;background:#1c1a17;color:#f1ebdf;font-size:14px;padding:6px 10px;line-height:1.3}
.orb .ohint{position:absolute;left:36px;bottom:18px;font-size:13px;color:var(--mute);z-index:2}
@media (max-width:760px){
 .orb{padding:24px 16px 14px}.orb .globe{height:76vw;min-height:360px;margin:0 -16px}.orb .ocount{margin:0;flex-basis:100%}.orb .ohint{left:16px}
}