@layer legacy{ /* V0.52.1 (S2-1) - siehe p-s21-legacy-schicht.pl */
/* Project Legend V0.37.2 Phase 1 — structural UX foundation. Intentionally not a premium art-direction pass. */
:root{--pl-ui-scale:1}
html{font-size:calc(16px * var(--pl-ui-scale))}
*:focus-visible{outline:3px solid currentColor;outline-offset:3px}
button,a,input,select,textarea,[role="button"]{scroll-margin:16px}
button,.btn,.close-btn,.potential-link{min-height:44px;min-width:44px}
.btn-small{min-height:40px}
input,select,textarea{min-height:44px}
.table-wrap{max-width:100%;overflow:auto;overscroll-behavior:contain;border-radius:inherit}
.pl-data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pl-data-table th{cursor:pointer;white-space:nowrap;user-select:none}
.pl-data-table th[aria-sort="ascending"]::after{content:" ↑"}.pl-data-table th[aria-sort="descending"]::after{content:" ↓"}
.pl-data-table td,.pl-data-table th{vertical-align:middle}
.pl-data-table td:nth-last-child(-n+6),.pl-data-table th:nth-last-child(-n+6){font-variant-numeric:tabular-nums}
.pl-row-interactive{cursor:pointer}.pl-row-interactive:focus-visible{outline-offset:-3px}

.pl-structural-summary,.pl-profile-map,.pl-career-map{margin:0 0 16px;padding:16px;display:grid;gap:12px}
.pl-structural-summary{grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);align-items:center}
.pl-summary-main{display:flex;flex-direction:column;gap:3px}.pl-summary-main span{font-size:.82rem}.pl-summary-main b{font-size:1.05rem}
.pl-structural-summary dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.pl-structural-summary dl div{min-width:0}.pl-structural-summary dt,.pl-explain-list dt{font-size:.75rem;opacity:.75}.pl-structural-summary dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}
.pl-profile-map{grid-template-columns:repeat(4,minmax(0,1fr))}.pl-profile-map>div{display:flex;flex-direction:column;min-width:0;gap:3px}.pl-profile-map small{font-size:.72rem;letter-spacing:.04em;opacity:.75}.pl-profile-map b,.pl-profile-map span{overflow-wrap:anywhere}
.pl-career-map{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.pl-career-map a,.pl-career-map button{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;text-decoration:none;text-align:left;min-height:60px}.pl-career-map b{font-size:1.15rem}
[data-pl-priority="tertiary"]{content-visibility:auto;contain-intrinsic-size:320px}

.pl-calendar-groups{display:grid;gap:14px}.pl-calendar-groups>section,.pl-calendar-groups>details{border-top:1px solid rgba(127,127,127,.25);padding-top:12px}.pl-calendar-groups h4,.pl-calendar-groups summary{margin:0 0 8px;font-size:.9rem;font-weight:700}.pl-calendar-groups summary{cursor:pointer;min-height:40px;display:flex;align-items:center}.pl-calendar-later{display:grid;gap:2px}.pl-recent-results>div{display:grid;gap:4px;padding:8px 0}.pl-recent-results p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:6px 0}
.calendar-event{grid-template-columns:minmax(54px,auto) minmax(0,1fr) auto!important;align-items:center}.calendar-event-main{min-width:0}.calendar-event-main b,.calendar-event-main span{overflow-wrap:anywhere}

.pl-bracket-nav{display:flex;gap:6px;overflow:auto;padding:4px 0 12px;scrollbar-width:thin}.pl-bracket-nav button{flex:0 0 auto;min-height:40px;border:1px solid rgba(127,127,127,.35);border-radius:7px;background:transparent;color:inherit;padding:6px 10px}.pl-bracket-nav button[aria-selected="true"]{font-weight:800;border-width:2px}.full-bracket-round[hidden]{display:none!important}

.pl-save-list{display:grid;gap:10px;max-height:min(62vh,620px);overflow:auto;padding-right:3px}.pl-save-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid rgba(127,127,127,.3);border-radius:9px;padding:12px}.pl-save-slot>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.pl-save-slot small{font-size:.72rem;opacity:.7}.pl-save-slot b,.pl-save-slot span{overflow-wrap:anywhere}.pl-save-slot span{font-size:.82rem}.pl-slot-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pl-save-slot.empty{opacity:.82}
.pl-settings{display:grid;gap:12px}.pl-settings>label:not(.pl-setting-toggle){display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr);gap:14px;align-items:center}.pl-setting-toggle{display:flex;align-items:center;gap:10px;min-height:44px}.pl-setting-toggle input{width:20px;height:20px;min-height:20px}
.pl-explain-list{display:grid;gap:8px;max-height:min(68vh,680px);overflow:auto}.pl-explain-list details{border:1px solid rgba(127,127,127,.28);border-radius:8px;padding:0 12px}.pl-explain-list summary{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:48px;cursor:pointer}.pl-explain-list dl{display:grid;gap:8px;margin:0 0 12px}.pl-explain-list dl div{display:grid;grid-template-columns:minmax(120px,.3fr) minmax(0,1fr);gap:10px}.pl-explain-list dd{margin:0}.pl-recovery-hint{margin:12px 0 0;padding:10px;border:1px solid rgba(127,127,127,.3);border-radius:7px;font-size:.84rem}
.pl-empty-state{display:flex;flex-direction:column;gap:4px;padding:20px 12px;text-align:center}.pl-empty-state span{font-size:.85rem;opacity:.75}
.pl-busy-status{position:fixed;right:16px;bottom:16px;z-index:10000;padding:10px 14px;border:1px solid rgba(127,127,127,.45);border-radius:8px;background:var(--surface,#161b24);color:inherit;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.pl-busy [data-action^="simulate"],.pl-busy [data-action="end-season"]{pointer-events:none;opacity:.65}
.pl-intro-settings{margin-top:8px}

/* Modal foundation */
.modal-backdrop{overflow:auto;padding:24px 12px;align-items:flex-start}
.modal{width:min(880px,calc(100vw - 24px));max-height:calc(100vh - 48px);overflow:auto;overscroll-behavior:contain;margin:auto;position:relative}
.modal-head{position:sticky;top:0;z-index:3;background:inherit;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px}
.modal-actions{position:sticky;bottom:0;background:inherit;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:12px}
.pl-nav-back{order:98}.close-btn{order:99}

/* Readability floor for known production microcopy. */
.helper,.stat-hint,.side-footer,.calendar-date span,.calendar-event-main span,.metric-note,.result-note,.potential-link,.pl-lw-meta,.pl-lw-sub,.setup-legal{font-size:max(.75rem,12px)!important;line-height:1.4}

/* Constrained desktop: prioritize content instead of squeezing a permanent rail. */
@media(max-width:1180px){
  .career-layout{grid-template-columns:1fr!important;gap:12px!important}
  .sidebar{position:static!important;display:grid!important;grid-template-columns:minmax(190px,.9fr) minmax(180px,.8fr) minmax(0,2fr);gap:10px;align-items:center;padding:12px!important}
  .sidebar .nav{display:grid!important;grid-template-columns:repeat(5,minmax(90px,1fr));gap:4px;min-width:0}.sidebar .nav button{min-width:0;padding:8px 6px!important;white-space:normal}
  .sidebar .side-footer{grid-column:1/-1;margin:0!important}.player-mini,.overall-box{margin:0!important}
  .content{min-width:0}.two-col,.calendar-tools{grid-template-columns:1fr 1fr!important}
  .next-match .matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}.next-match .club{min-width:0}.next-match .club-name{white-space:normal!important;overflow-wrap:anywhere}
}
@media(max-width:900px){
  .pl-structural-summary{grid-template-columns:1fr}.pl-structural-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-profile-map{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-career-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two-col,.calendar-tools{grid-template-columns:1fr!important}.content{min-width:0!important}
  .modal{width:min(760px,calc(100vw - 20px));max-height:calc(100vh - 24px)}.modal-backdrop{padding:12px 10px}
}
@media(max-width:720px){
  .sidebar{grid-template-columns:1fr 1fr!important}.sidebar .nav{grid-column:1/-1;display:flex!important;overflow:auto;scroll-snap-type:x proximity}.sidebar .nav button{flex:0 0 auto;min-width:118px;scroll-snap-align:start}.sidebar .side-footer{display:none}
  .page-title{align-items:flex-start!important;flex-wrap:wrap}.page-title>button{width:100%}
  .pl-profile-map,.pl-career-map{grid-template-columns:1fr}.pl-structural-summary dl{grid-template-columns:1fr 1fr}
  .calendar-event{grid-template-columns:48px minmax(0,1fr)!important}.calendar-event>div:last-child{grid-column:2}.calendar-event>div:last-child .btn{width:100%}
  .pl-save-slot{grid-template-columns:1fr}.pl-slot-actions{justify-content:flex-start}.pl-slot-actions .btn{flex:1 1 120px}
  .pl-explain-list dl div{grid-template-columns:1fr;gap:2px}.modal-actions .btn{flex:1 1 130px}
  .pl-settings>label:not(.pl-setting-toggle){grid-template-columns:1fr;gap:5px}
  .full-bracket{min-width:0!important}.full-bracket-round{min-width:0!important;width:100%!important}.bracket-match{min-width:0!important;overflow-wrap:anywhere}
}
@media(max-width:480px){
  .app-shell{padding-left:8px!important;padding-right:8px!important}.sidebar{grid-template-columns:1fr!important}.sidebar .overall-box{grid-column:1}.sidebar .nav{grid-column:1}.player-mini{min-width:0}.player-mini h2{overflow-wrap:anywhere}
  .pl-structural-summary dl{grid-template-columns:1fr}.pl-career-map{grid-template-columns:1fr}.pl-profile-map{grid-template-columns:1fr}
  .next-match .matchup{grid-template-columns:1fr!important;gap:8px!important}.next-match .versus{padding:0!important}.next-match .club{justify-content:center}.match-actions{display:grid!important;grid-template-columns:1fr}.match-actions .btn{width:100%}
  .calendar-form{display:grid!important;grid-template-columns:1fr!important}.calendar-form>*{width:100%!important}.calendar-event{padding-left:4px!important;padding-right:4px!important}
  .modal{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.modal-backdrop{padding:6px}.modal-head{gap:5px}.modal-head h3{font-size:1.05rem}
}

/* Functional accessibility preferences, not visual theming. */
.pl-high-contrast{--muted:#d7dce5}.pl-high-contrast .card,.pl-high-contrast .panel{border-width:2px!important}.pl-high-contrast .helper,.pl-high-contrast .muted,.pl-high-contrast small{opacity:1!important}
.pl-reduced-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.pl-accessible-target{display:inline-flex!important;align-items:center;min-height:40px;padding-block:4px}
@media(max-width:480px){.sidebar .nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}.sidebar .nav button{min-width:0!important;width:100%}}
@media(max-width:900px){.sidebar{grid-template-columns:1fr 1fr!important}.sidebar .nav{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr))!important}.sidebar .side-footer{grid-column:1/-1}}
.pl-summary-explain{margin-top:4px;justify-self:start}
.pl-decision-context{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px;padding:10px;border:1px solid rgba(127,127,127,.3);border-radius:8px}.pl-decision-context>div{display:flex;flex-direction:column;gap:3px}.pl-decision-context small{font-size:11px;opacity:.75}
@media(max-width:620px){.pl-decision-context{grid-template-columns:1fr}}

/* Phase 1 structural disclosure for high-density relationship telemetry. */
.pl-relationship-details{margin-top:10px}.pl-relationship-details>summary{cursor:pointer;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:2px}.pl-relationship-details>summary small{font-size:11px}.pl-relationship-explain{margin-top:8px}

} /* @layer legacy */