/* The same five destinations remain visible on desktop and on the touchline. */
.mobile-team-context { display:none; }
.team-menu { max-height:65vh; overflow-y:auto; }
.team-workspace { --workspace-sidebar:210px; --workspace-header:80px; }
.team-workspace .site-header { position:sticky; top:0; background:#172226; z-index:30; }
.team-workspace .header-row { width:100%; min-height:80px; padding:16px 28px; gap:28px; }
.team-workspace .brand { width:calc(var(--workspace-sidebar) - 28px); gap:9px; }
.team-workspace .brand small { display:none; }
.team-workspace .brand .squadito-wordmark { font-size:31px; }
.team-workspace .squadito-mark { width:38px; height:32px; }
.team-workspace .team-nav { position:fixed; left:0; top:var(--workspace-header); bottom:0; width:var(--workspace-sidebar); border:0; background:#172226; padding:22px 14px; }
.team-workspace .team-nav .nav-scroll { width:100%; display:flex; flex-direction:column; gap:9px; overflow:visible; }
.team-workspace .team-nav a { min-height:50px; padding:13px 14px; display:flex; align-items:center; gap:13px; border:0; border-radius:11px; color:#c8d4d0; font-weight:600; }
.team-workspace .team-nav a:hover { background:#ffffff0b; }
.team-workspace .team-nav a.nav-active { background:#2a453b; color:#84f0c0; box-shadow:inset 3px 0 #48e0a4; }
.team-workspace .team-nav:after { content:'Meer team.\a Minder regelwerk.'; white-space:pre; display:block; border-top:1px solid #3c514d; padding:18px 12px; margin-top:28px; font-size:12px; line-height:1.65; color:#aabeb6; }
.nav-icon { flex-shrink:0; }
.team-workspace > .page, .team-workspace > .footer { width:calc(100% - var(--workspace-sidebar)); margin-left:var(--workspace-sidebar); padding:32px clamp(24px,3.6vw,64px) 64px; max-width:1510px; }
.team-workspace > .footer { padding-top:24px; padding-bottom:28px; }
.team-workspace .page { min-height:calc(100vh - 190px); }
.team-workspace .page-heading { align-items:center; }
.team-workspace .header-team { margin:0 auto 0 0; }
.team-workspace .header-team small { max-width:32vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.team-workspace .header-actions { gap:12px; }
.team-workspace .page-heading h1 { font-size:clamp(28px,3.2vw,40px); }
.team-workspace :is(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea) { max-width:100%; min-height:44px; }
.team-workspace :is(.panel,.page-heading,.section-heading,.fixture-main) { min-width:0; }
.team-workspace .page h2 { font-size:23px; }
.team-workspace .page :is(h1,h2,h3,strong,p) { overflow-wrap:anywhere; }
.rotation-tabs { display:flex; gap:12px; border-bottom:1px solid var(--line); margin:0 0 26px; overflow-x:auto; }
.rotation-tabs a { padding:14px 15px; min-height:48px; text-decoration:none; white-space:nowrap; font-size:14px; color:var(--muted); border-bottom:3px solid transparent; }
.rotation-tabs a[aria-current] { color:var(--squadito-deep); border-bottom-color:var(--squadito-deep); font-weight:700; }
.rotation-match-picker { display:flex; align-items:center; gap:18px; margin-bottom:22px; }
.rotation-match-picker select { flex:1; width:100%; background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:12px; }
.rotation-match-heading { display:flex; align-items:center; gap:18px; margin:24px 0; }
.rotation-match-heading h2 { margin-bottom:4px; }
.rotation-match-heading .eyebrow { margin-bottom:5px; font-size:11px; }
.rotation-match-heading a { font-size:13px; color:var(--muted); }
.rotation-match-heading .date-tile { background:#e5f5ed; color:var(--squadito-deep); }
.rotation-kickoff { margin-left:auto; text-align:right; white-space:nowrap; }
.rotation-kickoff small,.rotation-kickoff strong { display:block; }
.rotation-kickoff strong { font-size:26px; font-variant-numeric:tabular-nums; }
.rotation-kickoff small { font-size:12px; color:var(--muted); }
.rotation-preparation > summary { font-size:18px; font-weight:700; cursor:pointer; min-height:44px; padding:10px 0; }
.rotation-preparation[open] > summary { margin-bottom:12px; }
.rotation-basis { background:#e7f5ee; border:0; border-left:3px solid var(--squadito-deep); padding:0; margin-bottom:28px; border-radius:0 12px 12px 0; }
.rotation-basis > summary { display:flex; justify-content:space-between; align-items:start; gap:16px; padding:20px; cursor:pointer; font-size:14px; min-height:72px; }
.rotation-basis small { display:block; font-weight:400; margin-top:7px; line-height:1.7; }
.rotation-basis-action { color:var(--squadito-deep); text-decoration:underline; text-underline-offset:3px; font-size:12px; font-weight:700; min-width:100px; text-align:right; }
.rotation-basis[open] > summary { border-bottom:1px solid #cce4d7; }
.rotation-basis-fields { padding:22px; }
.rotation-basis-fields > p { font-size:14px; }
.rotation-workspace-grid { display:grid; grid-template-columns:minmax(0,1fr) 260px; align-items:start; gap:26px; }
fieldset.rotation-workspace-grid { padding:0; margin:0; border:0; width:100%; }
.rotation-sidecard { position:sticky; top:106px; padding:23px; box-shadow:none; border:1px solid #d5e2db; }
.rotation-sidecard h2 { font-size:21px!important; line-height:1.25; }
.rotation-settings .rotation-sidecard h2 { margin-top:12px; }
.rotation-settings .section-heading h2 { margin-top:0; }
.rotation-sidecard p { font-size:14px; line-height:1.65; }
.rotation-sidecard .eyebrow { font-size:10px; margin-bottom:10px; }
.rotation-sidecard .button { width:100%; min-height:48px; }
.rotation-aside-note { margin:20px 0; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.7; }
.rotation-sidecard > a:last-child { font-size:13px; }
.rotation-count { border-radius:7px; background:#e5f5ed; color:var(--squadito-deep); padding:5px 9px; font-size:12px; white-space:nowrap; }
.rotation-player-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.rotation-player-card { border-bottom:1px solid var(--line); padding:12px 0; min-width:0; }
.rotation-person-heading { display:flex; align-items:center; gap:10px; margin:0; min-height:44px; cursor:pointer; }
.rotation-person-heading strong { font-size:14px; }
.rotation-person-heading small { color:var(--muted); font-size:11px; margin-left:auto; }
.rotation-person-heading input { width:19px; height:19px; flex-shrink:0; margin:0; }
.rotation-avatar { display:grid; place-items:center; width:30px; height:30px; background:#e4ede7; color:#34634d; font-size:12px; font-weight:700; border-radius:50%; flex-shrink:0; }
.rotation-player-card.is-absent { opacity:.65; }
.rotation-player-details { padding-left:28px; font-size:13px; }
.rotation-player-details > summary { color:var(--muted); font-size:12px; min-height:44px; padding:10px 0; cursor:pointer; }
.rotation-player-details[open] { padding:12px; margin-top:8px; background:var(--paper); border:1px solid var(--line); border-radius:10px; }
.rotation-player-details label { font-size:12px; margin-block:10px 5px; }
.rotation-player-options { display:grid; grid-template-columns:1fr; gap:10px; }
.rotation-keeper-choices { margin-top:24px; font-size:14px; }
.rotation-keeper-choices summary { padding:12px 0; min-height:44px; cursor:pointer; color:var(--squadito-deep); }
.rotation-keeper-choices > div { padding:16px; background:var(--paper); border-radius:12px; }
.rotation-saved-basis { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; padding:18px 22px; border-left:3px solid var(--squadito-deep); background:#e7f5ee; border-radius:0 10px 10px 0; margin-bottom:24px; font-size:13px; }
.rotation-saved-basis p { flex-basis:100%; margin:0; }
.rotation-saved-basis a { margin-left:auto; color:var(--squadito-deep); }
.rotation-setting-section { border-top:1px solid var(--line); padding-top:24px; margin-top:24px; }
.rotation-setting-section h3 { margin:0 0 10px; font-size:20px; }
.rotation-setting-section > div:not(.rotation-options), .rotation-setting-section details > div { margin-block:12px; }
.rotation-setting-section summary { cursor:pointer; min-height:44px; font-weight:600; }
.rotation-setting-section p { font-size:14px; }
.rotation-editor { box-shadow:none; padding:28px; }
.rotation-settings :is(input:not([type=checkbox],[type=radio],[type=hidden]),select) { border:1px solid #c8d8ce; border-radius:8px; background:#fff; padding:10px 12px; color:#243b30; }
.rotation-settings :is(input,select):focus-visible { outline:3px solid #64cfa1; outline-offset:2px; }
.rotation-field > label { display:block; font-size:13px; margin-bottom:8px; }
.rotation-field > .helptext { display:block; font-size:12px; color:var(--muted); line-height:1.6; margin:5px 0 8px; }
.rotation-field > select { width:100%; }
.rotation-field > input[type=number] { width:110px; }
.formation-fields input { width:100%; }
.rotation-profile > select { display:block; width:100%; margin-top:6px; }
.rotation-editor input[type=checkbox] { width:18px; height:18px; }
.rotation-editor .rotation-options { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; }
.rotation-optional { display:inline-block; background:#edf2ef; color:#607067; border-radius:5px; padding:3px 7px; margin-left:6px; font:11px 'Squadito Text',sans-serif; vertical-align:middle; }
.rotation-pair { display:grid; grid-template-columns:1fr 24px 1fr; gap:8px; align-items:center; padding:8px 0; }
.rotation-pair > label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.rotation-pair > span { text-align:center; color:var(--muted); }
.rotation-pair .errorlist { grid-column:1/-1; }
.formation-fields, .period-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.period-fields { grid-template-columns:1fr 1fr; }
.period-fields label,.formation-fields label { display:block; font-size:13px; margin-bottom:7px; }
.period-fields input { width:100%; }
.period-custom { margin-top:10px; }
.period-custom summary { cursor:pointer; min-height:44px; padding:10px 0; color:var(--squadito-deep); font-size:13px; }
.rotation-profile-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; }
.rotation-profile { background:#f6f9f7; border:1px solid var(--line); border-radius:12px; padding:18px; min-width:0; }
.rotation-profile .rotation-person-heading { margin-bottom:14px; }
.rotation-profile-basics { display:flex; align-items:center; gap:12px; justify-content:space-between; font-size:13px; }
.rotation-profile-basics > div { max-width:90px; }
.rotation-profile-basics > label { flex:1; }
.rotation-profile-basics input[type=text] { width:80px; }
.rotation-profile > label { font-size:12px; margin-top:14px; }
.rotation-profile > p { font-size:11px; margin:10px 0 0; }
.position-choices { margin-block:14px; }
.position-choices > span { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; }
.position-choices > div { display:flex; flex-wrap:wrap; gap:6px; }
.position-choices label { display:flex; align-items:center; gap:6px; padding:8px; min-height:44px; border-radius:7px; border:1px solid var(--line); font-size:11px; background:var(--paper); margin:0; cursor:pointer; }
.position-choices label:has(input:checked) { background:#e4f5ed; color:var(--squadito-deep); border-color:#a6d4bc; }
.rotation-inline-summary { color:var(--squadito-deep); font-size:13px; }
.rotation-role.defence,.rotation-role.midfield,.rotation-role.attack { background:#e3f4e9; color:#20533a; }
.rotation-cell.defence,.rotation-cell.midfield,.rotation-cell.attack { background:#edf7f1; }
.rotation-matrix-details > summary { min-height:44px; font-weight:700; cursor:pointer; }
.rotation-events { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; padding:0; }
.rotation-events > li { list-style:none; margin:0; padding:20px; box-shadow:none; }
.rotation-events > li:first-child { border-color:#95cbb0; background:#eaf6ef; }
.rotation-events p { font-size:14px; margin-block:10px 0; }
.rotation-position-moves { color:var(--squadito-deep); }
.rotation-dashboard-action { display:flex; align-items:center; gap:24px; justify-content:space-between; border:1px solid #c9e0d3; background:#e8f5ed; border-radius:14px; margin:18px 0 26px; padding:22px 28px; }
.rotation-dashboard-action .eyebrow { margin-bottom:6px; }
.rotation-dashboard-action strong { font-size:20px; }
.rotation-dashboard-action p { margin:5px 0 0; font-size:14px; color:var(--muted); }
.rotation-welcome { padding:40px; max-width:800px; margin:32px auto; background:linear-gradient(120deg,#e4f7ed,#fff 80%); }
.rotation-welcome h2 { font-size:clamp(27px,3vw,36px)!important; }
.rotation-welcome > p { max-width:530px; line-height:1.75; margin:18px 0 24px; }
.rotation-welcome-icon { width:52px; height:52px; border-radius:14px; background:#c6f3de; color:#075c3c; display:grid; place-items:center; margin-bottom:24px; }
.rotation-welcome .button { margin:0 8px 10px 0; }
.rotation-focus .page { padding-top:20px; }
.rotation-focus .back-link { font-size:13px; margin-bottom:12px; }
[hidden] { display:none!important; }
@media(min-width:1700px) { .team-workspace > .page,.team-workspace > .footer { margin-right:auto; } }
@media(max-width:1150px) { .team-workspace { --workspace-sidebar:180px; }.team-workspace .header-row { padding-inline:20px; gap:18px; }.team-workspace > .page,.team-workspace > .footer { padding-inline:24px; }.rotation-workspace-grid { grid-template-columns:minmax(0,1fr) 230px; gap:20px; }.rotation-player-list { gap:0 14px; }.team-workspace .brand .squadito-wordmark { font-size:27px; }.team-workspace .brand { width:145px; }.header-team .club-symbol { display:none; } }
@media(max-width:950px) { .rotation-workspace-grid { grid-template-columns:1fr; }.rotation-sidecard { position:static; }.rotation-sidecard .button { max-width:360px; }.rotation-sidecard .rotation-aside-note { margin-bottom:0; }.rotation-profile-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .team-workspace { --workspace-sidebar:0px; --workspace-header:70px; }
  .team-workspace .header-row { min-height:70px; padding:12px 16px; flex-wrap:nowrap; gap:12px; }
  .team-workspace .brand { width:auto; gap:7px; }
  .team-workspace .brand .squadito-wordmark { font-size:26px; }
  .team-workspace .squadito-mark { width:30px; height:26px; }
  .team-workspace .header-team { display:none; }
  .team-workspace .mobile-team-context { display:grid; gap:4px; padding:0 18px 12px; color:#f2f7f4; font-size:12px; overflow-wrap:anywhere; }
  .team-workspace .mobile-team-context span { color:#bac4c2; font-size:11px; }
  .team-workspace .header-actions { gap:0; }
  .team-workspace .header-actions > form { display:none; }
  .team-workspace .team-switcher summary { min-height:44px; padding:12px 4px; font-size:12px; }
  .team-workspace .team-menu { max-width:calc(100vw - 32px); right:0; width:290px; }
  .team-workspace .team-nav { display:block!important; position:fixed; top:auto; bottom:0; left:0; width:100%; padding:6px 6px max(6px,env(safe-area-inset-bottom)); border-top:1px solid #d6e0db; background:#fff; box-shadow:0 -6px 24px #15271b08; }
  .team-workspace .team-nav .nav-scroll { display:flex; flex-direction:row; gap:2px; width:100%; overflow:visible; }
  .team-workspace .team-nav a { display:flex; flex-direction:column; flex:1; gap:5px; padding:9px 2px 7px; min-height:56px; color:#526259; font-size:10px; border-radius:9px; }
  .team-workspace .team-nav a.nav-active { background:#e6f7ee; box-shadow:none; color:#075c3c; }
  .team-workspace .team-nav:after { display:none; }
  .team-workspace > .page,.team-workspace > .footer { width:100%; margin:0; padding:24px 18px; }
  .team-workspace > .footer { padding-bottom:calc(106px + env(safe-area-inset-bottom)); }
  .team-workspace .page-heading { align-items:start; gap:12px; margin-bottom:20px; }
  .team-workspace .page-heading h1 { font-size:30px; }
  .team-workspace .page-heading p { font-size:13px; line-height:1.6; }
  .team-workspace .page-heading > .button { padding:10px; font-size:11px; }
  .rotation-tabs { gap:0; margin-bottom:22px; }
  .rotation-tabs a { padding:12px 10px; font-size:12px; }
  .team-workspace .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .team-workspace .stats-grid .stat-card:last-child { grid-column:1/-1; }
  .rotation-match-picker { gap:10px; font-size:13px; }
  .rotation-match-picker select { font-size:12px; }
  .rotation-match-heading { gap:12px; margin:18px 0; }
  .rotation-match-heading .date-tile { width:49px; min-width:49px; }
  .rotation-match-heading h2 { font-size:20px!important; }
  .rotation-match-heading a { font-size:11px; }
  .rotation-kickoff strong { font-size:21px; }
  .rotation-kickoff small { font-size:10px; }
  .rotation-basis > summary { flex-direction:column; gap:10px; padding:16px; }
  .rotation-basis-action { min-height:28px; text-align:left; }
  .rotation-basis-fields { padding:16px; }
  .rotation-player-list { gap:0 16px; }
  .rotation-person-heading { gap:7px; }
  .rotation-person-heading strong { font-size:13px; }
  .rotation-person-heading .rotation-avatar { display:none; }
  .rotation-player-details { padding-left:0; }
  .rotation-player-details > summary { font-size:11px; }
  .rotation-count { font-size:11px; }
  .rotation-sidecard { padding:20px; }
  .rotation-sidecard .button { max-width:none; }
  .rotation-editor { padding:18px; }
  .rotation-profile-list { grid-template-columns:1fr; }
  .rotation-setting-section h3 { font-size:19px; }
  .rotation-setting-section .rotation-options { grid-template-columns:1fr; }
  .rotation-dashboard-action { padding:20px; flex-direction:column; align-items:stretch; gap:16px; }
  .rotation-welcome { padding:26px; }
  .rotation-saved-basis a { margin-left:0; min-height:44px; padding-top:10px; }
  .rotation-events { grid-template-columns:1fr; }
  .rotation-focus .page { padding-top:12px; }
  html { scroll-padding-bottom:110px; scroll-padding-top:85px; }
}
@media(max-width:360px) { .rotation-tabs a { padding-inline:8px; font-size:11px; } }
@media(max-width:380px) { .team-workspace > .page { padding-inline:14px; }.rotation-person-heading strong { font-size:12px; }.rotation-player-list { gap:0 10px; }.rotation-kickoff { display:none; }.rotation-tabs a { padding-inline:8px; font-size:11px; }.formation-fields { gap:6px; }.formation-fields label { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; } }
/* Keep frequent preparation compact; each detail action still has a 44px target. */
.rotation-first-plan > summary { display:none; }
.rotation-first-plan { margin-top:-12px; }
.rotation-player-card { position:relative; padding-block:8px; }
.rotation-player-card .rotation-person-heading { padding-right:0; }
.rotation-player-details:not([open]) { padding:0; }
.rotation-player-details > summary { position:static; display:flex; align-items:center; width:fit-content; min-height:44px; padding:0 8px; list-style:none; border-radius:8px; font-size:12px; color:#567363; }
.rotation-player-details > summary::-webkit-details-marker { display:none; }
.rotation-player-details > summary:hover { background:#e3eee7; }
.rotation-player-details[open] > summary { background:#d9ede1; }
.rotation-player-card:has(.rotation-player-details[open]) { grid-column:1/-1; }
.rotation-player-details[open] .rotation-player-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mobile-account-action { display:none; }
@media(max-width:760px) {
 .rotation-heading > .button { display:none; }
 .rotation-heading p { display:none; }
 #deelnemers.section-block { margin-top:24px; }
 .rotation-tabs { margin-bottom:18px; }
 .rotation-match-heading { margin-block:16px 26px; }
 .rotation-match-heading .date-tile { min-height:57px; }
 .rotation-basis { margin-bottom:22px; }
 .rotation-player-card .rotation-person-heading { padding-right:0; }
 .team-menu .mobile-account-action { display:block; padding:8px; }
 .team-menu .mobile-account-action button { width:100%; }
 .rotation-player-details[open] .rotation-player-options { grid-template-columns:1fr; }
}
@media(max-width:380px) {
 .rotation-match-heading { flex-wrap:wrap; }
 .rotation-kickoff { display:flex; align-items:baseline; justify-content:flex-end; gap:8px; flex-basis:100%; }
}
.position-picker { margin-top:16px; border:1px solid #accfb9; border-radius:12px; padding:20px; background:#eef8f2; }
.position-picker:empty { display:none; }
.position-picker h3 { margin:0 0 8px; }
.position-picker p { font-size:14px; }
.position-picker-options { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.position-picker-options button { min-height:44px; }
button.rotation-player-dot { min-height:44px; cursor:pointer; }
button.rotation-player-dot:hover { background:#d6f7e4; }

/* Formation choices remain optional; player restrictions are visible summaries. */
.rotation-mode-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0; }
.rotation-mode-options .rotation-mode { display:flex; flex-direction:column; align-items:flex-start; gap:4px; white-space:normal; text-align:left; min-height:76px; padding:14px; background:var(--paper); border:1px solid var(--line); }
.rotation-mode small { color:var(--muted); font-size:12px; font-weight:400; }
.rotation-mode-options [aria-pressed=true],.formation-presets [aria-pressed=true] { background:#e4f5ed; border-color:var(--squadito-deep); box-shadow:inset 0 0 0 1px var(--squadito-deep); color:var(--squadito-deep); }
.formation-presets { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.formation-presets .button { min-height:44px; white-space:normal; }
.formation-preview { padding:18px; border:1px solid #c5dfd1; background:#edf7f1; border-radius:12px; display:grid; gap:14px; }
.formation-preview-line { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:10px; font-size:12px; color:#385c49; }
.formation-preview-spots { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-evenly; gap:8px; }
.formation-spot { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:var(--squadito-deep); color:white; font-weight:700; font-size:12px; }
.formation-spot.keeper { background:#31535a; }
.formation-custom > summary { min-height:44px; display:flex; align-items:center; gap:8px; }
.formation-custom > summary::before { content:'›'; }
.formation-custom[open] > summary::before { transform:rotate(90deg); }
.rotation-profiles-compact { grid-template-columns:1fr; gap:12px; }
.rotation-profiles-compact .rotation-profile { display:grid; grid-template-columns:minmax(120px,1fr) auto; gap:8px 18px; padding:13px 16px; }
.rotation-profiles-compact .rotation-person-heading { margin:0; }
.rotation-profiles-compact [data-position-options] { grid-column:1/-1; }
.rotation-profiles-compact [data-profile-details] > summary { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; min-height:44px; font-size:13px; }
.rotation-profiles-compact [data-profile-details] > summary::before { content:'›'; }
.rotation-profiles-compact [data-profile-details][open] > summary::before { transform:rotate(90deg); }
[data-profile-rule] select,[data-profile-preferred] select { display:block; width:100%; min-height:44px; margin:6px 0 12px; }
[data-profile-rule] > label,[data-profile-preferred] > label { display:block; font-size:13px; }
.rotation-player-summary { margin-left:38px; color:var(--muted); font-size:12px; padding-right:35px; }
.rotation-preflight { background:#fff8e7; color:#68461b; border:1px solid #e6d1a0; border-radius:12px; padding:16px; margin-bottom:22px; }
.rotation-preflight p { margin:10px 0; }
.rotation-preflight small { display:block; margin-top:10px; }
@media(max-width:520px) {
 .rotation-profiles-compact .rotation-profile { grid-template-columns:1fr; gap:8px; }
 .rotation-profiles-compact .rotation-profile-basics { justify-content:flex-start; }
 .rotation-profiles-compact .rotation-profile-basics > label { flex:0 1 auto; }
 .rotation-mode-options .rotation-mode { padding:11px; font-size:13px; }
 .formation-preview { padding:12px; }
 .formation-preview-line { grid-template-columns:78px minmax(0,1fr); gap:6px; }
 .formation-preview-spots { gap:5px; }
 .formation-spot { width:24px; height:24px; }
}
@media(max-width:380px) {
 .rotation-mode-options { grid-template-columns:1fr; }
 .rotation-mode-options .rotation-mode { min-height:64px; }
}