/* Pick & Pass - awards screen (awards.html). Uses the play.css variables. */
.aw-hdr { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--pl-line); background: rgba(10, 12, 22, .85); position: sticky; top: 0; z-index: 20; flex-wrap: wrap; }
.aw-title { margin: 0; font-size: 24px; font-weight: 900; letter-spacing: .02em; color: var(--pl-gold); }
.aw-grow { flex: 1; }
.aw-set { display: block; }
.aw-set > .aw-grid, .aw-set > .aw-card { margin-top: 16px; }
.aw-set > summary { cursor: pointer; font-size: 18px; padding: 6px 0; color: var(--pl-gold); }
.aw-set[open] > summary { margin-bottom: 10px; }
.aw-main { max-width: 1180px; margin: 0 auto; padding: 16px; display: grid; gap: 16px; }
.aw-dim { color: var(--pl-dim); font-size: 13px; }
.aw-note { padding: 10px 14px; border-radius: 12px; background: #12162a; border: 1px solid #2c3350; font-size: 13px; }
.aw-card { padding: 14px 16px; border-radius: 16px; background: linear-gradient(180deg, rgba(26, 31, 52, .92), rgba(13, 16, 29, .94)); border: 1px solid #343a5c; display: grid; gap: 10px; align-content: start; }
.aw-card h2 { margin: 0; font-size: 16px; letter-spacing: .04em; text-transform: uppercase; color: #ffd86b; }
.aw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 16px; }
.aw-podium { display: flex; gap: 10px; align-items: flex-start; }
.aw-pl { display: grid; gap: 4px; justify-items: center; text-align: center; font-size: 12px; min-width: 0; }
.aw-pl b { font-size: 12px; }
.aw-pl .aw-rk { font-weight: 900; color: var(--pl-gold); }
.aw-val { color: #cfd6ee; }
.aw-empty { padding: 18px 8px; text-align: center; color: var(--pl-dim); font-size: 14px; border: 1px dashed #343a5c; border-radius: 12px; }
.aw-pitch { display: grid; gap: 10px; padding: 12px 6px; border-radius: 14px; background: repeating-linear-gradient(180deg, #1f6b3a 0 38px, #247a43 38px 76px); border: 2px solid #e8f0e8; }
.aw-row { display: flex; justify-content: space-around; align-items: flex-start; gap: 4px; }
.aw-slot { display: grid; gap: 2px; justify-items: center; text-align: center; font-size: 11px; min-width: 0; color: #fff; text-shadow: 0 1px 2px #000; }
.aw-slot .aw-empty { padding: 14px 6px; background: rgba(0, 0, 0, .35); color: #dfe8df; font-size: 11px; border-color: #9ab; }
.aw-slot b { font-size: 11px; }
.is-phone .aw-main { padding: 12px; gap: 12px; }
.is-phone .aw-grid { grid-template-columns: 1fr; }
.is-phone .aw-podium { justify-content: space-between; }
.is-phone .aw-title { font-size: 20px; }