/* One screen, with court dimensions driven by the available height. */
.desktop-details-button{display:none}
.desktop-fit{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;display:grid;grid-template-rows:52px minmax(0,1fr)}
.desktop-fit header{height:52px;min-height:0;margin:0 16px;gap:14px;padding:0;flex-wrap:nowrap}
.desktop-fit .brand{font-size:23px;gap:9px;flex:0 0 auto}.desktop-fit .brand-mark{width:30px;height:31px;font-size:27px}.desktop-fit .brand small{font-size:9px;letter-spacing:1px;margin-top:3px}
.desktop-fit .mode-switch{order:0;flex-basis:auto;width:auto;flex-shrink:0;padding:3px}.desktop-fit .mode-switch button{font-size:12px;padding:6px 17px}
.desktop-fit .help{font-size:12px;white-space:nowrap;padding:0}.desktop-fit .help span{margin-left:5px}.desktop-fit .view-link{font-size:11px;margin-left:auto}
.desktop-fit .desktop-details-button{display:block;border:1px solid #4c604d;border-radius:5px;background:#243329;padding:6px 11px;font-size:12px;white-space:nowrap}
.desktop-fit main{width:100%;max-width:calc((100dvh - 76px)*16/15 + 424px);height:100%;min-height:0;margin:0 auto;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,28vw,380px);grid-template-rows:minmax(0,1fr);gap:16px}
.desktop-fit .arena{display:contents}
.desktop-fit .court-wrap{grid-column:1;grid-row:1;width:min(100%,calc((100dvh - 76px)*16/15));height:auto;min-height:0;aspect-ratio:16/15;max-height:100%;align-self:center;justify-self:center;border-radius:9px}
.desktop-fit #court{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}
.desktop-fit .sidebar{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;height:100%;padding:0}
.desktop-fit .sidebar>*{flex-shrink:0}
.desktop-fit .lesson-mission{margin:0;padding:13px 14px;border-radius:8px}.desktop-fit .mission-top{gap:8px}.desktop-fit .mission-top .eyebrow{font-size:11px;letter-spacing:1.5px}.desktop-fit .mission-top>div{gap:12px}.desktop-fit .mission-top .text-button{font-size:11px;min-height:26px}.desktop-fit .lesson-mission h2{font-size:19px;line-height:1.4;margin:5px 0 7px}.desktop-fit .lesson-mission>p{font-size:13px;line-height:1.8;min-height:0}.desktop-fit .lesson-shot-meter{display:none!important}
.desktop-fit .scoreboard{height:62px;padding:7px 12px;border:1px solid #3a4b43;background:#1c2a2a;border-radius:8px}.desktop-fit .team-score{gap:8px}.desktop-fit .team-score strong{font-size:38px;min-width:32px}.desktop-fit .team-score span{font-size:11px}.desktop-fit .score-center>span{display:none}.desktop-fit .score-center b{font-size:13px}.desktop-fit .score-center small{font-size:10px}
.desktop-fit .coach-card{padding:13px 14px}.desktop-fit .coach-card>.eyebrow{display:none}.desktop-fit .coach-heading{margin:0}.desktop-fit .coach-heading h2{font-size:14px}.desktop-fit .coach-heading>span{font-size:10px}.desktop-fit .your-role{font-size:12px;margin:9px 0;padding-bottom:9px}.desktop-fit .your-role strong{font-size:12px}.desktop-fit .meter-label{font-size:10px;margin-bottom:5px}.desktop-fit .meter-track{height:8px}.desktop-fit .shot-meter>p{display:none}
.desktop-fit .teammate-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.desktop-fit .mate-row{display:grid;grid-template-columns:23px minmax(0,1fr);gap:2px 5px;align-items:center}.desktop-fit .mate-key{width:23px;height:23px;font-size:18px;grid-row:1/3;margin:0}.desktop-fit .mate-row>div{min-width:0;line-height:1.35}.desktop-fit .mate-row b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-fit .mate-row small{display:none}.desktop-fit .mate-row>span:last-child{font-size:9px;grid-column:2;margin:0;white-space:nowrap}
.desktop-fit .controls{margin: auto 0 0;display:block}.desktop-fit .controls-content{width:100%}.desktop-fit .pass-controls{gap:7px}.desktop-fit .pass-controls button{padding:9px 8px;gap:7px;min-height:54px}.desktop-fit .pass-controls kbd{font-size:25px;min-width:28px}.desktop-fit .pass-controls span{font-size:12px}.desktop-fit .pass-controls small{font-size:9px;margin-top:3px;white-space:nowrap}.desktop-fit .action-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:7px}.desktop-fit .action-controls button{padding:8px 2px;font-size:10px;min-height:40px}.desktop-fit .action-controls kbd{font-size:15px;margin-right:3px}.desktop-fit .action-controls:has(#stealBtn:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-fit .stick{display:none}
.desktop-fit .transport{margin:0;gap:7px;justify-content:space-between;flex-wrap:wrap}.desktop-fit .transport>div{gap:6px}.desktop-fit .square{height:32px;width:32px;font-size:18px}.desktop-fit .toggle{font-size:10px;gap:5px;margin-left:3px}.desktop-fit .practice-speed{font-size:10px;gap:4px}.desktop-fit .practice-speed select{font-size:11px;min-height:32px;padding:4px}.desktop-fit .below-court{display:block;margin:0;font-size:10px;line-height:1.6}.desktop-fit .below-court>span:last-child{display:none}
.desktop-fit .court-top{left:12px;right:12px;top:12px}.desktop-fit .court-top>span{font-size:11px}.desktop-fit .toast{font-size:12px;bottom:34px;max-width:88%;padding:7px 11px}.desktop-fit .court-bottom{font-size:10px;bottom:10px}.desktop-fit .court-overlay h1{font-size:30px}.desktop-fit .court-overlay p{font-size:15px;max-width:80%}.desktop-fit .start-shortcut{font-family:var(--font);font-size:11px;font-weight:500;margin-left:12px;padding-left:11px;border-left:1px solid #54742b60;white-space:nowrap}.desktop-fit .primary{min-width:200px}
.desktop-fit .replay-panel{position:absolute;z-index:5;left:12px;right:12px;bottom:12px;margin:0;padding:12px;background:#1a2b29f5;box-shadow:0 4px 20px #0004}.desktop-fit .replay-panel p{margin-bottom:0}
.desktop-fit>footer{display:none}
#desktopDetailsDialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px)}
#desktopDetailsDialog>section{margin-top:16px}#desktopDetailsDialog>h2{margin-top:0}.desktop-detail-actions{display:flex;gap:20px;align-items:center;margin:14px 0}.desktop-detail-actions button{border:0;background:none;color:var(--lime);font-size:13px;padding:7px 0}.desktop-fit:not(.tutorial-mode) #desktopLessonDetails{display:none}#desktopLessonDetails h3{font-size:14px;font-weight:500;color:#d4e8b9}#desktopDetailsDialog .lesson-steps{display:grid}#desktopDetailsDialog .lesson-bottom{display:block}#desktopDetailsDialog .lesson-pace{display:none}
@media(min-width:900px) and (max-height:760px){
 .desktop-fit .sidebar{gap:9px}.desktop-fit .lesson-mission{padding:9px 12px}.desktop-fit .lesson-mission h2{font-size:17px;margin:3px 0 5px}.desktop-fit .lesson-mission>p{font-size:12px;line-height:1.7}.desktop-fit .coach-card{padding:10px 12px}.desktop-fit .your-role{margin:7px 0;padding-bottom:7px}.desktop-fit .teammate-list{margin-top:10px}.desktop-fit .pass-controls button{min-height:48px;padding-block:7px}.desktop-fit .below-court{font-size:9px}
}