/* Play links (play.js): a gold pill in the header, a block at the top of the menu, and two buttons on the courtyard. */
.play-pill{display:flex;align-items:stretch;flex:none;margin-left:auto;min-height:40px;border:1px solid var(--edge-strong,#d8b976);border-radius:999px;overflow:hidden;background:#d9b7771a;box-shadow:inset 0 1px #ffffff14}
.masthead .play-pill+.search-trigger{margin-left:12px}
.play-pill-label{display:flex;align-items:center;padding:0 10px 0 14px;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1c2b1f;background:linear-gradient(115deg,#e7c47b,#b48a41)}
.play-pill-link{display:flex;align-items:center;padding:0 13px;font-size:.8rem;font-weight:600;color:#f4dca4;text-decoration:none;transition:background-color .18s,color .18s}
.play-pill-link+.play-pill-link{border-left:1px solid var(--edge-strong,#d8b976)}
.play-pill-link:hover,.play-pill-link:focus-visible{background:#e7c47b;color:#1c2b1f}
.play-pill-link:focus-visible{outline-offset:-3px}
:root[data-robe] .play-pill-label{background:linear-gradient(115deg,color-mix(in srgb,var(--robe) 82%,#fff),color-mix(in srgb,var(--robe) 82%,#000))}

.play-side{display:grid;gap:6px;margin:0 0 16px;padding:12px;border:1px solid var(--edge-strong,#d8b976);border-radius:6px;background:#d9b77714}
.play-side .eyebrow{margin:0 0 2px 2px}
.play-side-link{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--edge,#a08857);border-radius:4px;font-size:.88rem;font-weight:600;color:#f4dca4;text-decoration:none}
.play-side-link:first-of-type{background:linear-gradient(115deg,#e7c47b,#b48a41);border-color:#f5cf84;color:#1c2b1f}
.play-side-link:hover{border-color:var(--edge-strong,#d8b976);background:#e7c47b;color:#1c2b1f}

.play-hero{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:18px}
.play-hero .eyebrow{margin:0}
.play-hero>div{display:flex;flex-wrap:wrap;gap:10px}
.play-hero-link{display:inline-flex;align-items:center;gap:8px}
.play-hero-link:not(.primary){border-color:var(--edge-strong,#d8b976);color:#f4dca4}

/* the pill needs room: it leaves the header on phones, where the menu and the courtyard carry the links */
@media(max-width:760px){.masthead .play-pill{display:none}.masthead .play-pill+.search-trigger{margin-left:auto}}
@media(min-width:761px) and (max-width:1100px){
 .play-pill-label{padding:0 8px 0 11px}.play-pill-link{padding:0 10px;font-size:.76rem}
 .masthead .play-pill+.search-trigger{flex:0 0 44px;width:44px;height:44px;min-width:44px;max-width:none;padding:10px;justify-content:center}
 .masthead .play-pill+.search-trigger :is(.search-caption,kbd){display:none}
}
@media print{.play-pill,.play-side,.play-hero{display:none!important}}