/* PROJECT LEGEND V0.58.9 - Strang "liga": LIGA & SPIELE passt, ohne still abzuschneiden (Pruefbericht V0.58.3, D10-D13) und ohne dass die Seitenspalte fuer Information rollt (Entscheidung der Hauptsitzung vom 21.09.2026, notizen/ENTSCHEIDUNG-HAUPTSITZUNG.md, Punkte 1-3). Haengt direkt NACH v0576-passung.css und VOR ui-v0420/system.css. Nur Marken, keine Groessenliterale fuer Schrift/Radius/Schatten (stil-wache.pl: NEU). Bruchpunkte: nur die benannten (981 und 1440 px Breite, 800 und 960 px Hoehe; 960 ist seit 21.09.2026 erlaubt). Das Telefon (< 981 px) bleibt unberuehrt. Gemessen VORHER (Wirt e, Leipzig Saxons, Spieltag 9, 27.10.2026, de, messungen/vorher-de.txt) - alle drei Reiter teilen dieselbe Mechanik aus v0576-passung.css Abschnitt 38: Karten mit min-height:0 in einer Hauptspalte mit overflow:hidden (Abschnitt 9), dazu ein Roller mit 220 px Boden. Wird es eng, laeuft Inhalt aus seiner Karte und die naechste Karte malt darueber (D12), oder die Spalte schneidet unten ab (D13, Pokal). Reihenfolge nach Hausregel: erst Abstaende (A), dann Umordnen (B-H), dann Aufklapper (I, Reiter der Seitenspalte - von der Hauptsitzung entschieden). Keine Schriftgroesse bestehender Bauteile, kein neues overflow:hidden, kein max-height-Deckel auf Inhalt; was nicht passt, rollt in einem eigenen, ausdruecklich vorgesehenen Bereich (Tabelle, Ergebnislisten, Trefferliste). ========================================================================= */ /* --- A - Abstaende: flache Karten sind wieder flach -------------------------- Abschnitt 1 von v0576-passung.css setzt auf kurzen Schirmen JEDER Karte padding:clamp(11px,.9vw,15px) - mit (1,1,0) auch den .pl42-flush-Karten, deren Grundregel padding:0 ist (shell.css:145). Auf LIGA & SPIELE sind das die Kopfkarte, die Tabellenkarte und die Karte "Naechstes Spiel": ihr Innenraum traegt schon eigene Polsterung (Kopfkarte 10 px, Tabellenkopf 16 px inline, Spielkarte clamp(12px,1vw,18px)). Gemessen bei 1366x768 (messungen/kopfmass-vorher.txt): 12,3 px Kartenrand oben und unten auf Kopf-, Tabellen- und Spielkarte, nachher 0 (kopfmass-nachher.txt). Nachbessern (Entscheidung Punkt 3 und Nachtrag Zwischenhoehen): die kleinen Kopfabstaende, Leerzustaende und Rundenraender gelten jetzt bis 960 px Hoehe - ein maximiertes Fenster auf 1440x900/1600x900 ist rund 820 px hoch und muss passen wie der Laptop. Gemessen vorher bei 1600x900: der leere Ergebnisverlauf des Pokals bekam dort einen eigenen Rollbalken fuer 10 px (pruefung/np-nachher-de.txt:122). 1920x1080 und 1680x1050 liegen darueber und bleiben unberuehrt. */ @media (min-width:981px) and (max-height:960px){ #pl420Root .pl42-screen--competitions .pl42-panel.pl42-flush{padding:0} /* Karten der Hauptspalte: Kopfabstand wie auf der Weltligen-Karte, leere Zustaende ohne die 26 px Polster von shell.css:257, Turnierbaum-Runden mit kleinerem Innenrand. Gemessen vorher bei 1280x720: der Ergebnisverlauf des Pokals hatte 22 px fuer seinen Leertext. */ #pl420Root .pl42-screen--competitions .pl42-comp-main>.pl42-panel>.pl42-panel-head{margin-bottom:var(--pl42-s2)} #pl420Root .pl42-screen--competitions .pl42-comp-main>.pl42-panel>.pl42-empty{padding:var(--pl42-s3)} #pl420Root .pl42-screen--competitions .pl42-comp-main .pl42-bracket-round{padding:var(--pl42-s2);gap:var(--pl42-s1)} } @media (min-width:981px){ /* --- B - D12: die Stufenleiter schrumpft nie ------------------------------ v0576:1194 gibt jeder Karte nach der ersten flex:1 1 auto und min-height:0 - gebaut fuer die Ligatabelle, getroffen auch die Stufenkarte des Reiters Nationalteam. Die Leiter selbst behielt ihre Hoehe, lief aus der Karte, und die Fensterkarte malte ueber die Zeile "N Einsaetze" (gemessen: 38,9-52,4 px Ueberstand, 0 von 5 Zahlen sichtbar). Gleiches Gewicht (1,4,0) wie v0576:1194 - gewinnt, weil es spaeter steht. */ #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel:has(>.pl42-nt-ladder){flex:0 0 auto} /* --- C - D13: die Laenderspielfenster stehen in EINER Reihe --------------- Abschnitt 33 liess die Liste umbrechen (flex:1 1 168px). Fuenf Fenster brauchen 5 x 168 + 4 x 8 = 872 px (gerechnet); die Hauptspalte hat bei 1536/1366/1280 px weniger, also 4 + 1 - und die zweite Reihe lag unter der Spalte (gemessen: 1 von 5 abgeschnitten). In der Hauptspalte teilen sich die Fenster jetzt eine Reihe. Der Detailschirm national-team hat keine .pl42-comp-main und bleibt bei Abschnitt 33. Nachbessern (Entscheidung Punkt 2, "kein Wortbruch mitten im Wort"): Abschnitt 33 setzte min-width:0 (v0576:990) - bei 1024 px wurden die Fenster 104,6 px schmal und "Continentale", "Amichevole", "Qualificação", "Persahabatan" brachen mitten im Wort (pruefung/np-nachher-1024- sprachen.txt). Ein Fenster ist jetzt nie schmaler als sein laengstes Wort (min-content) und bricht nur zwischen Woertern um. Reicht die Reihe dafuer nicht, geht ein Fenster in die naechste Reihe ("lieber eine Spalte weniger") - der Roller darunter rollt dann in sich (Liste). Seitlicher Innenrand s2 statt 10-12 px: bei 1024x768 sind die fuenf Mindestbreiten in it 523 px + 4 Luecken, die Reihe 540-555 px - mit dem alten Rand fiel das fuenfte Fenster in eine zweite Reihe (messungen/ nb6-sonde.txt). (1,2,0) gegen (1,1,0). */ #pl420Root .pl42-comp-main .pl42-window-list{flex-wrap:wrap} #pl420Root .pl42-comp-main .pl42-window{flex:1 1 0; min-width:min-content; padding-inline:var(--pl42-s2)} #pl420Root .pl42-comp-main .pl42-window>*{overflow-wrap:normal} /* Notausgang statt Abschneiden: der Roller nimmt die Hoehe seines Inhalts (kein 220-px-Boden aus v0576:1198, dessen Rollleiste unter der Karte lag) und rollt selbst, wenn es einmal nicht reicht. (1,5,0) gegen (1,3,0). */ #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel>.pl42-hscroll:has(>.pl42-window-list){ flex:0 1 auto; min-height:0; overflow-y:auto; } /* --- D - Pokal: dieselbe Form, ungemeldet ---------------------------------- Gemessen bei 1366x768 (vorher-de.txt): Turnierbaum-Karte 192 px hoch, ihr Roller allein 220 px (Boden aus v0576:1198) - der Baum ragt in den "Ergebnisverlauf" (Bild vorher-de-1366x768-pokal.png); bei 1024x768 alle 6 Runden abgeschnitten. Der Baum behaelt seine Hoehe (er rollt waagerecht, wie jeder Turnierbaum); der Ergebnisverlauf ist die Liste mit eigenem, begrenztem Bereich - er waechst mit jeder Runde. Nachbessern (Entscheidung Punkt 3): Rollbereich nur MIT Ergebnissen. Der Leertext ist kein Rollbereich; er schrumpft nicht unter seinen Inhalt (min-height:auto) und passt dank Block A bis 960 px Hoehe. Die Weltligen- Karte steht seit dem Nachbessern hinter dem Ergebnisverlauf in derselben Spalte - sie ist ausgenommen, sonst schnitte ihr Rollbereich die Trefferliste ab. */ #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel:has(>.pl42-hscroll>.pl42-bracket){flex:0 0 auto} #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel>.pl42-hscroll:has(>.pl42-bracket){ flex:0 0 auto; min-height:0; } #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel:has(>.pl42-hscroll>.pl42-bracket)~.pl42-panel:not(.pl509-panel):has(>.pl42-result-row){ overflow-y:auto; overscroll-behavior:contain; } /* Nachbessern (Wirt d): in dem rollenden Ergebnisverlauf schrumpft keine Zeile unter ihren Inhalt (dieselbe Form wie Block I, "Letzte Spiele"). */ #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel:has(>.pl42-hscroll>.pl42-bracket)~.pl42-panel:not(.pl509-panel):has(>.pl42-result-row)>*{ flex-shrink:0; } #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel:has(>.pl42-hscroll>.pl42-bracket)~.pl42-panel:not(.pl509-panel):has(>.pl42-empty){ min-height:auto; } /* --- E - D11: Tabellenkopf in EINER Zeile ---------------------------------- Die Tabellenkarte stapelte Kopf (TABELLE ... ALLE, 61 px) und darunter eine eigene Zeile nur fuer den Knopf "Spalten" (52 px; beides gemessen, messungen/kopfmass-vorher.txt). Der Knopf steht jetzt rechts neben "Alle" in der Kopfzeile; was frei wird, geht an den Roller (zusammen mit A und v0576 Abschnitt 39 bei 1366x768: 126 -> 290 px, kopfmass-vorher/ -nachher.txt). Die geoeffnete Spaltenwahl klappt als Liste UNTER dem Knopf auf, statt die Tabelle nach unten zu schieben (gemessen vorher: offen = 0 von 18 Zeilen bei 1536/1366/1280, vorher-de.txt). Gilt auch in der Vollansicht "Alle". (1,6,0) gegen Abschnitt 4 (1,5,0) und 38 (1,4,0). */ #pl420Root .pl42-screen--competitions .pl42-comp-main>.pl42-panel.pl42-flush:not(.pl42-comp-hero):has(>.pl536-leiste){ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto minmax(0,1fr) auto; align-items:start; } #pl420Root .pl42-screen--competitions .pl42-comp-main>.pl42-panel.pl42-flush:not(.pl42-comp-hero):has(>.pl536-leiste)>:first-child{ grid-column:1; grid-row:1; min-width:0; } #pl420Root .pl42-screen--competitions .pl42-comp-main>.pl42-panel.pl42-flush:not(.pl42-comp-hero)>.pl536-leiste{ grid-column:2; grid-row:1; padding:var(--pl42-s2) var(--pl42-s5) 0 0; } #pl420Root .pl42-screen--competitions .pl42-comp-main>.pl42-panel.pl42-flush:not(.pl42-comp-hero):has(>.pl536-leiste)>.pl42-hscroll{ grid-column:1/-1; grid-row:2; align-self:stretch; } #pl420Root .pl42-screen--competitions .pl42-comp-main>.pl42-panel.pl42-flush:not(.pl42-comp-hero):has(>.pl536-leiste)>.pl42-legend{ grid-column:1/-1; grid-row:3; } #pl420Root .pl42-screen--competitions .pl42-comp-main>.pl42-panel.pl42-flush:not(.pl42-comp-hero)>.pl536-leiste .pl536-spaltenliste{ position:absolute; top:calc(100% + var(--pl42-s1)); right:0; z-index:6; width:max-content; max-width:min(36rem,60vw); box-shadow:var(--pl42-shadow-1); } /* --- F - Seitenspalte: "Deine Statistik" zweispaltig ------------------------ Die Kennzahlen stehen in repeat(auto-fit,minmax(140px,1fr)) (shell.css:185). In der 310 px breiten Seitenspalte passt davon genau EINE Spalte - acht Zahlen untereinander, gemessen 497 px hoch bei 1366x768. Zwei Spalten zeigen dieselben acht Zahlen auf rund der halben Hoehe. Nachbessern (Einwand 1 der Nachpruefung, Entscheidung Punkt 2): mit minmax(0,1fr) wurde die Spalte 123 px schmal, und die globale Regel overflow-wrap:break-word (shell.css:36) brach "TITULARISATIONS" (fr) und "ASSISTÊNCIAS" (pt-BR) mitten im Wort - auch bei 1920x1080. Jetzt ist eine Spalte nie schmaler als ihr laengstes Wort (min-content), und die Beschriftung bricht nur zwischen Woertern (zweizeilig). Abstaende in der Karte: Zeilenabstand und Trennlinie s2 statt 14 px (shell.css:185, screens.css:21) - Abstaende zuerst, keine Schrift. */ #pl420Root .pl42-screen--competitions .pl42-comp-side .pl42-metric-row{ grid-template-columns:repeat(2,minmax(min-content,1fr)); row-gap:var(--pl42-s2); } #pl420Root .pl42-screen--competitions .pl42-comp-side .pl42-metric-row>.pl42-stat:nth-child(2n+1){padding-left:0} #pl420Root .pl42-screen--competitions .pl42-comp-side .pl42-metric-row>.pl42-stat:nth-child(2n+1)::before{display:none} #pl420Root .pl42-screen--competitions .pl42-comp-side .pl42-metric-row .pl42-stat small{overflow-wrap:normal} #pl420Root .pl42-screen--competitions .pl42-comp-side .pl42-panel>.pl42-divider{margin:var(--pl42-s2) 0} /* Die Spielkarte der Seitenspalte steht seit D10 in voller Hoehe (vorher 172 px Deckel mit angeschnittenem Kopf). Ihr Innenraum traegt dafuer die Abstaende der grossen Karte der Uebersicht (system.css: bis 18 px Rand, bis 12 px Luecke); gemessen bei 1920x1080 rutschte "Letzte Spiele" damit 16 px unter die Falz der Spalte (messungen/zwischen-final1-de.txt, vorher dort vollstaendig). Der schmale Kasten bekommt die kleinen Abstaende. */ #pl420Root .pl42-screen--competitions .pl42-comp-side>.pl42-nextmatch--side>.pl42-nextmatch-inner{ gap:var(--pl42-s2); padding:var(--pl42-s3); } } /* --- G - Detailschirm national-team auf kurzen Schirmen: Stufen quer -------- Der Detailschirm lief vorher bei 1536x770 um 13 px, bei 1366x768 um 2 px und bei 1280x720 um 44 px ueber (Seitenrollen, messungen/n2-de.txt). Die Stufenleiter stellt jede Stufe als senkrechten Stapel: Punkt, Stufe, Einsaetze - 92 px hoch (gemessen, vorher-de.txt) in breiten Kaesten. Auf kurzen Schirmen steht der Punkt links, Stufe und Einsaetze rechts daneben: gleicher Inhalt, rund die halbe Hoehe; dazu die Kopfabstaende wie auf LIGA & SPIELE. Der Reiter Nationalteam passt auch ohne das (B, C) und behaelt seine Leiter, ebenso die kompakte Leiste (.pl42-nt-ladder--compact) und hohe Schirme. Nachbessern (Einwand 4, Nachtrag Zwischenhoehen): bis 960 px Hoehe statt 800 - gemessen rollte der Schirm bei 1600x900 unveraendert um 20 px (pruefung/np-nachher-de.txt:126). */ @media (min-width:981px) and (max-height:960px){ #pl420Root .pl42-screen--detail .pl42-nt-ladder:not(.pl42-nt-ladder--compact)>.pl42-nt-step{ display:grid; grid-template-columns:auto auto; justify-content:center; align-items:center; column-gap:var(--pl42-s2); row-gap:0; padding:var(--pl42-s2); text-align:left; } #pl420Root .pl42-screen--detail .pl42-nt-ladder:not(.pl42-nt-ladder--compact)>.pl42-nt-step>.pl42-nt-dot{grid-column:1; grid-row:1 / span 3} #pl420Root .pl42-screen--detail .pl42-nt-ladder:not(.pl42-nt-ladder--compact)>.pl42-nt-step>:not(.pl42-nt-dot){grid-column:2} #pl420Root .pl42-screen--detail:has(>.pl42-panel>.pl42-nt-ladder:not(.pl42-nt-ladder--compact)) .pl42-panel-head{margin-bottom:var(--pl42-s2)} /* Hinweiszeilen (Turnierzeitraum, "keine Nominierung"): 11/13 px Polster und 12 px Abstand aus screens.css:45. In fr/it/pt-BR bricht eine Fensterkachel zweizeilig um; gemessen blieben dann 6 px Seitenrollen bei 1280x720. */ #pl420Root .pl42-screen--detail:has(>.pl42-panel>.pl42-nt-ladder:not(.pl42-nt-ladder--compact)) .pl42-note{ margin-top:var(--pl42-s2); padding:var(--pl42-s2) var(--pl42-s3); } /* Nachbessern (Befund national-team, 1024x768): die Fensterkacheln stehen dort in einer halben Breite zu zweit, also in DREI Reihen, jede 88 px hoch (Globus ueber dem Text; gemessen de 11 px, it 26 px Seitenrollen, messungen/nb3-de.txt, pruefung/np-nachher-1024-sprachen.txt). Wie die Stufen oben: Globus links, Datum, Wettbewerb und Berufung rechts daneben - gleicher Inhalt, eine Zeile weniger je Kachel. */ #pl420Root .pl42-screen--detail:has(>.pl42-panel>.pl42-nt-ladder:not(.pl42-nt-ladder--compact)) .pl42-window{ display:grid; grid-template-columns:auto minmax(0,1fr); align-content:start; column-gap:var(--pl42-s2); row-gap:0; } #pl420Root .pl42-screen--detail:has(>.pl42-panel>.pl42-nt-ladder:not(.pl42-nt-ladder--compact)) .pl42-window>.pl42-ico{grid-column:1; grid-row:1 / span 3} #pl420Root .pl42-screen--detail:has(>.pl42-panel>.pl42-nt-ladder:not(.pl42-nt-ladder--compact)) .pl42-window>:not(.pl42-ico){grid-column:2} } /* --- H - 981 bis 1024 px: dieselben zwei Spalten wie auf dem Laptop --------- responsive.css:91 stapelt ab 1024 px Breite Haupt- und Seitenspalte. Der Koerper hat aber seit v0576 Abschnitt 9 EINE begrenzte Zeile (minmax(0,1fr)) - die gestapelte Seitenspalte bekam ihre volle Hoehe als zweite Zeile, die Hauptspalte den Rest. Gemessen bei 1024x768 (vorher): Hauptspalte 0 px, Ligatabelle 0 von 18 Zeilen, Pokal 6 von 6 Runden abgeschnitten. 1024 px ist die kleinste Fensterbreite des Wirts (MinimumSize 1024x640). Unter 1441 px gilt hier dieselbe Spaltung wie responsive.css:59 sie fuer 1025-1440 px schon setzt; ueber 1440 px aendert sich nichts. Das Telefon (< 981 px) bleibt gestapelt. Die Vollansicht "Alle" (.pl42-nur-tabelle, einspaltig aus v0576 Abschnitt 40) ist ausgenommen - ohne das :not() blieb dort bei 1366 px eine leere 310-px- Spalte stehen (im Bild gesehen, bed-nachher-1366-alle.png). */ @media (min-width:981px) and (max-width:1440px){ #pl420Root .pl42-screen--competitions:not(.pl42-nur-tabelle)>.pl42-comp-body{grid-template-columns:minmax(0,1fr) minmax(0,310px)} #pl420Root .pl42-screen--competitions>.pl42-comp-body>.pl42-comp-side{flex-direction:column;flex-wrap:nowrap} } /* --- I - Seitenspalte: Reiter statt Rollen (Entscheidung Punkt 1) ------------ v0589-liga.js setzt unter die erste Karte der Seitenspalte (Liga: Naechstes Spiel; Pokal: Naechste Runde; Nationalteam: Nominierungsstatus) eine Reiterleiste fuer die zwei Karten darunter und markiert die Spalte mit data-pl589="1". Gemessen vorher (nb-erkunden, Leipzig, de): 1280x720 Spalte 480 px, Inhalt 972 px; "Deine Statistik" 0 von 8 Kennzahlen im Bild. Die Weltligen-Karte steht dazu jetzt am Ende der Hauptspalte (v0509), die Seitenspalte reicht damit bis unten. Bauform: die vorhandene Reiterleiste der Schale (.pl42-segment, shell.css:229 - wie v0568-spielerreiter). In der 310 px schmalen Spalte tragen die Reiter die Schrift der Kartentitel, die sie ersetzen (--pl42-label, gleiche Sperrung wie .pl42-panel-head h3, system.css:190), teilen sich die Breite und brechen nur zwischen Woertern um - nie mitten im Wort (Entscheidung Punkt 2): ein Reiter ist nie schmaler als sein laengstes Wort. Der Kartentitel (h3) steht ja im Reiter; eine Kopfzeile, die ausser ihm nichts traegt, entfaellt, der Verweis "Alle" der Statistik bleibt. Die aktive Karte fuellt die Spalte bis unten. "Letzte Spiele" (und die Listen von Pokal und Nationalteam) rollen IN SICH - sie sind Listen. "Deine Statistik" schrumpft nie unter ihren Inhalt (min-height:auto): passt sie einmal nicht, rollt sichtbar die Spalte (gemessen, nicht verschluckt). Die Spalte selbst behaelt overflow-y:auto aus v0576 Abschnitt 9 als Notausgang. Telefon: die Leiste ist unsichtbar, alle Karten stehen wie bisher. */ .pl589-leiste{display:none} @media (min-width:981px){ #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl589-leiste{ display:flex; flex:0 0 auto; gap:var(--pl42-s1); padding:var(--pl42-s1); overflow:visible; } #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl589-leiste>button{ flex:1 1 0; min-height:var(--pl42-s7); padding:var(--pl42-s1) var(--pl42-s2); justify-content:center; text-align:center; white-space:normal; font-size:var(--pl42-label); font-weight:800; letter-spacing:var(--pl42-track-label); line-height:1.25; overflow-wrap:normal; } #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld]{ display:flex; flex-direction:column; flex:1 1 auto; min-height:0; } #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld].pl589-verborgen{display:none} /* Hoehenhaushalt bei 1280x720 (Spalte 552 px, gemessen messungen/nb5-*.txt): Naechstes Spiel 218,9 px (pt-BR/ja 244,3, zh 242,3 - laengere Zeilen), Leiste 36 px (43 bei zweizeiliger Beschriftung), Statistik 257,5 px, dazu zweimal 14 px Spaltenabstand. pt-BR lag 21 px darueber, ja 14, zh 12, fr 1 - die Spalte rollte, 6 von 8 Kennzahlen im Bild. Abstaende zuerst: in der Reiterspalte s2 zwischen Karte, Leiste und Feld (statt clamp(12px,1.1vw,18px), screens.css:311), die Kennzahlzeilen ohne ihren 4-px-Oberrand (shell.css:187), und die Kopfzeile, die nur noch den Verweis "Alle" traegt, mit s2 statt s4 Abstand - zusammen 25 px (gerechnet). */ #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]{row-gap:var(--pl42-s2)} #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld] .pl42-metric-row{padding-top:0} #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld]>.pl42-panel-head{margin-bottom:var(--pl42-s2)} #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld]>.pl42-panel-head>h3{display:none} #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld]>.pl42-panel-head:not(:has(>button,>a)){display:none} /* Statistik: nie kleiner als ihr Inhalt. */ #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld]:has(>.pl42-panel-head [data-pl42-route="competition-stats"]){ min-height:auto; } /* Listen rollen in sich: die Ergebnisliste in ihrem Bereich (v0576 Abschnitt 22 hatte ihn fuer die rollende Spalte geoeffnet), die anderen Listen (ausgeschiedene Teams, anstehende Laenderspiele) als ganze Karte. */ #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld] .pl42-liste-bereich{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; } #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld]:not(:has(.pl42-liste-bereich)):not(:has(>.pl42-panel-head [data-pl42-route="competition-stats"])){ overflow-y:auto; overscroll-behavior:contain; } /* Nachbessern (Wirt d, 22.09.2026): In einer Liste, die in sich rollt, schrumpft keine Zeile. Die Ergebniszeilen sind Knoepfe und Flexkinder des Listenbereichs (v0576:275, flex-direction:column); mit fester Bereichshoehe schrumpften sie unter ihren Inhalt - gemessen 60,5 statt 76 px bei 1536x770, 51,4 bei 1280x720, 44,9 in pt-BR -, und die naechste Zeile malte ueber Namen und Ergebnis (im Bild bei 1280x720 gesehen, messungen/d-probe-varianten.txt, 5 von 5 Zeilen). In der Basis stand die Liste in voller Hoehe (v0576 Abschnitt 22) und schrumpfte nie. Dasselbe fuer jedes andere Kind einer Reiterkarte ausser dem Listenbereich selbst. */ #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld]>:not(.pl42-liste-bereich), #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld] .pl42-liste-bereich>*{ flex-shrink:0; } } /* Abstaende zuerst: bis 960 px Hoehe tragen die Zeilen der rollenden Liste 4 px statt 9 px Innenrand oben und unten (screens.css:329). Gemessen mit eingespritzter Regel (messungen/d-probe-varianten.txt, de): ganz im Bild 4 von 5 Zeilen bei 1536x770/1366x768 (mit vollem Rand 3 von 5), 5 von 5 bei 1440x900. Ueber 960 px Hoehe (1920x1080) bleibt der Rand, dort passen alle 5 Zeilen ohnehin. (1,7,0). */ @media (min-width:981px) and (max-height:960px){ #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld] .pl42-liste-bereich>.pl42-result-row{ padding-block:var(--pl42-s1); } /* Dasselbe fuer den Ergebnisverlauf des Pokals (Block D). Der Spielstand hat 0 Pokalergebnisse; mit eingesetzten Zeilen nach dem Markup von v0420-screens.js:1000-1005 gemessen (messungen/d1-probe-pokal.txt): bei 1280x720 rollte die Karte schon mit EINER Zeile um 3 px - ein sichtbarer Rollbalken fuer 3 px (Entscheidung Punkt 3). (1,8,0). */ #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel:has(>.pl42-hscroll>.pl42-bracket)~.pl42-panel:not(.pl509-panel)>.pl42-result-row{ padding-block:var(--pl42-s1); } } /* --- J - Letzte Spiele: Vereinsnamen brechen nie mitten im Wort -------------- v0503-schrift.css:135 erlaubt fuer .pl42-result-side b ausdruecklich overflow-wrap:anywhere - in der schmalen Seitenspalte bekam ein Name 56-61 px neben seinem Wappen (gemessen bei 1280x720: Spalten 92/31/92/14 px, Wappen 28 px, Luecken 8 px; plaene/nb-namen.ps1), und "Leverkusen" (67 px), "Elversberg" (62), "Dortmund" (61) brachen mitten im Wort - in der Basis bei 1440x900 und 1920x1080 schon "Leverkusen" (messungen/nb-basis-de.txt). Jetzt bricht ein Name nur zwischen Woertern. Passt sein laengstes Wort nicht neben das Wappen, rutscht der Name unter das Wappen und hat die ganze Breite der Seite (flex-wrap, Mindestbreite = laengstes Wort). Das laengste Wort aller 1464 Namensteile der Welt ist "Wolverhampton" mit 96 px, eine Seite ist bei 1280x720 99 px breit (gerechnet aus den Luecken unten). Luecken der Zeile s1 statt s2 (Abstaende zuerst). Die Liste rollt in sich (Entscheidung Punkt 1: sie ist eine Liste); ihre Leiste belegt nur dann Platz, wenn sie rollt (scrollbar-gutter:auto statt der stabilen Rinne aus v0576:143, die die Namen auch ohne Rollen 8 px schmaler machte). */ @media (min-width:981px){ #pl420Root .pl42-screen--competitions .pl42-comp-side .pl42-result-row--full{column-gap:var(--pl42-s1)} #pl420Root .pl42-screen--competitions .pl42-comp-side .pl42-result-row--full>.pl42-result-side{ flex-wrap:wrap; column-gap:var(--pl42-s2); row-gap:var(--pl42-s1); } #pl420Root .pl42-screen--competitions .pl42-comp-side .pl42-result-row--full>.pl42-result-side>b{ flex:1 1 0; width:auto; min-width:min-content; overflow-wrap:normal; word-break:normal; } #pl420Root .pl42-screen--competitions .pl42-comp-side[data-pl589="1"]>.pl42-panel[data-pl589-feld] .pl42-liste-bereich{ scrollbar-gutter:auto; } } /* --- K - Zwischenhoehen 801-960 px: Abstaende wie auf dem Laptop ------------- Nachtrag der Hauptsitzung (21.09.2026): ein maximiertes Fenster auf einem 1440x900- oder 1600x900-Monitor ist rund 820 px hoch und muss passen wie der Laptop. Die Verdichtung von v0576 Abschnitt 1 (Kartenrand clamp(11px,.9vw,15px), Heldenkarte mit kleinem Innenrand) gilt aber erst ab 800 px abwaerts. Gemessen bei 1600x820 VOR diesem Block (messungen/ nb3-de.txt, Bild shots/nb3-de-1600x820-pokal.png): im Pokal lief die Hauptspalte ueber und schnitt die Weltligen-Karte unten ab (3 Elemente), im Reiter Nationalteam rollte die Fensterliste 21 px, der Detailschirm national-team 18 px (Basis: 100). Hier gelten die Laptop-Abstaende bis 960 px Hoehe - nur fuer LIGA & SPIELE und den Detailschirm national-team, gleiche Werte wie Abschnitt 1, keine Schrift. Flache Karten (Block A) und die Weltligen-Karte (eigene Polster aus Abschnitt 39) sind ausgenommen. 1920x1080 und 1680x1050 liegen ueber 960 px und bleiben unberuehrt. */ @media (min-width:981px) and (max-height:960px){ #pl420Root .pl42-screen--competitions .pl42-panel:not(.pl42-flush):not(.pl509-panel){padding:clamp(11px,.9vw,15px)} #pl420Root .pl42-screen--competitions .pl42-comp-hero-inner{padding-block:var(--pl42-s3)} /* Die Zierikone der Kopfkarte (aria-hidden, Pokal/Liga/Nationalteam) faellt wie unter 800 px (v0576:660) - sie nahm den Kennzahlen Breite: in id brach die vierte Kennzahl des Pokals in eine zweite Reihe, die Kopfkarte wurde 214 px hoch und die Hauptspalte lief bei 1600x820 um 70 px ueber (die Weltligen- Karte lag ganz darunter; messungen/nb6-sonde.txt, shots/nb6-id-1600x820- cup.png). */ #pl420Root .pl42-screen--competitions .pl42-comp-hero-icon{display:none} #pl420Root .pl42-screen--detail:has(>.pl42-panel>.pl42-nt-ladder:not(.pl42-nt-ladder--compact))>.pl42-panel, #pl420Root .pl42-screen--detail:has(>.pl42-panel>.pl42-nt-ladder:not(.pl42-nt-ladder--compact))>*>.pl42-panel{ padding:clamp(11px,.9vw,15px); } } /* --- L - Kopfkarte waechst mit ihrem Inhalt --------------------------------- v0576 Abschnitt 38 deckelt die Kopfkarte auf 172 px (overflow:visible, Inhalt mittig). Ihr Inhalt ist in de 108-158 px hoch; in id brechen die vier Kennzahlen des Pokals auf zwei Reihen, der Inhalt wird hoeher als der Deckel, laeuft oben ueber die Karte und die Hauptspalte schneidet den Titel "German Cup" ab (gemessen id 1600x900 und 1600x820, messungen/nb5-id.txt) - dieselbe Form wie D10. Ohne Deckel ist die Karte genau so hoch wie ihr Inhalt (flex:0 0 auto, min-height:0 aus 38b); wo der Inhalt unter 172 px bleibt, aendert sich nichts. (1,6,0) gegen (1,5,0). */ @media (min-width:981px){ #pl420Root .pl42-comp-body>.pl42-comp-main>.pl42-panel.pl42-flush.pl42-comp-hero:first-child{max-height:none} }