@layer components{.pc{--pc-accent:var(--color-accent);--pc-live:var(--dn-online,var(--color-success));isolation:isolate;border-radius:var(--radius-3xl);background:radial-gradient(70% 90% at 0% 0%, color-mix(in oklab, var(--pc-accent) 13%, transparent), transparent 62%), var(--color-surface);min-width:0;max-width:100%;box-shadow:inset 0 0 0 1px var(--color-line);gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid;position:relative}.pc[data-server=donutsmp]{--pc-accent:var(--dn-glaze,var(--color-accent))}.pc-top{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.75rem 1.75rem;min-width:0;display:grid}.pc-now{gap:.25rem;min-width:0;display:grid}.pc-kicker{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.375rem .75rem;display:flex}.pc-live{border-radius:var(--radius-full);min-height:1.5rem;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-line);align-items:center;gap:.4375rem;padding-inline:.625rem;display:inline-flex}.pc-live>i{background:var(--color-text-faint);border-radius:50%;flex:none;width:.5rem;height:.5rem;position:relative}.pc-live[data-on]{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--pc-live) 45%, transparent)}.pc-live[data-on]>i{background:var(--pc-live)}.pc-live[data-on]>i:after{content:"";border-radius:inherit;background:var(--pc-live);animation:pc-ping 2.2s var(--ease-out) infinite;position:absolute;inset:0}@keyframes pc-ping{0%{opacity:.7;scale:1}80%,to{opacity:0;scale:2.8}}.pc-server{font-weight:var(--font-weight-semibold);color:var(--color-text)}.pc-count{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;min-width:0;display:flex}.pc-count-num{font-family:var(--font-display);font-size:var(--text-4xl);line-height:1;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--color-text)}.pc-count-label{font-size:var(--text-md,1rem);color:var(--color-text-muted)}.pc-marks{gap:.5rem;display:flex}.pc-marks>div{border-radius:var(--radius-lg);background:color-mix(in oklab, var(--color-surface-2) 80%, transparent);min-width:7.5rem;box-shadow:inset 0 0 0 1px var(--color-line);gap:.125rem;padding:.5rem .875rem;display:grid}.pc-marks dt{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:.375rem;display:flex}.pc-marks dt:before{content:"";border-radius:50%;width:.4375rem;height:.4375rem}.pc-marks [data-key=peak] dt:before{background:var(--pc-accent)}.pc-marks [data-key=low] dt:before{box-shadow:inset 0 0 0 1.5px var(--color-text-muted);background:0 0}.pc-marks dd{white-space:nowrap;align-items:baseline;gap:.5rem;display:flex}.pc-marks dd .num{font-family:var(--font-display);font-size:var(--text-lg,1.125rem);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.pc-marks time{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.pc-range{align-self:end}.pc-range input:disabled+span{opacity:.5}.pc-box{min-width:0;max-width:100%;position:relative}.pc-svg{touch-action:pan-y;cursor:crosshair;border-radius:var(--radius-lg);width:100%;height:auto;display:block;overflow:visible}.pc-svg:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.pc-gridline{stroke:var(--color-line);stroke-width:1px;stroke-dasharray:2 4}.pc-baseline{stroke:var(--color-line-strong);stroke-width:1px}.pc-axis{fill:var(--color-text-faint);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:11px}.pc-stop-top{stop-color:var(--pc-accent);stop-opacity:.34}.pc-stop-bottom{stop-color:var(--pc-accent);stop-opacity:0}.pc-band{fill:color-mix(in oklab, var(--pc-accent) 14%, transparent);stroke:none}.pc-area{stroke:none;animation:pc-fade .7s var(--ease-out) both}.pc-line{fill:none;stroke:var(--pc-accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:pc-draw .9s var(--ease-out) both}@keyframes pc-draw{0%{stroke-dashoffset:1px}}@keyframes pc-fade{0%{opacity:0}}.pc-dot{fill:var(--pc-accent);stroke:var(--color-surface);stroke-width:2px}.pc-peak circle{fill:var(--color-surface);stroke:var(--pc-accent);stroke-width:2px}.pc-peak text{fill:var(--color-text-muted);font-family:var(--font-sans);font-size:11px;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;paint-order:stroke;stroke:var(--color-surface);stroke-width:3px;stroke-linejoin:round}.pc-head-dot{fill:var(--pc-live);stroke:var(--color-surface);stroke-width:1.5px}.pc-head-halo{fill:color-mix(in oklab, var(--pc-live) 30%, transparent);transform-box:fill-box;transform-origin:50%;animation:pc-halo 2.2s var(--ease-out) infinite}@keyframes pc-halo{0%{opacity:.9;scale:.5}80%,to{opacity:0;scale:1.6}}.pc-cross{stroke:var(--color-text-muted);stroke-width:1px;stroke-dasharray:3 3}.pc-cross-dot{fill:var(--pc-accent);stroke:var(--color-surface);stroke-width:2.5px}.pc-tip{pointer-events:none}.pc-tip-box{fill:var(--color-surface-2);stroke:var(--color-line-strong);stroke-width:1px;filter:drop-shadow(0 8px 18px var(--color-shadow,#00000040))}.pc-tip-text{fill:var(--color-text-muted);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:11.5px}.pc-tip-value{fill:var(--color-text);font-family:var(--font-sans);font-size:13px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.pc-empty{text-align:center;border-radius:var(--radius-xl);min-height:10rem;font-size:var(--text-sm);color:var(--color-text-muted);background:repeating-linear-gradient(-45deg, transparent 0 10px, color-mix(in oklab, var(--color-line) 55%, transparent) 10px 11px);box-shadow:inset 0 0 0 1px var(--color-line);place-items:center;padding:1.5rem;display:grid}.pc-foot{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-text-faint);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}.pc-collect{color:var(--color-text-muted)}@media (max-width:63.99rem){.pc-top{grid-template-columns:minmax(0,1fr) auto}.pc-range{grid-column:1/-1;justify-self:start}}@media (max-width:39.99rem){.pc-top{grid-template-columns:minmax(0,1fr)}.pc-count-num{font-size:var(--text-3xl)}.pc-marks>div{flex:1 1 0;min-width:0}.pc-range{justify-self:stretch}}@media (prefers-reduced-motion:reduce){.pc-live[data-on]>i:after,.pc-head-halo{opacity:0;animation:none}.pc-area,.pc-line{animation:none}}}