.matchup-drawer{grid-column:1/-1;margin:5px -25px -20px;border-top:1px solid #dbe4de;background:#eaf3ed;border-radius:0 0 18px 18px;overflow:hidden}.matchup-drawer summary{position:relative;display:flex;align-items:center;justify-content:center;min-height:47px;padding:9px 42px 15px;cursor:pointer;list-style:none;text-align:center;user-select:none}.matchup-drawer summary::-webkit-details-marker{display:none}.matchup-drawer summary>span>strong,.matchup-drawer summary>span>small{display:block}.matchup-drawer summary>span>strong{color:#30483b;font-size:10px}.matchup-drawer summary>span>small{margin:1px 0 0;color:#718078;font-size:8px;font-weight:500}.drawer-arrow{position:absolute;bottom:1px;left:50%;transform:translateX(-50%) rotate(180deg);color:#66766d;font:700 14px/1 monospace;font-style:normal;transition:transform .18s ease}.matchup-drawer[open] .drawer-arrow{transform:translateX(-50%) rotate(0deg)}.matchup-drawer[open] summary{border-bottom:1px solid #d4e0d8}.matchup-drawer summary:hover{background:#e2eee6}.matchup-drawer summary:focus-visible{outline:2px solid var(--green);outline-offset:-3px}.lineup-matchup{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d7e1da}.lineup-matchup>section{padding:14px 16px 18px;background:#fbfdfb}.lineup-matchup h4{margin:0 0 9px;padding-bottom:8px;border-bottom:1px solid #e3e9e5;font:700 14px Georgia,serif}.lineup-matchup>section:last-child h4{text-align:right}.lineup-player{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #edf0ed}.drawer-player{display:flex;align-items:center;gap:6px;min-width:0}.drawer-player img{width:20px;height:20px;object-fit:contain}.drawer-player strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.drawer-points{text-align:right}.drawer-points strong,.drawer-points small{display:block}.drawer-points strong{font-size:11px}.drawer-points small{margin:0;color:#7b8881;font-size:7px}@media(max-width:680px){.matchup-drawer{margin-right:-14px;margin-left:-14px}.lineup-matchup{grid-template-columns:1fr}.lineup-matchup>section:last-child h4{text-align:left}}

/* Secondary focal point beneath the primary scoreboard. */
.matchup-drawer{border-top:1px solid #bfd2c5;background:linear-gradient(180deg,#e3f0e7,#dbeae1);box-shadow:inset 0 1px 0 #ffffffaa}.matchup-drawer summary{min-height:62px;padding-top:10px;padding-bottom:27px;background:linear-gradient(90deg,#e5f1e9,#dcece3 50%,#e5f1e9);transition:background .18s ease}.matchup-drawer summary::before,.matchup-drawer summary::after{content:"";position:absolute;top:13px;width:38px;height:1px;background:#b9cec0}.matchup-drawer summary::before{left:calc(50% - 118px)}.matchup-drawer summary::after{right:calc(50% - 118px)}.matchup-drawer summary>span>strong{color:#214d39;font:700 15px/1.1 Georgia,serif;letter-spacing:-.01em}.matchup-drawer summary>span>small{margin-top:4px;color:#63766b;font-size:9px}.drawer-arrow{bottom:6px;display:block;width:24px;height:12px;border:0;border-radius:0;background:transparent;color:#315844;font-size:13px;line-height:12px;box-shadow:none}.matchup-drawer[open]{box-shadow:0 10px 22px #173b2515,inset 0 1px 0 #ffffffaa}.matchup-drawer[open] summary{background:linear-gradient(90deg,#dcece3,#d3e7da 50%,#dcece3);border-bottom:1px solid #bbd0c2}.matchup-drawer summary:hover{background:linear-gradient(90deg,#dcece3,#d2e7da 50%,#dcece3)}@media(max-width:520px){.matchup-drawer summary::before,.matchup-drawer summary::after{width:23px}.matchup-drawer summary::before{left:calc(50% - 96px)}.matchup-drawer summary::after{right:calc(50% - 96px)}}

@keyframes matchup-glide-down{from{opacity:0;transform:translateY(-12px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes matchup-glide-up{from{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(-10px) scaleY(.97)}}.matchup-drawer[open] .lineup-matchup{transform-origin:top center;animation:matchup-glide-down .5s cubic-bezier(.2,.75,.3,1) both}.matchup-drawer.closing .lineup-matchup{animation:matchup-glide-up .5s ease-in-out both}.matchup-drawer.animating summary{pointer-events:none}@media(prefers-reduced-motion:reduce){.matchup-drawer[open] .lineup-matchup,.matchup-drawer.closing .lineup-matchup{animation:none}}