/* Selection controls participate in layout; no controls float over the roster. */
.main-menu button,.main-menu button:first-child,.main-menu button:hover,.main-menu button:focus-visible,.main-menu:has(button:hover) button:first-child:not(:hover),.main-menu:has(button:focus-visible) button:first-child:not(:focus-visible){background:transparent;color:#e8e9de;transform:none;transition:color .12s}
.main-menu button.menu-active,.main-menu:has(button:hover) button.menu-active,.main-menu:has(button:focus-visible) button.menu-active{background:linear-gradient(90deg,transparent,#ddfc52ee 15%,#ddfc52ee 85%,transparent);color:#101713;transform:none}
#selectPanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:'heading heading' 'preview details' 'roster roster';gap:20px 36px;padding:22px 40px 24px;overflow:hidden}
#selectPanel .select-heading{grid-area:heading;position:static;min-width:0;padding-right:180px}
.select-heading>span{margin:10px 0 0;font-size:10px}.select-heading h2{margin:6px 0 0;font-size:34px}
#selectPanel .select-name{grid-area:preview;position:static;align-self:end;max-width:100%;padding:0 0 16px 12px;pointer-events:none}
.select-name h3{font-size:clamp(30px,4vw,58px);margin:9px 0;max-width:500px}
#selectPanel .fighter-details{grid-area:details;position:static;width:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px 10px 4px 0;display:flex;flex-direction:column;gap:14px}
.fighter-details>*{flex-shrink:0}.fighter-stats{gap:7px}.move-detail{margin:0;padding-top:12px}.move-detail h3{font-size:26px;margin:8px 0}.move-detail p{font-size:13px;line-height:1.4;margin-bottom:8px}.glove-picker,.difficulty-label{margin:0}.fighter-details .primary{padding:14px;transform:none;translate:none;min-height:46px}
#selectPanel #roster{grid-area:roster;position:static;transform:none;width:100%;max-width:900px;justify-self:center;gap:8px;min-width:0}
#roster button,#roster button[aria-pressed=true]{transform:none;padding:10px 14px}#roster strong{font-size:21px;margin:10px 0 5px}#roster small{font-size:8px}
@media(max-height:720px) and (min-width:701px){#selectPanel{padding:14px 28px 16px;gap:12px 28px;grid-template-columns:minmax(0,1fr) 310px}.select-heading h2{font-size:26px}.select-heading>span{margin-top:3px}.fighter-stats{display:none}.fighter-details{gap:10px!important}#roster button{padding:7px 12px}#roster strong{font-size:19px}.move-detail{padding-top:5px}.move-detail h3{font-size:23px}}
@media(max-width:700px){#selectPanel{padding:14px 16px 18px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(110px,1fr) auto auto;grid-template-areas:'heading' 'preview' 'details' 'roster';gap:12px;overflow-y:auto}.select-heading>span{margin-top:6px}#selectPanel .select-heading{padding-right:0}.select-heading h2{font-size:25px}#selectPanel .select-name{padding:0;align-self:start;max-width:80%}.select-name h3{font-size:26px;margin:5px 0}.select-name>span{font-size:8px}#selectPanel .fighter-details{overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;background:#07121fe8}.fighter-stats{display:none}.move-detail{grid-column:1/-1;padding-top:0;border-top:0}.move-label{font-size:8px}.move-detail h3{font-size:22px;margin:4px 0}.move-detail p{font-size:11px;margin:0 0 5px}.move-detail small{font-size:8px}.glove-picker{grid-column:1}.difficulty-label{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:6px}.difficulty-label select{width:100%;font-size:9px;padding:6px}.fighter-details .primary{grid-column:1/-1;min-height:42px;padding:10px}#gloveChoices{gap:5px}#gloveChoices button{width:27px;height:27px}.glove-heading b{font-size:7px}.glove-heading{font-size:8px}#selectPanel #roster{gap:5px}#roster button{padding:6px 5px;min-height:62px}#roster strong{font-size:14px;margin:12px 0 3px}#roster small{display:none}#roster button>span{font-size:8px}}