/* Mobile Teams: one roster poster, native horizontal navigation, matte overlays. */
.team-mobile-workspace{display:none}
@media(max-width:900px){
 #workspace:has(.team-mobile-workspace){padding:12px 0 88px;max-width:none}
 .team-mobile-workspace{display:block;--team-poster-height:clamp(500px,calc(100dvh - 324px),560px);padding:0 0 8px;min-width:0}
 .team-mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;height:44px;margin:0 16px 8px;min-width:0}
 .team-mobile-heading>div:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}
 .team-mobile-heading p{margin:0;font-size:11px;line-height:13px;color:#aeb0b3;letter-spacing:0}
 .team-mobile-heading h1{margin:0;font-family:var(--sans);font-size:26px;font-weight:500;line-height:29px;letter-spacing:-.4px;color:#fafafa}
 .team-mobile-heading>div:last-child{display:flex;align-items:center;gap:4px;flex:none}
 .team-mobile-heading .icon-button{position:relative;width:44px;height:44px;min-width:44px;color:#c5c6c8;border-radius:8px}
 .team-mobile-heading .icon-button>.icon{width:18px;height:18px}
 .team-mobile-heading .icon-button small{position:absolute;top:2px;right:0;font-size:11px;line-height:16px;min-width:16px;text-align:center;background:#3a3a3a;border-radius:4px;color:#fafafa}
 .team-board-scope{display:flex;align-items:center;gap:8px;height:44px;margin:0 16px 12px;border-bottom:1px solid #fafafa18;min-width:0}
 .team-board-scope>.quiet-button{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;min-height:44px;padding:0 4px;font-size:13px;font-weight:400;line-height:1.4;color:#e4e5e4;border:0;border-radius:0;background:transparent;gap:8px;white-space:nowrap}
 .team-board-scope>.quiet-button>.icon{flex:none;width:14px;height:14px;color:#aeb0b3}
 .team-board-scope>.icon-button{flex:none;width:44px;height:44px;min-width:44px;color:#c5c6c8}
 .team-board-scope>.icon-button>.icon{width:18px;height:18px}
 .team-deck{display:flex;align-items:stretch;gap:12px;width:100%;padding:0 32px 0 16px;margin:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;min-width:0;outline-offset:-2px}
 .team-deck::-webkit-scrollbar{display:none}
 .managed-team-row.team-poster{
  position:relative;isolation:isolate;display:block;flex:0 0 calc(100vw - 48px);width:calc(100vw - 48px);
  min-width:0;height:var(--team-poster-height);min-height:var(--team-poster-height);max-height:none;
  margin:0;padding:0;gap:0;grid-template-columns:none;grid-template-rows:none;align-items:normal;
  overflow:hidden;border:1px solid #fafafa22;border-radius:12px;background:#202020;box-shadow:none;
  scroll-snap-align:start;scroll-snap-stop:always;
 }
 .team-poster>.team-poster-art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;display:block;object-fit:cover;object-position:center 28%;border-radius:0;opacity:1}
 .team-poster>.team-poster-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#101010ed 0%,#10101090 21%,#1010100d 45%,#10101070 66%,#101010f5 100%);pointer-events:none}
 .team-poster:after{content:'';position:absolute;top:12px;left:12px;width:12px;height:12px;border-top:2px solid var(--lime);border-left:2px solid var(--lime);opacity:0;pointer-events:none}
 .team-poster.is-current:after{opacity:1}
 .team-poster-identity{position:absolute;top:24px;left:20px;right:20px;padding:0;margin:0;background:none;border:0;min-width:0}
 .team-poster-identity>p{font-family:var(--sans);font-size:12px;font-weight:500;line-height:17px;letter-spacing:0;color:#e4e5e4;margin:0}
 .team-poster-identity h3{font-family:var(--sans);font-size:25px;font-weight:500;line-height:1.13;letter-spacing:-.5px;color:#fafafa;margin:8px 0 8px;overflow-wrap:anywhere;min-width:0}
 .team-poster-identity h3>button{display:block;width:100%;text-align:left;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;min-width:0;overflow-wrap:anywhere}
 .team-poster-identity>span{font-size:13px;font-weight:400;line-height:18px;letter-spacing:0;color:#e4e5e4;display:block}
 .team-poster-identity>small{display:block;margin-top:8px;font-size:11px;line-height:16px;letter-spacing:0;color:#b8babb}
 .team-poster-identity i{font-style:normal;margin:0 5px;color:#929699}
 .team-poster-scoreboard{position:absolute;left:20px;right:20px;bottom:132px;height:200px;min-width:0}
 .team-poster .poster-record{position:absolute;inset:0 0 auto;display:block;width:100%;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none}
 .team-poster .poster-record>span{display:block;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;color:#e4e5e4}
 .team-poster .team-panel-score{display:flex;align-items:flex-start;gap:12px;margin:8px 0 0;width:100%;min-width:0;font-variant-numeric:tabular-nums}
 .team-poster .team-panel-score>strong{display:block;font-family:var(--display);font-size:64px;font-weight:600;line-height:.9;letter-spacing:-1px;color:#fafafa}
 .team-poster .team-panel-score>strong:last-child{color:#d6d8d8}
 .team-poster .team-panel-score>strong>small{display:block;margin:6px 0 0;font-family:var(--sans);font-size:11px;font-weight:400;line-height:14px;letter-spacing:0;color:#c5c6c8}
 .team-poster .team-panel-score>i{font-family:var(--display);font-style:normal;font-size:28px;font-weight:400;line-height:1;letter-spacing:0;color:#b0b5b7;padding-top:12px}
 .team-poster .poster-record>p{max-width:calc(100% - 156px);margin:12px 0 0;font-size:12px;font-weight:400;line-height:17px;letter-spacing:0;color:#fafafa}
 .team-poster .poster-record>p>span{display:block;color:#c5c6c8;font-size:11px;line-height:16px;margin-top:3px;letter-spacing:0}
 .team-poster .poster-rating{
  position:absolute;top:112px;right:0;display:block;width:144px;min-width:0;height:auto;
  padding:12px;border:1px solid #fafafa16;border-radius:4px;background:#242424;box-shadow:0 8px 20px #00000026;
 }
 .team-poster .poster-rating>span{display:block;color:#c5c6c8;font-size:11px;line-height:15px;letter-spacing:0;font-weight:400}
 .team-poster .poster-rating .team-rating-value{display:flex;align-items:baseline;gap:6px;margin:6px 0 8px;font-variant-numeric:tabular-nums;min-width:0}
 .team-poster .team-rating-value>strong{font-family:var(--display);font-size:42px;font-weight:600;line-height:.95;letter-spacing:-.5px;color:#fafafa}
 .team-poster .team-rating-value>small{font-family:var(--sans);font-size:11px;font-weight:400;line-height:1.3;color:#c5c6c8;letter-spacing:0}
 .team-poster .poster-rating .team-panel-standing{display:flex;align-items:flex-start;flex-direction:column;gap:3px;margin:0;min-width:0}
 .team-poster .team-panel-standing>strong{font-size:15px;font-weight:500;line-height:18px;color:#fafafa;letter-spacing:0;font-variant-numeric:tabular-nums}
 .team-poster .team-panel-standing>span{font-size:11px;font-weight:400;line-height:14px;color:#b8babb;letter-spacing:0;overflow-wrap:anywhere}
 .team-poster-form{position:absolute;left:20px;bottom:84px;display:flex;flex-direction:column;gap:6px;min-width:0;width:calc(100% - 200px);margin:0}
 .team-poster-form>span{display:block;font-size:11px;line-height:14px;color:#c5c6c8;letter-spacing:0;font-weight:400}
 .team-poster-form .team-recent-form{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0;min-width:0}
 .team-poster-form .team-recent-form>li{display:block;flex:none;min-width:0;width:24px;margin:0;padding:0}
 .team-poster-form .team-recent-form>li>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:11px;font-weight:500;line-height:1;color:#d4d8d6;background:#272b28;border:1px solid #fafafa24;border-radius:4px}
 .team-poster-form .team-recent-form>li.is-win>span{color:var(--lime);background:#242c24;border-color:#8aff8040}
 .team-poster-form .team-form-empty{font-size:11px;line-height:15px;color:#c5c6c8;white-space:normal}
 .team-poster-actions{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;background:none;min-width:0}
 .team-poster-actions>.primary-button,.team-poster-actions>.quiet-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;padding:0 16px;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:0;border-radius:8px;min-width:0;white-space:nowrap}
 .team-poster-actions>.primary-button{flex:1;background:var(--lime);color:#111411;border:1px solid var(--lime);box-shadow:none}
 .team-poster-actions>.quiet-button{flex:none;justify-content:center;padding:0 12px;color:#fafafa;background:#252525;border:1px solid #fafafa26}
 .team-poster-actions>.primary-button>.icon,.team-poster-actions>.quiet-button>.icon{width:16px;height:16px;flex:none;stroke-width:1.6}
 .team-deck-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;margin:8px 16px 0;min-width:0}
 .team-deck-pager>.icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:8px;color:#c5c6c8}
 .team-deck-pager>.icon-button>.icon{width:18px;height:18px}
 .team-deck-pager>[data-team-board-step="-1"]>.icon{transform:rotate(180deg)}
 .team-deck-pager>.icon-button:disabled{opacity:.35;cursor:default}
 .team-deck-position{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;min-width:0;font-family:var(--sans);font-size:12px;line-height:1.4;color:#e4e5e4;text-align:center}
 .team-deck-position>span:first-child{font-size:11px;line-height:1.5;color:#aeb0b3;white-space:nowrap}
 .team-deck-position>span:last-child{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;color:#e4e5e4;white-space:nowrap}
 .team-deck-position .icon{width:12px;height:12px;color:#aeb0b3}
 .team-board-source{margin:8px 16px 0;font-size:11px;line-height:16px;letter-spacing:0;color:#aeb0b3;text-align:center}
 body:has(.team-mobile-workspace) .site-footer-links,body:has(.team-mobile-workspace) .app-footer{display:none}
 .team-mobile-workspace>.site-empty{margin:20px 16px 0;padding:40px 16px}
 .team-mobile-workspace>.site-empty h3{font-size:24px;line-height:1.2;letter-spacing:0;font-weight:500}
 .team-mobile-workspace>.site-empty p{font-size:13px;line-height:1.5}

 /* Sheets keep operational tasks off the roster canvas. */
 .modal-backdrop:has(.team-board-sheet){padding:0;align-items:flex-end;background:#0c0c0cc2;backdrop-filter:none}
 .modal.team-board-sheet{
  width:100%;max-width:none;max-height:calc(100dvh - 48px);height:auto;margin:0;padding:24px 20px max(24px,env(safe-area-inset-bottom,0px));
  border:1px solid #fafafa1f;border-radius:16px 16px 0 0;background:#242424;box-shadow:0 -12px 36px #00000030;
  --dialog-px:20px;--dialog-py:24px;overscroll-behavior:contain;
 }
 .team-board-sheet>.dialog-header{background:#242424!important;padding-bottom:16px!important}
 .team-board-sheet>.dialog-header h2{font-family:var(--sans);font-size:23px;font-weight:500;line-height:1.16;letter-spacing:-.3px}
 .team-board-sheet .dialog-header>.modal-close{background:#242424;color:#c5c6c8;width:44px;height:44px;min-width:44px;margin-right:-8px}
 .team-board-sheet>.team-identity-card{margin:0 0 20px;gap:12px}
 .team-board-sheet>.team-identity-card .team-badge.team-game-art{width:48px;height:64px;min-width:48px}
 .team-board-sheet .team-badge.team-game-art>.team-game-abbr{font-size:11px;line-height:1.2;letter-spacing:0;padding:4px 0}
 .team-management-sheet>.team-identity-card .team-identity-name{display:none}
 .team-board-sheet .team-identity-copy .team-game-name{font-size:12px;line-height:1.4;letter-spacing:0;font-weight:500}
 .team-board-sheet .team-identity-meta{gap:6px 10px}
 .team-board-sheet .team-ladder-label{font-size:11px;line-height:1.4;letter-spacing:0;padding:0;border:0;background:none;color:#e4e5e4}
 .team-board-sheet .team-format-label{font-size:11px;line-height:1.4;letter-spacing:0}
 .team-board-sheet .team-member-meta,.team-board-sheet .team-id-disambiguator{font-size:11px;line-height:1.4;letter-spacing:0}
 .team-sheet-tabs{display:flex;align-items:center;gap:24px;margin:0 0 20px;border-bottom:1px solid #fafafa20;overflow-x:auto;scrollbar-width:none}
 .team-sheet-tabs>button{position:relative;flex:none;min-height:44px;padding:0;font-size:13px;line-height:1.4;color:#c5c6c8;font-weight:400;letter-spacing:0}
 .team-sheet-tabs>button[aria-selected="true"]{color:#fafafa}
 .team-sheet-tabs>button[aria-selected="true"]:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:var(--lime)}
 .team-sheet-roster .team-page-member{min-height:64px;padding:12px 0;gap:12px}
 .team-sheet-roster .team-page-member>.avatar{width:36px;height:36px;font-size:14px}
 .team-sheet-roster .team-page-player-link{font-size:14px;line-height:1.4;min-height:28px}
 .team-sheet-roster .team-page-member p,.team-sheet-roster .team-page-member-label{font-size:11px;line-height:1.4;letter-spacing:0}
 .team-sheet-roster .team-page-member-label{max-width:88px;overflow-wrap:anywhere;text-align:right}
 .team-sheet-roster .team-page-roster-note{font-size:11px;line-height:1.5;margin-top:16px}
 .team-board-sheet .source-note,.team-board-sheet .site-meta{font-size:11px;line-height:1.5;letter-spacing:0}
 .team-board-sheet .primary-button,.team-board-sheet .quiet-button{min-height:44px;font-size:13px;line-height:1.4;border-radius:8px;letter-spacing:0}
 .team-sheet-profile{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:20px;font-size:13px;line-height:1.4;color:#d6d8d8}
 .team-sheet-record .team-performance-summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 20px;padding:0;border:0}
 .team-sheet-record .team-performance-summary>strong{font-family:var(--display);font-size:28px!important;line-height:1!important;font-weight:600!important;letter-spacing:0}
 .team-sheet-record .team-performance-summary>span{font-size:12px;line-height:1.4}
 .team-sheet-record .section-top{align-items:flex-start;gap:12px;margin-bottom:12px}
 .team-sheet-record .section-top h2{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:0}
 .team-sheet-record .subtle-tag{font-size:11px;line-height:1.4;letter-spacing:0;white-space:normal;text-align:right;padding:0;border:0;max-width:120px;color:#aeb0b3}
 .team-sheet-record .team-verified-match{grid-template-columns:32px minmax(0,1fr) auto;gap:12px;padding:16px 0}
 .team-sheet-record .team-verified-match>div>p{font-size:11px;line-height:1.4}
 .team-sheet-record .team-verified-match>strong:last-child{font-size:23px}
 .team-sheet-tools .site-list-row{padding:16px 0;gap:12px;min-height:60px}
 .team-sheet-tools .site-list-row strong{font-size:14px;line-height:1.4}
 .team-sheet-tools .site-list-row small{font-size:11px;line-height:1.4}
 .team-sheet-tools .site-section{padding:20px 0}
 .team-sheet-tools .site-section h2{font-size:20px;line-height:1.2;font-weight:500;margin-bottom:12px}
 .team-sheet-tools .site-section p{font-size:12px;line-height:1.5}
 .team-sheet-tools .site-form label{font-size:12px;line-height:1.4;letter-spacing:0}
 .team-sheet-tools .site-inline-actions{display:grid;grid-template-columns:1fr;gap:8px}
 .team-sheet-tools .site-inline-actions button{width:100%;min-height:44px;padding:12px;white-space:normal;line-height:1.4}
 .team-sheet-tools>button{margin-top:16px;min-height:44px;line-height:1.4;font-size:13px}
 .team-browser-search{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:0 12px;min-height:48px;background:#1a1a1a;border:1px solid #fafafa24;border-radius:8px}
 .team-browser-search>.icon{width:16px;height:16px;flex:none;color:#aeb0b3}
 .team-browser-search input{display:block;width:100%;min-width:0;min-height:48px;padding:10px 0;margin:0!important;border:0;background:none;font-size:16px;line-height:1.4;color:#fafafa;letter-spacing:0}
 .team-browser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
 .team-browser-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:196px;margin:0;padding:12px;overflow:hidden;text-align:left;background:#202020;border:1px solid #fafafa22;border-radius:8px;color:#fafafa;gap:6px}
 .team-browser-tile:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#15151570 0%,#15151550 30%,#151515ed 72%,#151515fc),var(--tile-art) center 24%/cover}
 .team-browser-tile.is-selected:after{content:'';position:absolute;top:8px;left:8px;width:10px;height:10px;border-top:2px solid var(--lime);border-left:2px solid var(--lime)}
 .team-browser-tile>span{display:block;font-size:11px;line-height:1.4;color:#d6d8d8;letter-spacing:0;overflow-wrap:anywhere}
 .team-browser-tile>strong{display:block;margin-top:auto;font-family:var(--sans);font-size:15px;font-weight:500;line-height:1.2;color:#fafafa;letter-spacing:0;overflow-wrap:anywhere}
 .team-browser-tile>small{display:block;font-size:11px;line-height:1.4;color:#c5c6c8;letter-spacing:0}
 .team-browser-tile>b{display:block;font-family:var(--display);font-size:23px;font-weight:600;line-height:1.1;letter-spacing:0;font-variant-numeric:tabular-nums}
 .team-browser-empty{grid-column:1/-1;padding:32px 0;text-align:center}
 .team-browser-empty h3{font-size:22px;font-weight:500;line-height:1.2;letter-spacing:0}.team-browser-empty p{font-size:13px;line-height:1.5;margin-top:12px;color:#c5c6c8}
 .team-board-sheet .site-form label{font-size:12px;line-height:1.4;letter-spacing:0;margin:16px 0 8px}
 .team-board-sheet .site-form input,.team-board-sheet .site-form select{min-height:48px;font-size:16px;line-height:1.4;border-radius:8px;background:#1a1a1a;margin:0!important}
 .team-scope-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .team-scope-pair>div{min-width:0}
 .team-scope-actions{display:flex;align-items:center;gap:12px;margin-top:24px}
 .team-scope-actions>.quiet-button{flex:none;min-width:80px;margin:0}
 .team-scope-actions>.primary-button{flex:1;min-width:0;margin:0!important;min-height:48px;justify-content:space-between;padding:0 16px;font-size:13px}
}
@media(max-width:360px){
 .team-poster-identity{left:16px;right:16px}
 .team-poster-identity h3{font-size:23px;line-height:1.13}
 .team-poster-identity>small{margin-top:6px}
 .team-poster-scoreboard{left:16px;right:16px}
 .team-poster .team-panel-score{gap:10px}
 .team-poster .team-panel-score>strong{font-size:56px}
 .team-poster .team-panel-score>i{font-size:25px;padding-top:10px}
 .team-poster .poster-record>p{max-width:calc(100% - 128px)}
 .team-poster .poster-rating{width:116px;padding:10px}
 .team-poster .team-rating-value>strong{font-size:36px}
 .team-poster .team-rating-value>small{font-size:11px}
 .team-poster .poster-rating .team-rating-value{gap:4px}
 .team-poster-form{left:16px;width:calc(100% - 164px);gap:6px}
 .team-poster-form .team-recent-form{gap:3px}
 .team-poster-form .team-recent-form>li,.team-poster-form .team-recent-form>li>span{width:20px}
 .team-poster-actions{left:12px;right:12px;gap:8px;bottom:12px}
 .team-poster-actions>.primary-button{padding:0 12px;font-size:12px}
 .team-poster-actions>.quiet-button{padding:0 10px;font-size:12px;gap:6px}
 .team-deck-position{gap:8px}
 .team-deck-position>span:last-child{font-size:11px}
 .modal.team-board-sheet{padding-inline:16px;--dialog-px:16px}
 .team-browser-grid{gap:12px}
 .team-browser-tile{padding:12px;min-height:196px}
 .team-browser-tile>strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .team-deck{scroll-behavior:auto}
 .team-poster,.team-poster-art,.team-poster-actions button,.team-browser-tile{animation:none!important;transition:none!important;transform:none}
}
