@layer legacy{ /* V0.52.1 (S2-1) - siehe p-s21-legacy-schicht.pl */
/* Project Legend V0.38.13 — Career Live and player-facing quality layer.
   CSS-first responsive behavior; no global zoom, scripted resize work, or
   feature removal. */
:root{
  --pl3813-text:#f2f5f7;
  --pl3813-text-soft:#c3ced8;
  --pl3813-muted:#9eafbd;
  --pl3813-gold:#e3bf72;
  --pl3813-blue:#62aaf2;
  --pl3813-green:#6fd69a;
  --pl3813-surface:#0b141e;
  --pl3813-surface-raised:#111e2a;
  --pl3813-line:rgba(225,235,244,.15);
}

/* Career Live keeps its primary match story dominant at every supported
   desktop width, while allowing the useful secondary panels to breathe. */
#plV0387CareerLive{color:var(--pl3813-text);font-size:clamp(14px,.76vw,17px)}
#plV0387CareerLive .pl387-backdrop{padding:clamp(8px,1.1vw,22px)}
#plV0387CareerLive .pl387-shell{
  width:min(2040px,100%);
  min-height:calc(100dvh - clamp(16px,2.2vw,44px));
  border-color:rgba(227,191,114,.34);
  background:linear-gradient(155deg,rgba(10,18,27,.985),rgba(6,13,21,.99));
  grid-template-rows:auto auto auto auto minmax(260px,1fr) auto auto auto auto;
}
#plV0387CareerLive .pl387-shell>header{grid-row:1}
#plV0387CareerLive .pl387-shell>.pl387-national-strip{grid-row:2}
#plV0387CareerLive .pl387-shell>.pl387-moment{grid-row:3}
#plV0387CareerLive .pl387-shell>.pl387-progress{grid-row:4}
#plV0387CareerLive .pl387-shell>main{grid-row:5}
#plV0387CareerLive .pl387-shell>.pl387-summary{grid-row:6}
#plV0387CareerLive .pl387-shell>.pl387-calendar{grid-row:7}
#plV0387CareerLive .pl387-shell>.pl387-feed{grid-row:8}
#plV0387CareerLive .pl387-shell>footer{grid-row:9}
#plV0387CareerLive .pl387-shell>header{padding:clamp(13px,1.2vw,24px) clamp(16px,1.55vw,32px)}
#plV0387CareerLive .pl387-shell header small,
#plV0387CareerLive .pl387-panel h4,
#plV0387CareerLive .pl387-calendar h4,
#plV0387CareerLive .pl387-feed h4{font-size:clamp(11px,.62vw,13px);color:var(--pl3813-gold)}
#plV0387CareerLive .pl387-shell h2{font-size:clamp(24px,1.8vw,40px);line-height:1.05}
#plV0387CareerLive .pl387-shell header p,
#plV0387CareerLive .pl387-shell footer,
#plV0387CareerLive .pl387-empty{color:var(--pl3813-muted)}
#plV0387CareerLive .pl387-target span{font-size:clamp(10px,.55vw,12px);color:#a9b8c5}
#plV0387CareerLive .pl387-target b{font-size:clamp(16px,1vw,21px);color:#f1d99e}
#plV0387CareerLive .pl387-speed{min-height:38px;padding:8px 15px;color:#f2e8d3;border-color:rgba(227,191,114,.42)}
#plV0387CareerLive .pl387-progress{height:32px}
#plV0387CareerLive .pl387-progress span{font-size:clamp(11px,.62vw,13px);line-height:32px;font-weight:750;letter-spacing:.03em}
#plV0387CareerLive .pl387-shell main{grid-template-columns:minmax(0,1.8fr) minmax(330px,.75fr);min-height:260px}
#plV0387CareerLive .pl387-match{padding:clamp(20px,2.25vw,48px);border-color:var(--pl3813-line)}
#plV0387CareerLive .pl387-match>small{font-size:clamp(11px,.65vw,14px);color:#e4c47f}
#plV0387CareerLive .pl387-match h3{font-size:clamp(13px,.75vw,16px);color:#b9c6d1;margin:7px 0 clamp(14px,1.2vw,24px)}
#plV0387CareerLive .pl387-score{gap:clamp(12px,1.5vw,32px)}
#plV0387CareerLive .pl387-score span{font-size:clamp(18px,1.55vw,34px);line-height:1.12;color:#f6f7f8;overflow-wrap:anywhere}
#plV0387CareerLive .pl387-score b{font-size:clamp(38px,3.7vw,74px);color:#f4dca5;text-shadow:0 0 24px rgba(227,191,114,.18)}
#plV0387CareerLive .pl387-player{margin-top:clamp(17px,1.6vw,30px);padding-top:clamp(13px,1.1vw,21px)}
#plV0387CareerLive .pl387-player>strong{font-size:clamp(17px,1.05vw,23px)}
#plV0387CareerLive .pl387-player-stats{gap:9px clamp(15px,1.25vw,26px)}
#plV0387CareerLive .pl387-player-stats b{font-size:clamp(12px,.72vw,15px);color:#e1e7ec}
#plV0387CareerLive .pl387-dnp,
#plV0387CareerLive .pl387-processing{font-size:clamp(12px,.72vw,15px);color:#b3c0cb}
#plV0387CareerLive .pl387-form i{width:30px;height:30px;font-size:12px;font-weight:800}
#plV0387CareerLive .pl387-shell aside{padding:clamp(11px,1vw,20px);gap:clamp(9px,.8vw,15px)}
#plV0387CareerLive .pl387-panel{padding:clamp(11px,.9vw,18px);background:#0e1924;border-color:var(--pl3813-line)}
#plV0387CareerLive .pl387-table-row{grid-template-columns:34px 1fr 38px;padding:clamp(5px,.45vw,9px) 6px;font-size:clamp(12px,.67vw,14px)}
#plV0387CareerLive .pl387-comp{padding:clamp(6px,.55vw,10px) 0;font-size:clamp(12px,.67vw,14px)}
#plV0387CareerLive .pl387-summary{padding:clamp(10px,.9vw,18px) clamp(17px,1.4vw,30px);grid-template-columns:minmax(150px,.6fr) 1.1fr 1.5fr}
#plV0387CareerLive .pl387-development span,
#plV0387CareerLive .pl387-summary-stats span{font-size:clamp(10px,.56vw,12px);color:#aab9c6;padding:7px 10px}
#plV0387CareerLive .pl387-development b,
#plV0387CareerLive .pl387-summary-stats b{font-size:clamp(13px,.72vw,16px);color:#f0f3f5}
#plV0387CareerLive .pl387-calendar,
#plV0387CareerLive .pl387-feed{padding:clamp(9px,.8vw,16px) clamp(17px,1.4vw,30px);max-height:none}
#plV0387CareerLive .pl387-calendar>div{overflow-x:auto;scrollbar-width:thin}
#plV0387CareerLive .pl387-cal-item{min-width:clamp(134px,8.5vw,184px);padding:8px 11px}
#plV0387CareerLive .pl387-cal-item time{font-size:11px;color:#a6b4c0}
#plV0387CareerLive .pl387-cal-item span{font-size:clamp(11px,.63vw,14px);line-height:1.35;color:#e3e8ec}
#plV0387CareerLive .pl387-feed>div{font-size:clamp(11px,.63vw,14px)}
#plV0387CareerLive .pl387-feed time{color:#a4b2be}
#plV0387CareerLive .pl387-shell footer{font-size:clamp(10px,.57vw,12px);padding:10px clamp(17px,1.4vw,30px)}

/* The information becomes visible in the requested order. The canonical state
   is already committed before these presentation gates advance. */
#plV0387CareerLive .pl387-shell[data-presentation-phase="PRE_MATCH"] aside,
#plV0387CareerLive .pl387-shell[data-presentation-phase="MATCH_RUNNING"] aside,
#plV0387CareerLive .pl387-shell[data-presentation-phase="RESULT_REVEAL"] aside,
#plV0387CareerLive .pl387-shell[data-presentation-phase="PLAYER_PERFORMANCE"] aside{opacity:.26;filter:saturate(.35)}
#plV0387CareerLive .pl387-shell[data-presentation-phase="TABLE_COMPETITION_UPDATE"] aside,
#plV0387CareerLive .pl387-shell[data-presentation-phase="CONTINUE"] aside{opacity:1;filter:none;transition:opacity .2s ease}
#plV0387CareerLive .pl387-shell[data-presentation-phase="RESULT_REVEAL"] .pl387-score b{color:#fff0c7}
#plV0387CareerLive .pl387-shell[data-presentation-phase="PLAYER_PERFORMANCE"] .pl387-player{background:linear-gradient(90deg,transparent,rgba(98,170,242,.07),transparent)}

.pl387-national-strip{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px clamp(17px,1.4vw,30px);border-bottom:1px solid color-mix(in srgb,var(--nt-primary) 50%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--nt-primary) 24%,#09121c),rgba(9,18,28,.96),color-mix(in srgb,var(--nt-secondary) 12%,#09121c));color:#f7f8f9}
.pl387-national-strip span{font-weight:800}.pl387-national-strip b{padding:5px 10px;border:1px solid color-mix(in srgb,var(--nt-secondary) 42%,transparent);border-radius:999px;color:#fff}.pl387-national-strip em{text-align:right;font-style:normal;color:#c9d5df}
.pl387-national-strip.major{box-shadow:inset 0 0 30px color-mix(in srgb,var(--nt-primary) 24%,transparent);border-top:2px solid var(--nt-secondary)}

.pl3813-nt-overview{margin-top:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--nt-primary) 55%,rgba(255,255,255,.12));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--nt-primary) 18%,#0b1620),#0b1620 56%,color-mix(in srgb,var(--nt-secondary) 8%,#0b1620))}
.pl3813-nt-country{display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.pl3813-nt-country>span{font-size:27px}.pl3813-nt-country div{display:grid;gap:2px}.pl3813-nt-country small{font-size:10px;letter-spacing:.11em;color:#b9c8d3}.pl3813-nt-country b{font-size:17px;color:#f5f7f8}
.pl3813-nt-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08)}
.pl3813-nt-levels>div{display:grid;gap:3px;padding:10px;background:#0d1924}.pl3813-nt-levels small{font-size:10px;color:#b2c0cb}.pl3813-nt-levels b{font-size:20px;color:#f0d699}.pl3813-nt-levels span{font-size:10px;color:#c1cdd6}
.pl3813-national-modal-strip,.pl-national-match-strip{padding:10px 16px;border-bottom:1px solid rgba(98,170,242,.34);background:linear-gradient(90deg,rgba(29,95,191,.22),rgba(10,21,31,.96));font-size:12px;font-weight:800;letter-spacing:.02em;color:#edf4f9}

/* Career Hub: the existing feature blocks remain intact, but the wide desktop
   canvas gets a clear primary/secondary/archive hierarchy. */
#page-career.pl3813-career-hub{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:clamp(12px,1.2vw,22px);align-items:start}
#page-career.pl3813-career-hub>.page-title{grid-column:1/-1;order:-100}
#page-career.pl3813-career-hub>.pl3813-zone-primary{grid-column:1;order:0}
#page-career.pl3813-career-hub>.pl3813-zone-secondary{grid-column:2;order:10}
#page-career.pl3813-career-hub>.pl3813-zone-history{grid-column:1/-1;order:20}
#page-career.pl3813-career-hub>.pl-career-presentation{grid-column:1/-1;order:-90}
#page-career.pl3813-career-hub>.two-col,
#page-career.pl3813-career-hub>.panel,
#page-career.pl3813-career-hub>div{min-width:0;margin-top:0!important}
#page-career.pl3813-career-hub .card{border-color:var(--pl3813-line);background:linear-gradient(150deg,rgba(18,32,44,.97),rgba(10,21,31,.98))}
#page-career.pl3813-career-hub h3{color:#eff3f6}
#page-career.pl3813-career-hub .helper,
#page-career.pl3813-career-hub .metric-note{color:#becbd5}

/* Shared contrast hardening for player-facing labels. */
.helper,.muted-cell,.metric-note,.player-sub,.result-note{color:var(--pl3813-text-soft)}
.card small,.panel small,.contract-card small{color:var(--pl3813-muted)}
.pl3812-development-context p{color:#c6d2dc}
.pl3812-hierarchy-list span{border-color:var(--pl3813-line)}

@media(max-width:1440px){
  #plV0387CareerLive .pl387-shell main{grid-template-columns:minmax(0,1.55fr) minmax(300px,.74fr)}
  #plV0387CareerLive .pl387-shell aside{padding:10px}
  #page-career.pl3813-career-hub{grid-template-columns:minmax(0,1.3fr) minmax(290px,.75fr)}
}

@media(max-height:1200px) and (min-width:851px){
  #plV0387CareerLive .pl387-shell{height:calc(100dvh - clamp(16px,2.2vw,44px));min-height:0;max-height:calc(100dvh - clamp(16px,2.2vw,44px));grid-template-rows:auto auto auto auto minmax(220px,1fr) auto minmax(60px,auto) minmax(48px,auto) auto}
  #plV0387CareerLive .pl387-shell>header{padding:10px 18px}
  #plV0387CareerLive .pl387-match{padding:15px 20px}
  #plV0387CareerLive .pl387-summary{padding:7px 18px}
  #plV0387CareerLive .pl387-calendar,#plV0387CareerLive .pl387-feed{padding:7px 18px;overflow:auto}
  #plV0387CareerLive .pl387-cal-item{padding:5px 8px}
  #plV0387CareerLive .pl387-shell footer{padding:7px 18px}
}

@media(max-width:1100px){
  #page-career.pl3813-career-hub{grid-template-columns:1fr}
  #page-career.pl3813-career-hub>.pl3813-zone-primary,
  #page-career.pl3813-career-hub>.pl3813-zone-secondary,
  #page-career.pl3813-career-hub>.pl3813-zone-history{grid-column:1}
}

@media(max-width:850px){
  #plV0387CareerLive .pl387-shell{height:auto;max-height:none;overflow:visible}
  #plV0387CareerLive .pl387-shell main{grid-template-columns:1fr}
  #plV0387CareerLive .pl387-shell aside{grid-template-columns:1fr 1fr}
  .pl387-national-strip{grid-template-columns:1fr auto}.pl387-national-strip em{grid-column:1/-1;text-align:left}
}

@media(max-width:640px){
  #plV0387CareerLive{font-size:14px}
  #plV0387CareerLive .pl387-shell{border-radius:9px}
  #plV0387CareerLive .pl387-shell>header{padding:13px}
  #plV0387CareerLive .pl387-shell aside{grid-template-columns:1fr}
  #plV0387CareerLive .pl387-score{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  #plV0387CareerLive .pl387-score span{font-size:clamp(13px,4vw,17px)}
  #plV0387CareerLive .pl387-score b{font-size:clamp(31px,10vw,43px)}
  #plV0387CareerLive .pl387-summary{grid-template-columns:1fr}
  .pl387-national-strip{padding:9px 12px;gap:8px}.pl387-national-strip span,.pl387-national-strip b,.pl387-national-strip em{font-size:11px}
  .pl3813-nt-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:390px){
  #plV0387CareerLive .pl387-match{padding:20px 9px!important}
  #plV0387CareerLive .pl387-player-stats{display:grid;grid-template-columns:1fr 1fr}
  #plV0387CareerLive .pl387-calendar,#plV0387CareerLive .pl387-feed{padding:10px!important}
}

@media(prefers-reduced-motion:reduce){
  #plV0387CareerLive .pl387-shell aside{transition:none}
}

@media(forced-colors:active){
  .pl387-national-strip,#page-career.pl3813-career-hub .card{border:1px solid CanvasText}
}

} /* @layer legacy */