/* Slot captions sit beside the dark frames, toward the player, like an RPG sheet. */
#club-app .theme-gear-avatar{--slot-width:56px;--slot-height:70px;--slot-label:78px;background:radial-gradient(ellipse at center,#182128 0%,#0b1015 75%)}
.gear-slot-row{position:absolute;width:var(--slot-width);height:var(--slot-height)}
.gear-side-left{left:8px}.gear-side-right{right:8px}.gear-row-top{top:8px}.gear-row-middle{top:50%;transform:translateY(-50%)}.gear-row-bottom{bottom:8px}
#club-app .theme-gear-slot.gear-slot-frame{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;padding:0!important;display:grid;place-items:center;grid-template-rows:1fr;border:1px solid #41464b;border-radius:0;background:#101316!important;box-shadow:none;gap:0!important}
#club-app .gear-slot-frame.empty-slot{border-style:solid;background:#101316e8!important}
#club-app .gear-slot-frame.empty-slot img{filter:grayscale(1) brightness(.65);opacity:.58}
#club-app .gear-slot-frame.filled-slot{border-color:var(--equipment-color)!important;background:#171c21!important;box-shadow:inset 0 0 12px #ffffff08}
#club-app .gear-slot-frame img{width:34px;height:34px;max-width:34px!important;object-fit:contain;pointer-events:none}
.gear-slot-copy{position:absolute;top:4px;left:calc(100% + 7px);width:var(--slot-label);text-align:left;line-height:1.25;color:#d6d7d9;cursor:pointer}
.gear-side-right .gear-slot-copy{left:auto;right:calc(100% + 7px);text-align:right}
.gear-slot-label{display:block;font-size:12px;white-space:nowrap}.gear-slot-copy small{display:block;font-size:10px;margin-top:4px;line-height:1.2}
@media(min-width:901px) and (pointer:fine){
 /* Separate rows reserve full height for a readable name rather than squeezing it. */
 #club-app .club-squad-slot{width:156px!important;min-width:156px;min-height:98px!important;height:auto;grid-template-rows:18px 48px auto;gap:2px!important;padding:4px 6px!important;align-content:start}
 #club-app .club-squad-slot canvas{width:48px;height:48px}
 #club-app .club-squad-slot small{font-size:12px!important;line-height:18px}
 #club-app .club-squad-slot b{font-size:12px!important;line-height:16px;min-height:16px;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 .club-squad-slot.slot-5{top:22%}.club-squad-slot.slot-0{top:78%}
 .squad-roster-row{font-size:12px;display:grid;grid-template-columns:minmax(0,1fr) 24px auto auto;gap:7px;align-items:center}
 .squad-roster-row>span{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
 .squad-roster-row button{font-size:12px!important}
 .theme-bench span{font-size:12px;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25}
 .theme-bench canvas{width:40px;height:40px}.theme-bench button{font-size:12px!important;max-width:190px}
 .theme-heading h1,.club-page-title h1{font-size:25px}.theme-heading p,.club-page-title p{font-size:12px}.theme-shortcuts button{font-size:12px!important}
 #club-app .club-nav button,#club-app .club-nav span{font-size:14px}.theme-status{font-size:10px}.theme-status button{font-size:11px!important}
 .theme-hero-copy p{font-size:13px}.theme-season-tags span{font-size:11px}.theme-starting b{font-size:12px}.theme-starting canvas{max-width:90px}.theme-task{font-size:12px}.theme-task b{font-size:11px}.theme-performance small{font-size:12px}.theme-match-action>span{font-size:12px}.theme-entries p,.theme-entries span{font-size:12px}
 #club-app .card-grid{grid-auto-rows:156px;grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important}
 #club-app .club-card{height:156px;grid-template-rows:98px 18px 13px 13px;padding:0 8px 6px!important;align-content:start}
 #club-app .club-card canvas{width:86px;height:86px;margin:0;grid-row:1}
 #club-app .club-card>strong{font-size:12px;line-height:16px;margin:0;padding-top:1px;min-width:0}
 #club-app .club-card>small,#club-app .club-card .card-tags{font-size:10px;line-height:12px;margin:0;min-height:0}
 #club-app .club-card .card-quality{font-size:9px;top:56px}
 #club-app .assignment-grid{grid-auto-rows:190px}.assignment-grid>div>button{font-size:12px!important}
 .collection-toolbar input,.collection-toolbar select{font-size:13px!important}.theme-collection .collection-toolbar button,.bulk-sale-controls>button{font-size:12px!important}.bulk-sale-controls,.club-footnote{font-size:12px}.bulk-sale-controls small{font-size:11px}.club-footnote button,.club-footnote .import-save{font-size:11px!important}.club-rules>summary{font-size:12px!important}.club-pagination,.update-pagination,#pool-count{font-size:12px!important}#club-app .update-pagination button{font-size:12px!important}
 .theme-player-intro canvas{width:90px;height:90px}.theme-player-detail .theme-stat-grid strong{font-size:23px}.theme-player-detail .theme-stat-grid small{font-size:11px}.theme-player-detail p{font-size:12px}.theme-detail-actions button{font-size:12px!important}.theme-player-detail>small{font-size:11px}
 #club-app .development-player .club-card{width:155px;height:166px;grid-template-rows:104px 18px 13px 13px}.development-player .club-card canvas{width:96px;height:96px}
 .development-player p{font-size:11px!important}.player-select-row label{font-size:12px}.player-select-row select,.player-tools button{font-size:12px!important}.development-tabs button{font-size:12px!important}.development-body>p{font-size:11px}.development-body>small,.development-body>label{font-size:12px}.development-body>label select{font-size:13px}.development-body .club-primary{font-size:12px}.theme-gear-stage h3{font-size:17px}.theme-gear-avatar>canvas{width:220px;height:220px}.theme-gear-stage>p{font-size:12px}
 .inventory-tabs button{font-size:12px!important}.inventory-filters select{font-size:12px!important}.inventory-filters>span{font-size:10px}.gear-item .figma-icon{max-width:32px}.gear-item b{font-size:11px}.gear-item small{font-size:10px}.gear-detail h3{font-size:13px}.gear-detail p{font-size:12px}.gear-detail small{font-size:10px}.gear-detail-actions button{font-size:12px!important}
 .club-attributes label{font-size:12px}.club-attributes label>small{font-size:10px}.club-attributes input{font-size:13px!important}.club-attributes legend{font-size:12px}.attribute-group-tabs button{font-size:11px!important}.club-badges b{font-size:12px}.club-badges small{font-size:10px}.data-source{font-size:10px}
 .theme-recruit>aside p{font-size:11px}.theme-recruit-copy p{font-size:13px}.theme-recruit-copy>div{font-size:12px}.theme-draw-bar p,.theme-draw-bar button small{font-size:11px}.theme-draw-bar>div>span{font-size:12px}.club-table{font-size:12px}.fixture-list>div{font-size:12px}.fixture-list small{font-size:11px}.league-summary p{font-size:12px}
}
@media(min-width:901px) and (pointer:fine) and (max-height:800px){
 .theme-starting canvas{max-width:80px}.theme-player-intro canvas{width:80px;height:80px}.theme-player-detail .theme-stat-grid strong{font-size:21px}.theme-gear-avatar>canvas{width:190px;height:190px}.development-body>p{font-size:10px}.theme-gear-stage .theme-stat-grid strong{font-size:20px}.theme-gear-stage .theme-stat-grid small{font-size:11px}
}
@media(min-width:901px) and (pointer:fine) and (max-height:700px){
 #club-app .development-player .club-card{height:156px;grid-template-rows:94px 18px 13px 13px}.development-player .club-card canvas{width:86px;height:86px}.theme-starting canvas{max-width:65px}.theme-player-detail .theme-stat-grid strong{font-size:19px}.theme-player-detail .theme-stat-grid small{font-size:10px}.theme-player-intro canvas{width:65px;height:65px}.club-attributes label>small{line-height:1.2}.club-badges small{font-size:9px}#club-app .theme-gear-avatar{--slot-width:48px;--slot-height:58px;--slot-label:62px}.gear-slot-label{font-size:11px}.gear-slot-copy small{font-size:9px}.theme-gear-avatar>canvas{width:180px;height:180px}
}
@media(max-width:900px),(pointer:coarse){
 #club-app .theme-gear-avatar{--slot-width:30px;--slot-height:40px;--slot-label:42px}.gear-side-left{left:4px}.gear-side-right{right:4px}.gear-row-top{top:5px}.gear-row-bottom{bottom:5px}
 #club-app .gear-slot-frame img{width:19px;height:19px;max-width:19px!important}.gear-slot-copy{top:2px;left:calc(100% + 4px)}.gear-side-right .gear-slot-copy{right:calc(100% + 4px)}.gear-slot-label{font-size:7px}.gear-slot-copy small{font-size:6px;margin-top:2px}
}
html.mobile-compact #club-app .theme-gear-avatar{--slot-height:34px;--slot-width:28px}
html.mobile-compact #club-app .gear-slot-frame img{width:17px;height:17px;max-width:17px!important}
#club-app .gear-slot-frame.empty-slot img{filter:grayscale(1) brightness(.85);opacity:.7}
@media(min-width:901px) and (pointer:fine){.theme-recruit-main>.club-rules{height:32px;min-height:32px}.club-rules>summary .figma-icon{width:16px;height:16px}}
