/* Prices: a countdown dial, readout wells, your squad and the market as one instrument.
   The markup carries the real script's ids (lib/price-changes.js); readouts reuse the profile's .pf-ro. */
.pr-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px;margin-bottom:22px}
.pr-hero h1{font:600 clamp(30px,3.4vw,46px)/1.05 Sora;letter-spacing:-.04em}
.pr-hero p{margin:10px 0 0;max-width:600px;color:var(--muted)}

/* countdown dial: a bezel with 24 hour ticks; the coral arc is the day left before 00:00 UK */
.pr-clock{position:relative;width:212px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--raised),var(--ground-2) 70%);box-shadow:0 18px 40px -18px #000c,inset 0 1px #ffffff14,0 0 0 1px var(--hair-2),0 0 0 7px var(--tray),0 0 0 8px var(--tray-edge)}
.pr-clock svg{position:absolute;inset:0;width:100%;height:100%}
.pr-clock-ring{fill:none;stroke:var(--track);stroke-width:12;filter:drop-shadow(0 1px 0 #ffffff0c)}
.pr-clock-arc{fill:none;stroke:url(#prArc);stroke-width:12;stroke-linecap:round;stroke-dasharray:0 1000;transition:stroke-dasharray .6s cubic-bezier(.2,.9,.2,1);filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 45%,transparent))}
.pr-clock-tick{stroke:var(--faint);stroke-width:1.5;stroke-linecap:round}.pr-clock-tick.big{stroke:var(--ink-2);stroke-width:2.5}
.pr-clock-face{position:absolute;inset:34px;display:grid;place-content:center;justify-items:center;gap:2px;text-align:center;border-radius:50%;background:var(--well);border:1px solid var(--well-edge);box-shadow:inset 0 3px 10px #0007}
[data-theme=light] .pr-clock-face{box-shadow:inset 0 3px 8px #0002}
.pr-clock-face small{font:700 11px Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pr-clock-face b{font:600 26px/1.1 Sora;letter-spacing:-.02em;color:var(--ink)}
.pr-clock-face em{max-width:112px;font:600 10.5px/1.3 Manrope;font-style:normal;color:var(--faint)}

.pr-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}
.pr-ro{position:relative}
.pr-led{position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--led);box-shadow:inset 0 1px 1px #0008}
.pr-ro.up .pr-led{background:var(--good);box-shadow:0 0 8px var(--good)}.pr-ro.down .pr-led{background:var(--bad);box-shadow:0 0 8px var(--bad)}
.pf-ro.up b{color:var(--good)}.pf-ro.down b{color:var(--bad)}

/* your squad */
.pr-team{display:grid;gap:14px;padding:18px 20px;margin:0 0 30px;border-radius:16px;background:linear-gradient(var(--raised),var(--ground-2));border:1px solid var(--hair-2);box-shadow:var(--shadow),inset 0 1px #ffffff0a}
.pr-team-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 18px}
.pr-team-head h2,.pr-market-head h2{font:600 21px Sora;margin-top:4px}
.pr-team-status{margin:0;font:700 13px Manrope;color:var(--ink-2)}.pr-team-status:empty{display:none}.pr-team-status.error{color:var(--bad)}
.pr-team-cta{margin:0}
.pr-team:has(#priceTeamResult:not([hidden])) .pr-team-cta{display:none}
.pr-team-result{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pr-team-result[hidden]{display:none}

/* the market */
.pr-market-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 18px;margin-bottom:12px}
.pr-status{display:flex;align-items:center;gap:12px;margin:0}
.pr-tools{gap:10px 12px}
.pr-search{flex:1 1 220px}.pr-search input{width:100%}
.pr-sort{gap:8px}.pr-sort select{max-width:220px}
.pf-bar .bank{max-width:100%;overflow-x:auto;scrollbar-width:none}.pf-bar .bank button{white-space:nowrap}
.pr-tablewrap{border-radius:14px;border:1px solid var(--hair);background:var(--ground-2)}
.price-table{margin:0}
.price-table td,.price-table th{white-space:nowrap}
.price-table tbody tr{transition:background .15s}.price-table tbody tr:hover{background:var(--accent-soft)}
.price-table .player-cell{display:flex;align-items:center;gap:10px}
.price-table .player-kit{display:inline-flex;width:26px;flex:none}.price-table .player-kit svg{width:26px;height:auto;filter:drop-shadow(0 2px 2px #0006)}
.price-table .player-name{display:grid;line-height:1.25;text-align:left}
.price-table .player-name strong{font:700 13.5px Manrope}.price-table .player-name span{font-size:12px;color:var(--muted)}
.owned-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:linear-gradient(var(--acc-top),var(--acc-bot));color:var(--accent-ink);font:800 9.5px/1.4 Manrope;font-style:normal;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
/* status: an LED and a label */
.status-chip{display:inline-flex;align-items:center;gap:7px;font:700 12px Manrope;color:var(--muted);white-space:nowrap}
.status-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--led);box-shadow:inset 0 1px 1px #0008;flex:none}
.status-chip:is(.rise-very,.rise-likely){color:var(--good)}.status-chip:is(.rise-very,.rise-likely)::before{background:var(--good);box-shadow:0 0 7px var(--good)}
.status-chip:is(.drop-very,.drop-likely){color:var(--bad)}.status-chip:is(.drop-very,.drop-likely)::before{background:var(--bad);box-shadow:0 0 7px var(--bad)}
.status-chip:is(.rise-very,.drop-very){font-weight:800}
.price-eta{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:6px;background:var(--well);border:1px solid var(--well-edge);font:700 11.5px Manrope;color:var(--muted);white-space:nowrap}
.price-eta.rise{color:var(--good)}.price-eta.fall{color:var(--bad)}
/* progress meter: a recessed track with a scale */
.progress-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:132px}
.progress-track{position:relative;width:72px;height:8px;border-radius:4px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 17px,var(--hair-2) 17px 18px),var(--track);border:1px solid var(--track-edge);box-shadow:inset 0 1px 2px #0008}
.progress-track i{display:block;height:100%;border-radius:3px;background:var(--muted)}
.progress-value.rise i{background:linear-gradient(90deg,color-mix(in oklab,var(--good) 55%,var(--track)),var(--good))}
.progress-value.drop i{background:linear-gradient(90deg,color-mix(in oklab,var(--bad) 55%,var(--track)),var(--bad))}
.progress-value b{min-width:52px;text-align:right;font:700 13px Manrope;font-variant-numeric:tabular-nums}.progress-value.rise b{color:var(--good)}.progress-value.drop b{color:var(--bad)}
.hourly-rate{font-weight:700}.hourly-rate small{margin-left:2px;font-size:11px;color:var(--muted)}
.hourly-rate.rise,.trend-up{color:var(--good)}.hourly-rate.drop,.trend-down{color:var(--bad)}
.pr-note{margin:16px 0 0;max-width:820px}

@media (max-width:900px){.pr-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-team-result{grid-template-columns:repeat(2,minmax(0,1fr))}#pricePagination{flex-wrap:wrap}#pricePageSummary{flex-basis:100%;text-align:center}}
@media (max-width:640px){.pr-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.pr-hero p{margin-inline:auto}.pr-hero-copy{justify-self:stretch}.pr-clock{width:188px}.pr-clock-face{inset:30px}.pr-clock-face b{font-size:23px}.pr-sort{flex:1 1 100%}.pr-sort select{max-width:none;flex:1}}
.price-table :is(td,th):is(:nth-child(1),:nth-child(2),:nth-child(6)){text-align:left}