.player-monitor,.player-history{border:1px solid var(--line);background:#141612;margin-block:2rem}.player-monitor{border-top:3px solid var(--green)}.player-feed-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding:1.3rem;font-size:.8rem;display:flex}.player-feed-header[data-feed-state=live]{color:#b8d09a}.player-feed-header:is([data-feed-state=error],[data-feed-state=stale]){color:#efb38c}.player-current{background:radial-gradient(circle at 24%,#82936b1f,#0000 65%);padding:2rem 1.3rem}.players-tool .player-current h2{color:#b4bdab;font-family:var(--body);margin:0;font-size:.95rem}.player-current>strong{font-family:var(--display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-block:1rem;font-size:clamp(4rem,12vw,7rem);line-height:1;display:block}.player-current>p{color:#b4bdab;font-size:.85rem}.player-secondary{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.player-secondary>div{min-width:0;padding:1.3rem}.player-secondary>div+div{border-left:1px solid var(--line)}.player-secondary dt,.player-secondary p{color:#b4bdab;font-size:.8rem}.player-secondary dd{color:#e89c67;font-family:var(--display);overflow-wrap:anywhere;margin:.7rem 0;font-size:2.5rem;line-height:1.1}.player-monitor footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem;display:flex}.player-monitor footer p{font-size:.85rem}.players-tool button{min-height:2.8rem;color:var(--bone);font:inherit;cursor:pointer;background:0 0;border:1px solid #7f8c71;padding:.7rem;font-size:.85rem}.players-tool button:disabled{cursor:wait;color:#a6ac9e}.players-tool button:focus-visible,.player-values summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.player-warning{color:#efb38c;background:#d17a5414;padding:1rem 1.3rem;font-size:.85rem}.player-history>header{border-bottom:1px solid var(--line);padding:1.3rem}.player-history>header h2{font-family:var(--display);margin-top:0;font-size:2.2rem}.player-ranges{flex-wrap:wrap;gap:.5rem;display:flex}.player-ranges button[aria-pressed=true]{color:var(--ink);background:var(--bone)}.player-history-meta{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.player-history-meta>div{min-width:0;padding:1rem}.player-history-meta dt{color:#b4bdab;font-size:.8rem}.player-history-meta dd{overflow-wrap:anywhere;margin:.5rem 0 0;font-size:.9rem}.history-window{color:#c5cdbb;padding-inline:1.3rem;font-size:.8rem}.player-chart{padding:1.3rem}.player-chart-scale,.player-chart-axis{color:#b4bdab;justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.player-chart svg{width:100%;height:auto;display:block}.player-chart p{color:#b4bdab;font-size:.8rem}.player-grid{stroke:#e7e3d824;stroke-width:1px}.history-line{fill:none;stroke:#a9c28b;stroke-width:4px}.sample-dot{fill:#e78f51}.daily-range{fill:#9db978cc}.daily-average{stroke:var(--orange);stroke-width:3px}.player-history-empty{padding:2rem 1.3rem}.player-history-empty p{color:#b4bdab;font-size:.85rem}.player-values{margin:1.3rem}.player-values summary{cursor:pointer;font-size:.9rem}.player-table-scroll{max-width:100%;overflow-x:auto}.player-values table{width:100%;font-size:.8rem}.player-values :is(th,td){text-align:left;border-bottom:1px solid var(--line);padding:.7rem}.player-history .player-history-refresh{margin:0 1.3rem 1.3rem}@media (max-width:700px){.player-secondary,.player-history-meta{grid-template-columns:1fr}.player-secondary>div+div{border-left:0;border-top:1px solid var(--line)}.player-chart-axis{flex-direction:column;gap:.4rem}}