.pc66-fps {
  --pc66-fps-blue: #07539c;
  --pc66-fps-ink: #17283d;
  --pc66-fps-muted: #607184;
  box-sizing: border-box;
  width: 100%;
  max-width: 680px;
  margin: 24px 0;
  padding: clamp(18px, 3vw, 28px);
  color: var(--pc66-fps-ink);
  background: #f5f8fc;
  border: 1px solid #d8e1ed;
  border-radius: 8px;
  font-family: inherit;
}
.pc66-fps *, .pc66-fps *::before, .pc66-fps *::after { box-sizing: border-box; }
.pc66-fps__heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:20px; }
.pc66-fps__eyebrow { display:block; margin-bottom:5px; color:var(--pc66-fps-blue); font-size:11px; font-weight:800; letter-spacing:.09em; }
.pc66-fps__heading h3 { margin:0; color:var(--pc66-fps-ink); font-size:clamp(19px,2.4vw,25px); line-height:1.2; }
.pc66-fps__chip { flex:none; padding:6px 10px; color:#164e82; background:#e6f0fb; border-radius:20px; font-size:12px; font-weight:700; }
.pc66-fps__label { display:block; margin:0 0 7px; font-size:13px; font-weight:700; }
.pc66-fps__picker { position:relative; z-index:4; }
.pc66-fps__dropdown { position:relative; z-index:4; }
.pc66-fps__selected { display:flex; align-items:center; gap:14px; width:100%; min-height:74px; padding:10px 14px; color:var(--pc66-fps-ink); background:#fff; border:2px solid #ccd7e4; border-radius:6px; cursor:pointer; list-style:none; }
.pc66-fps__selected::-webkit-details-marker { display:none; }
.pc66-fps__selected:focus-visible { border-color:var(--pc66-fps-blue); outline:2px solid #bfd8f2; outline-offset:1px; }
.pc66-fps__cover { display:grid; flex:none; width:48px; height:64px; overflow:hidden; place-items:center; color:#fff; background:#18385d; border-radius:6px; font-size:22px; }
.pc66-fps__cover img { display:block; width:100%; height:100%; object-fit:cover; }
.pc66-fps__cover--placeholder { background:linear-gradient(145deg,#173e68,#087ab5); }
.pc66-fps__selected-copy, .pc66-fps__option-copy { display:grid; gap:4px; min-width:0; text-align:left; }
.pc66-fps__selected-copy strong { font-size:16px; }
.pc66-fps__selected-copy small, .pc66-fps__option-copy small { color:var(--pc66-fps-muted); font-size:12px; }
.pc66-fps__chevron { margin-left:auto; color:var(--pc66-fps-blue); font-size:24px; line-height:1; }
.pc66-fps__options { position:absolute; top:calc(100% + 5px); right:0; left:0; display:none; max-height:330px; overflow-y:auto; padding:4px; background:#fff; border:1px solid #ccd7e4; border-radius:7px; box-shadow:0 8px 26px rgba(19,42,69,.18); }
.pc66-fps__dropdown[open] .pc66-fps__options { display:grid; }
.pc66-fps .pc66-fps__option { display:flex; justify-content:flex-start; align-items:center; gap:14px; width:100%; height:auto; padding:10px; color:var(--pc66-fps-ink); background:#fff; border:0; border-bottom:1px solid #e6ebf1; cursor:pointer; text-align:left; text-transform:none; font:inherit; }
.pc66-fps__option:last-child { border-bottom:0; }
.pc66-fps__option:hover, .pc66-fps__option:focus-visible { background:#edf4fc; outline:0; }
.pc66-fps__option-copy strong { font-size:14px; }
.pc66-fps__game { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.pc66-fps__context { margin:8px 0 16px; color:var(--pc66-fps-muted); font-size:12px; }
.pc66-fps__results { display:grid; gap:7px; }
.pc66-fps__empty, .pc66-fps__loading { margin:0; padding:15px; color:var(--pc66-fps-muted); background:#fff; border:1px solid #e0e7ef; border-radius:5px; font-size:14px; }
.pc66-fps__row { display:grid; grid-template-columns:minmax(75px, .7fr) minmax(90px, 1.7fr) minmax(85px, .8fr); align-items:center; gap:10px 14px; padding:12px 14px; background:#e7f0fb; border-radius:5px; }
.pc66-fps__resolution { font-size:14px; }
.pc66-fps__bar { display:block; overflow:hidden; height:9px; background:#c9def6; border-radius:99px; }
.pc66-fps__bar i { display:block; height:100%; background:var(--pc66-fps-blue); border-radius:inherit; transition:width .25s ease; }
.pc66-fps__number { justify-self:end; white-space:nowrap; color:#142a42; font-size:18px; font-weight:800; }
.pc66-fps__number small { font-size:12px; font-weight:700; }
.pc66-fps__row-meta { grid-column:1 / -1; color:var(--pc66-fps-muted); font-size:11px; }
.pc66-fps__range { margin-left:5px; }
.pc66-fps__disclaimer { margin:14px 0 0; color:var(--pc66-fps-muted); font-size:11px; line-height:1.5; }
.pc66-fps__disclaimer a, .pc66-fps__row-meta a { color:var(--pc66-fps-blue); text-decoration:underline; }
.pc66-fps [hidden] { display:none !important; }
.pc66-fps__game-note, .pc66-fps__reference-warning { font-size:12px; color:#815100; line-height:1.5; padding:8px 10px; background:#fff2d4; border-radius:5px; }
@media (max-width:540px) {
  .pc66-fps { padding:16px; }
  .pc66-fps__row { grid-template-columns:1fr auto; gap:8px 12px; padding:12px; }
  .pc66-fps__bar { grid-column:1 / -1; grid-row:2; }
  .pc66-fps__number { grid-column:2; grid-row:1; }
  .pc66-fps__row-meta { grid-column:1 / -1; }
}
@media (prefers-reduced-motion:reduce) { .pc66-fps__bar i { transition:none; } }
