body{height:100dvh;position:relative}body>canvas{z-index:0;position:absolute}section{z-index:2;background-color:var(--cardBg);width:100%;padding:32px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}section>h2{margin-bottom:16px}@media screen and (width>=768px){section{transform:initial;width:initial;margin-left:32px;top:40%;left:0}}#climb-info{max-width:368px}[data-role=globe-filters]{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.filter-row{flex-direction:column;gap:6px;display:flex}.filter-label{letter-spacing:.04em;text-transform:uppercase;opacity:.75;font-size:12px}.filter-label [data-role=grade-floor-label]{text-transform:none;letter-spacing:0;opacity:1;color:var(--secondary);font-weight:600}.seg{border:1px solid var(--primaryBorder);border-radius:8px;width:fit-content;display:inline-flex;overflow:hidden}.seg button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 14px}.seg button+button{border-left:1px solid var(--primaryBorder)}.seg button[aria-pressed=true]{background:var(--secondary);color:#141414;font-weight:600}input[type=range][data-role=grade-floor]{width:100%;accent-color:var(--secondary)}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.globe-count{opacity:.8;margin:0;font-size:13px}.globe-count strong{color:var(--secondary)}.globe-tip{flex-direction:column;gap:4px;display:flex}.globe-tip h2{margin:0 0 4px;font-size:16px}.globe-tip span{opacity:.8;font-size:13px}.globe-tip h2,.globe-tip span{text-transform:none}