.pd{--pd-size:min(100%, 440px, 58svh);--pd-water:var(--a-sky-deep);--pd-land:var(--a-green);--pd-pin:#fff;--pd-pin-line:#1e1e1e;--pd-target:#fff;--pd-ink:#1e1e1e;--pd-halo:#ffffffbf;--g-result-after:.3s;--g-bar-today:var(--a-green);--g-bar-today-ink:var(--a-green-ink)}@supports (color:lab(0% 0 0)){.pd{--pd-pin:lab(100% 0 0);--pd-pin-line:lab(11.26% .00000745058 -.00000298023);--pd-target:lab(100% 0 0);--pd-ink:lab(11.26% .00000745058 -.00000298023);--pd-halo:lab(100% 0 0/.75)}}.pd-stage{margin-top:16px;position:relative}.pd .g-head{flex-wrap:wrap;row-gap:8px}.pd .g-head .v2-chip{white-space:nowrap}.pd-how{scroll-margin-top:24px}.pd-how-tools{flex-wrap:wrap;gap:12px 8px;margin-top:16px;display:flex}.pd-top{width:var(--pd-size);flex-direction:column;gap:12px;margin-top:8px;display:flex}.pd-status{justify-content:space-between;align-items:center;gap:12px;min-height:26px;display:flex}.pd .pd-count{color:var(--text-2);font-variant-numeric:tabular-nums}.pd-pips{gap:6px;margin:0;padding:0;list-style:none;display:flex}.pd-pip{--hue:transparent;background:var(--fill-2);width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--hairline);border-radius:50%;flex:none}.pd-pip[data-now]{box-shadow:inset 0 0 0 1.5px var(--text-3)}.pd-pip[data-grade]{background:var(--hue);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--hue) 58%, black)}.pd-pip[data-grade="0"]{--hue:var(--a-green)}.pd-pip[data-grade="1"]{--hue:var(--a-amber)}.pd-pip[data-grade="2"]{--hue:var(--a-orange)}.pd-pip[data-grade="3"]{--hue:#ed4c3d}@supports (color:lab(0% 0 0)){.pd-pip[data-grade="3"]{--hue:lab(56.323% 62.0998 45.0269)}}.pd-ask{text-align:center;text-wrap:balance;flex-direction:column;justify-content:flex-start;min-height:52px;display:flex}.pd .pd-ask-head{color:var(--text)}.pd .pd-ask-head strong{font-weight:500}.pd .pd-ask-head:not(:has(strong)){font-variant-numeric:tabular-nums;font-weight:500}.pd-globe{width:var(--pd-size);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;border-radius:12px;position:relative}.pd-globe:active{cursor:grabbing}.pd-globe:focus-visible{outline:2px solid var(--text-3);outline-offset:2px}.pd-canvas{border-radius:12px;width:100%;height:100%;display:block}.pd-well{width:var(--pd-size);aspect-ratio:1}.g-mini .pd-globe{cursor:default;width:100%}.g-mini .pd-zoom{display:none}.pd-marks{left:calc(-1 * var(--pd-bleed));top:calc(-1 * var(--pd-bleed));width:calc(100% + 2 * var(--pd-bleed));height:calc(100% + 2 * var(--pd-bleed));pointer-events:none;position:absolute}.pd-zoom{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:8px;right:8px}.pd-zoom-button{background:var(--card);width:36px;height:36px;box-shadow:0 0 0 1px var(--chip-ring), var(--shadow);color:var(--text);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:scale .15s ease-out,background-color .15s ease-out;display:inline-flex;position:relative}.pd-zoom-button:before{content:"";position:absolute;inset:-4px}.pd-zoom-button:active{scale:.96}.pd-zoom-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (hover:hover) and (pointer:fine){.pd-zoom-button:hover{background:var(--fill)}}.pd .pd-wide{width:var(--pd-size)}.pd-rows{width:var(--pd-size);flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pd-row{width:100%;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto 3ch;align-items:center;gap:12px;padding:4px 12px;transition:background-color .15s ease-out;display:grid}@media (hover:hover) and (pointer:fine){.pd-row:hover{background:var(--fill)}}.pd-row:active{background:var(--fill-2)}.pd-row:focus-visible{outline:2px solid var(--text-3);outline-offset:-2px}.pd-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pd-row-km{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.pd-row-points{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.pd .g-row.you.arrive{animation:.25s cubic-bezier(.22,1,.36,1) both g-arrive}@media (max-width:767px){.pd-ask{min-height:78px}.pd .g-board{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.pd-zoom-button,.pd-row{transition:none}.pd .g-row.you.arrive{animation-name:g-fade-in}}