.cr{margin-top:28px}.cr,.cr-sky{position:relative}.cr-sky{overflow:hidden;cursor:crosshair;outline:none;height:216px}.cr-canvas{position:absolute;left:0;top:0;display:block;image-rendering:crisp-edges;image-rendering:pixelated}.cr-sky:focus-visible{box-shadow:inset 0 0 0 3px var(--honey)}.cr-hint{position:absolute;top:18px;right:max(var(--hn-gutter,16px),calc((100vw - 1200px) / 2 + 40px));font-size:17px;color:var(--honey);transform:rotate(-2deg);pointer-events:none;text-shadow:0 2px 0 #05061a;transition:opacity .4s}.cr[data-cruising] .cr-hint{opacity:.7}.cr-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px max(var(--hn-gutter,16px),calc((100vw - 1200px) / 2 + 40px)) 16px;background:#102a18;color:rgba(233,241,236,.6);font-size:12.5px}.cr-bar,.cr-track{align-items:center}.cr-track{display:inline-flex;gap:8px;font:600 12px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;color:#e9f1ec;transition:color .2s}.hn .cr-track em{font-style:normal;font-weight:400;color:rgba(233,241,236,.55)}.cr-track:hover,.hn .cr-track:hover em{color:var(--honey)}.cr-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.cr-eq span{width:3px;height:12px;background:var(--honey);transform-origin:bottom;transform:scaleY(.15)}@media (max-width:640px){.cr-hint{top:12px;font-size:15px}}