#club-app .upgrade-workspace{display:flex;flex-direction:column;gap:12px;overflow:hidden!important}.upgrade-summary{flex-shrink:0;display:grid;grid-template-columns:1fr auto;gap:8px 12px}.upgrade-summary h2{font-size:21px;margin:4px 0}.upgrade-summary small{font-size:11px;color:var(--ui-muted)}.upgrade-summary .upgrade-arrow{margin:0;gap:12px}.upgrade-summary .upgrade-arrow b{font-size:38px}.upgrade-summary .upgrade-arrow span{font-size:23px}.upgrade-summary>label{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:12px}.upgrade-summary select{width:100%;min-width:0}.upgrade-actions{grid-column:1/-1;display:flex;gap:7px;align-items:center}#club-app .upgrade-actions .club-primary{margin:0;padding:8px 12px;min-height:31px;font-size:12px}.upgrade-actions>button:last-child{font-size:11px;padding:7px}.upgrade-owned{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;border:0;box-shadow:none;overflow:hidden}.upgrade-owned>header{display:flex;align-items:center;gap:6px;padding:0;border:0;letter-spacing:0;flex-wrap:wrap;max-width:none;margin:0}.upgrade-owned h3{font-size:14px;padding:0;border:0;margin:0 auto 0 0}.upgrade-owned input{flex:1;min-width:120px!important;max-width:200px}.upgrade-owned select{max-width:130px}.upgrade-player-strip{display:flex;align-items:start;gap:9px;overflow-x:auto;overflow-y:hidden;min-height:195px;flex:1;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-color:#506a7e #101922;padding:4px 3px 10px}.upgrade-choice{width:145px;flex:0 0 145px}.upgrade-choice.current-target{outline:1px solid var(--ui-accent)}.upgrade-choice.chosen-donor{outline:2px solid #f4c66c}.upgrade-choice>.donor-button{width:100%;min-height:27px!important;font-size:10px!important;padding:4px 6px!important;margin-top:5px}.upgrade-choice .club-card{width:100%!important}.player-import-list{max-height:210px;overflow:auto;touch-action:pan-y;margin:12px 0;border-top:1px solid var(--ui-line)}.player-import-list p{font-size:12px;margin:5px 0}.player-file-label input{font:inherit;font-size:13px;color:var(--ui-text)}#player-import-preview>b{font-size:13px;display:block;margin-top:14px}
@media(min-width:901px) and (pointer:fine) and (max-height:700px){#club-app .upgrade-workspace{gap:8px}.upgrade-summary h2{font-size:17px}.upgrade-summary .upgrade-arrow b{font-size:29px}.upgrade-summary>label{font-size:11px}.upgrade-summary select{height:29px;min-height:29px;font-size:11px!important}.upgrade-player-strip{min-height:190px}.upgrade-owned>header{gap:4px}.upgrade-owned input,.upgrade-owned select{height:29px;min-height:29px;font-size:11px!important;padding:4px!important}}
@media(max-width:900px),(pointer:coarse){#club-app .upgrade-workspace{gap:5px;padding:6px!important}.upgrade-summary{gap:3px 5px}.upgrade-summary h2{font-size:11px;margin:0;line-height:1.2}.upgrade-summary small{font-size:6px}.upgrade-summary .upgrade-arrow{gap:5px}.upgrade-summary .upgrade-arrow b{font-size:18px;line-height:1}.upgrade-summary .upgrade-arrow span{font-size:12px}.upgrade-summary>label{font-size:7px;gap:4px}.upgrade-summary select{height:22px!important;min-height:22px!important;padding:3px!important;font-size:8px!important}.upgrade-actions{gap:4px}#club-app .upgrade-actions .club-primary,.upgrade-actions>button:last-child{font-size:8px!important;min-height:21px!important;margin:0;padding:3px 5px!important}.upgrade-owned{gap:4px}.upgrade-owned>header{flex-wrap:nowrap;gap:4px}.upgrade-owned h3{font-size:8px;white-space:nowrap}.upgrade-owned input{min-width:60px!important;max-width:100px;height:22px!important;min-height:22px!important;font-size:10px!important;padding:2px 4px!important}.upgrade-owned select{max-width:70px;height:22px!important;min-height:22px!important;font-size:7px!important;padding:2px!important}.upgrade-player-strip{min-height:93px;gap:5px;padding:2px 2px 5px}.upgrade-choice{width:78px;flex-basis:78px}.upgrade-choice .club-card{height:70px!important;grid-template-rows:38px 10px 8px 7px!important}.upgrade-choice .club-card canvas{width:35px!important;height:35px!important}.upgrade-choice .club-card>strong{font-size:7px!important}.upgrade-choice .club-card .card-rating b{font-size:12px!important}.upgrade-choice .club-card .card-quality{font-size:5px!important;top:25px!important}.upgrade-choice .club-card>small,.upgrade-choice .club-card .card-tags{font-size:5px!important;line-height:1!important}.upgrade-choice>.donor-button{min-height:18px!important;font-size:6px!important;margin-top:3px;padding:2px!important}.player-import-list{max-height:130px}.player-import-list p{font-size:9px}#player-import-preview>b{font-size:10px}.dialog-actions{flex-wrap:wrap}.player-file-label input{font-size:12px}}
html.mobile-compact #club-app .upgrade-summary>label{display:none}html.mobile-compact #club-app .upgrade-workspace{gap:3px}html.mobile-compact .upgrade-owned>header input{display:none}html.mobile-compact .upgrade-player-strip{min-height:89px}
@media(max-width:600px) and (orientation:portrait){.upgrade-player-strip{min-height:138px}.upgrade-choice{width:108px;flex-basis:108px}.upgrade-choice .club-card{height:112px!important;grid-template-rows:68px 15px 10px 9px!important}.upgrade-choice .club-card canvas{height:62px!important;width:62px!important}.upgrade-choice .club-card>strong{font-size:9px!important}.upgrade-choice>.donor-button{font-size:8px!important;min-height:23px!important}.upgrade-summary h2{font-size:15px}.upgrade-summary small{font-size:8px}}
@media(orientation:landscape) and (pointer:coarse){.upgrade-summary>label{display:none}}
html.mobile-compact #club-app .upgrade-summary{display:flex;align-items:center;gap:4px;justify-content:space-between;flex-wrap:nowrap}html.mobile-compact .upgrade-summary>div:first-child{flex-shrink:0}html.mobile-compact .upgrade-summary small,html.mobile-compact .upgrade-summary .upgrade-arrow{display:none}html.mobile-compact .upgrade-summary h2{font-size:9px}html.mobile-compact #club-app .upgrade-actions .club-primary,html.mobile-compact .upgrade-actions>button:last-child{min-height:19px!important;font-size:7px!important;padding:2px 4px!important}html.mobile-compact .upgrade-player-strip{min-height:70px;padding-bottom:3px}html.mobile-compact #club-app .upgrade-choice .club-card{height:52px!important;grid-template-rows:29px 8px 7px 0!important}html.mobile-compact #club-app .upgrade-choice .club-card canvas{width:28px!important;height:28px!important}html.mobile-compact #club-app .upgrade-choice .club-card .card-tags{display:none}html.mobile-compact #club-app .upgrade-choice .card-quality{font-size:4px!important;top:22px!important}html.mobile-compact #club-app .upgrade-choice>.donor-button{min-height:15px!important;font-size:5px!important;margin-top:2px}html.mobile-compact .upgrade-owned>header{height:18px;min-height:18px}html.mobile-compact .upgrade-owned select{height:18px!important;min-height:18px!important}html.mobile-compact #upgrade-list-pagination .update-pagination{height:18px;min-height:18px}html.mobile-compact #club-app #upgrade-list-pagination button{min-height:18px!important;padding:2px!important;font-size:6px!important}html.mobile-compact #upgrade-list-pagination span{font-size:6px}

/* Keep upgrade controls within the existing one-screen development panel. */
#club-app .upgrade-summary>label{margin:0}#club-app .upgrade-summary h2{margin:2px 0;line-height:1.2}#club-app .upgrade-choice>.donor-button{display:block}#club-app .upgrade-owned>header{flex-shrink:0}#club-app #upgrade-list-pagination{flex-shrink:0}
@media(min-width:901px) and (pointer:fine){#club-app .upgrade-summary select,#club-app .upgrade-owned input,#club-app .upgrade-owned select{min-height:32px!important;height:32px!important}#club-app .upgrade-actions button{min-height:32px!important;padding:6px 10px!important}#club-app .upgrade-player-strip{min-height:202px}}
@media(orientation:landscape) and (pointer:coarse){#club-app .upgrade-summary{display:flex;align-items:center;justify-content:space-between;gap:4px}#club-app .upgrade-summary h2{margin:0}#club-app .upgrade-summary .upgrade-arrow{display:none}#club-app .upgrade-summary>label{display:none}#club-app .upgrade-player-strip{min-height:102px}}
html.mobile-compact #club-app .upgrade-player-strip{min-height:74px}

@media(min-width:901px) and (pointer:fine) and (max-height:700px){#club-app .upgrade-summary{gap:5px 8px}#club-app .upgrade-workspace{gap:6px}}
@media(orientation:landscape) and (pointer:coarse){#club-app .upgrade-workspace{gap:3px}#club-app .upgrade-owned{gap:2px}#club-app .upgrade-player-strip{min-height:98px}}
html.mobile-compact #club-app .upgrade-player-strip{min-height:74px}

@media(min-width:901px) and (pointer:fine){#club-app .upgrade-summary select,#club-app .upgrade-owned select{padding:4px 8px!important;line-height:normal}}
