/* Photo pickers on the weekly ballot and season card (photo-picks.js) */
.form:has(.photo-pick){max-width:880px}
.photo-pick-select{display:none}
.photo-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:9px;margin:6px 0 4px}
.pp-tile{position:relative;display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#151917;color:var(--bone);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.pp-tile:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(228,185,93,.55)}
.pp-tile:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pp-tile[aria-pressed=true]{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange),0 8px 22px rgba(255,107,36,.25)}
.pp-tile:disabled{cursor:default}
.pp-tile:disabled:not([aria-pressed=true]){opacity:.45}
.pp-photo{display:block;aspect-ratio:4/5;overflow:hidden;background:#26352f}
.pp-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pp-name{padding:6px 7px 7px;font-size:12px;line-height:1.2;font-weight:600}
.pp-tile[aria-pressed=true] .pp-name{background:var(--orange);color:#1d0d05}
.pp-text{justify-content:center;min-height:100%;grid-column:span 2}
.pp-text .pp-name{padding:14px 12px;font-size:13px}
.pp-badge{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#1d0d05;font-size:12px}
@media(max-width:600px){.photo-pick{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:7px}.pp-name{font-size:11px;padding:5px 6px 6px}}