.player-mode-switch{gap:10px;max-width:1520px;margin:0 auto 15px;padding:0 4vw;display:flex}.player-mode-switch>button{color:#bba486;text-align:left;background:#281b11;border:1px solid #65472e;align-items:center;gap:14px;min-width:245px;padding:10px 16px;display:flex}.player-mode-switch>button>span{color:#9d693f;font-size:22px}.player-mode-switch strong{font-size:15px;font-weight:500;display:block}.player-mode-switch small{color:#998263;margin-top:3px;font-size:12px;display:block}.player-mode-switch svg{color:#dbe77e;margin-left:auto}.player-mode-switch>button[aria-pressed=true]{color:#e7e8ba;background:#33341b;border-color:#b9c364}.player-mode-switch>button[aria-pressed=true]>span{color:#d6de78}.technique-fields{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 10px;display:grid}.technique-fields label{color:#bba486;gap:5px;font-size:12px;display:grid}.technique-fields [data-slot=select-trigger]{color:#ddceb6;background:#251b12;border-color:#60412b;border-radius:0;width:100%;min-width:0;height:34px;padding:0 7px;font-size:12px}.catalog-mode .page-heading{padding-top:20px;padding-bottom:16px}.catalog-mode .page-heading h1{font-size:clamp(27px,3vw,40px)}.catalog-mode .page-heading p{font-size:14px}.catalog-mode .text-back{margin-bottom:9px}.catalog-mode{padding-bottom:94px}.roster{max-width:1520px;margin:0 auto;padding:0 4vw}.roster-topline{border-bottom:1px solid #604029;justify-content:space-between;align-items:center;gap:15px;display:flex}.roster-tabs{gap:22px;display:flex}.roster-tabs button{color:#ae9271;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;min-height:42px;padding:0 0 10px;font-size:14px;display:flex}.roster-tabs button[aria-pressed=true]{color:#e2e99b;border-bottom-color:#d3df73}.roster-tabs button span{color:#8f795c;font-size:12px}.roster-note{color:#947b5f;white-space:nowrap;font-size:12px}.roster-filters{grid-template-columns:minmax(220px,1fr) 170px 240px auto;align-items:center;gap:10px;padding:13px 0;display:grid}.roster-search{color:#b39b77;background:#231910;border:1px solid #69472f;align-items:center;gap:10px;padding:0 12px;display:flex}.roster-search input{color:#ecddc5;border-radius:0;min-width:0;height:38px;padding:0;font-size:14px;box-shadow:none!important;background:0 0!important;border:0!important}.roster-search input::placeholder{color:#a78d6c}.roster-search>button{color:#cebb97;background:0 0;border:0;place-items:center;min-width:25px;min-height:32px;display:grid}.roster-search:focus-within{outline-offset:1px;outline:2px solid #c5d16d}.roster-filters>[data-slot=select-trigger]{color:#d3bc98;background:#231910;border:1px solid #69472f;border-radius:0;width:100%;height:40px;font-size:13px}.roster-filters [data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster-count{color:#ab8c67;text-align:right;min-width:83px;font-size:12px}.roster-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:11px;min-height:386px;display:grid}.roster-grid.popular-roster{min-height:235px}.roster-card{color:#d9c6a9;text-align:left;background:#261b12;border:1px solid #65432c;min-width:0;padding:0;transition:background .16s,border-color .16s,transform .16s;display:block;position:relative}.roster-card:hover{background:#33261a;border-color:#bd9f6a;transform:translateY(-2px)}.roster-card.selected{background:#34351e;border-color:#d8e179;box-shadow:inset 0 3px #d8e179}.roster-card-main{gap:10px;min-height:93px;padding:12px 10px 8px;display:flex}.roster-portrait{filter:saturate(.75);background-position:50% 18%;background-repeat:no-repeat;background-size:cover;border:1px solid #bfa57630;width:48px;min-width:48px;height:72px}.roster-card-identity{flex:1;min-width:0;padding-right:8px}.roster-origin{letter-spacing:1px;color:#b08051;margin:2px 0 4px;font-size:10px;display:block}.roster-card-identity strong{overflow-wrap:anywhere;color:#efe0c5;min-height:35px;font-size:14px;font-weight:500;line-height:1.25;display:block}.roster-rating{color:#d8df85;align-items:center;gap:8px;margin-top:5px;font-size:12px;display:flex}.roster-rating i{border:1px solid #eee3;border-radius:50%;width:9px;height:9px;display:block}.roster-check{color:#273010;border:1px solid #816746;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:8px;right:7px}.selected .roster-check{background:#d6df80;border-color:#d6df80}.roster-strengths{gap:5px;padding:6px 11px 10px;display:grid}.roster-strengths>div{justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1.25;display:flex}.roster-strengths>div>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster-bars{flex:none;gap:2px;display:flex}.roster-bars i{background:#624832;width:5px;height:7px}.roster-bars i.filled{background:#c5cd75}.roster-technique{color:#ab916c;border-top:1px solid #6e523240;justify-content:space-between;gap:5px;padding:7px 10px;font-size:11px;display:flex}.roster-pagination{color:#ad9270;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;font-size:12px;display:flex}.roster-pagination>div{align-items:center;gap:10px;display:flex}.roster-pagination button{color:#dac494;border:1px solid #61482d;border-radius:0;width:36px;height:32px}.roster-pagination button:disabled{opacity:.3}.roster-empty{color:#b39a79;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:13px;min-height:240px;display:flex}.roster-empty strong{color:#e2d1b1;font-size:20px;font-weight:500}.roster-empty p{font-size:14px}.roster-empty button{color:#e3d6a9;background:0 0;border-color:#826041;border-radius:0}@media (min-width:701px) and (max-width:1099px){.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.roster-filters{grid-template-columns:minmax(160px,1fr) 150px 190px}.roster-count{display:none}.roster-card-main{gap:7px;padding:10px 8px}.roster-portrait{width:39px;min-width:39px;height:65px}.roster-card-identity strong{font-size:13px}.roster-strengths{padding:5px 8px 9px}.roster-note{font-size:11px}.roster-technique{padding:7px 8px;font-size:10px}}@media (min-width:1100px) and (max-height:820px){.player-mode-switch{margin-bottom:11px}.player-mode-switch>button{padding:7px 13px}.player-column .player-art{height:113px}.player-art-title strong{font-size:23px}.player-art-title>span{display:none}.page-heading{padding-top:14px}.catalog-mode .page-heading{padding-top:15px;padding-bottom:12px}.roster-grid{min-height:374px}.roster-filters{padding:10px 0}.technique-fields{margin-bottom:6px}}@media (max-width:700px){.player-mode-switch{gap:8px;margin-bottom:15px;padding:0 5vw}.player-mode-switch>button{flex:1;gap:8px;min-width:0;padding:9px 10px}.player-mode-switch>button>span{font-size:16px}.player-mode-switch strong{font-size:12px}.player-mode-switch small{font-size:10px;line-height:1.4}.player-mode-switch svg{display:none}.technique-fields{grid-column:1/-1;gap:10px;margin:0 0 7px}.technique-fields label{font-size:12px}.technique-fields [data-slot=select-trigger]{height:36px;font-size:13px}.tennis-app:not([data-chapter="0"]) .technique-fields{display:none}.catalog-mode .page-heading{padding:17px 5vw 14px}.catalog-mode .page-heading h1{font-size:25px}.catalog-mode .page-heading p{font-size:12px;line-height:1.5}.roster{padding:0 5vw}.roster-topline{flex-direction:column;align-items:flex-start;gap:7px}.roster-tabs{gap:18px}.roster-tabs button{gap:6px;min-height:37px;padding-bottom:8px;font-size:13px}.roster-note{padding-bottom:9px;font-size:11px}.roster-filters{grid-template-columns:1fr 1fr;gap:8px;padding:11px 0}.roster-search{grid-column:1/-1}.roster-filters>[data-slot=select-trigger]{height:36px;font-size:12px}.roster-count{display:none}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0}.roster-grid.popular-roster{min-height:0}.roster-card-main{gap:7px;min-height:83px;padding:9px 8px 6px}.roster-portrait{width:35px;min-width:35px;height:62px}.roster-origin{letter-spacing:.5px;font-size:9px}.roster-card-identity strong{min-height:31px;padding-right:1px;font-size:12px;line-height:1.3}.roster-rating{gap:4px;margin-top:4px;font-size:11px}.roster-check{width:14px;height:14px;top:6px;right:5px}.roster-check svg{width:12px}.roster-strengths{gap:5px;padding:4px 8px 8px}.roster-strengths>div{gap:5px;font-size:11px}.roster-bars{gap:1px}.roster-bars i{width:3px;height:6px}.roster-technique{padding:6px 8px;font-size:9px}.roster-pagination{padding-top:12px;padding-bottom:18px}.catalog-mode .flow-footer>div>strong{max-width:none;font-size:11px}.catalog-mode .flow-footer>div>span{font-size:10px}.catalog-mode .flow-footer .primary-action{min-width:120px;padding:0 10px;font-size:10px}.catalog-mode .your-profile{display:none}}