/**
 * Das Primy-Rad auf /daily/.
 *
 * Laedt NACH app.css. Der Kopfbaukasten (pc-eyebrow, pc-page-title,
 * pc-description, pc-title-rule) und die Uebersichtsleiste (pc-overview,
 * pc-ov-item) kommen von dort und stehen hier ausdruecklich NICHT.
 *
 * WER HIER EINE REGEL ERGAENZT, die einen Namen aus dem Kopfbaukasten
 * trifft, schlaegt bei gleicher Genauigkeit die aus app.css. Genau daran
 * ist die Stats-Seite mit 6.60.2 gescheitert und die 404-Seite bis 6.64.4
 * auseinandergelaufen. Alles Eigene traegt deshalb das Vorsatzstueck
 * `pc-dw-` und trifft nichts, was es schon gibt.
 *
 * DER AUFKLAPPER IST DIE DRITTE FASSUNG DESSELBEN BAUSTEINS, und das
 * gehoert gesagt statt versteckt: Dieselben Regeln stehen als
 * .pc-ro-fair-summary in primy.css und als .pc-bird-summary in bird.css.
 * Der Grund ist derselbe, aus dem bird.css seine Listenregeln doppelt
 * fuehrt: Keine der drei Seiten laedt das Stylesheet einer anderen. Der
 * saubere Schnitt waere ein Umzug nach app.css, dort laden alle drei -
 * er braeuchte aber einen einheitlichen Klassennamen und damit neue
 * Fassungen von Primy_v8 und PrimyBird_v3, also zwei laufende Seiten
 * angefasst fuer eine Aenderung, die niemand sieht. Wer ihn macht,
 * vermisst danach alle drei Seiten neu.
 */

/* ---------------------------------------------------------------
 * Breite
 *
 * Ohne diese Regel klebt der Inhalt am Fensterrand. Genau das ist der
 * Stats-Seite passiert, und es steht seit jeher in CLAUDE.md.
 * ------------------------------------------------------------- */

.pc-daily-container {
  width: var(--pc-width);
  max-width: var(--pc-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box;
  background: transparent !important;
  background-color: transparent !important;
}

/* Ein Flex-Behaelter, damit sich die Reihenfolge am Telefon ueber order
   aendern liesse - genau wie bei Roulette und Bird. order wirkt nur auf
   direkte Kinder. */
.pc-daily-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 0 !important;

  --pc-dw-radius: 16px;
  --pc-dw-luft: 22px;

  /* Die Groesse des Rades. Eine Variable statt fuenf Werten: Marker,
     Knopf und Buehne haengen alle daran und koennen so nicht auseinander
     laufen.

     min() statt einer Medienabfrage, weil die Groesse hier stufenlos
     mitgehen soll: Zwischen 320 und 512 Pixeln Fensterbreite waere jede
     feste Stufe entweder zu gross oder verschenkter Platz. clamp() steht
     im Projekt seit 6.71.0, min() ist derselbe Baukasten.

     100 PROZENT UND NICHT vw, UND DAS IST EIN GEMESSENER BEFUND. Bis
     6.99.0 stand hier 86vw und in der Medienabfrage unten eine Rechnung
     aus 100vw; Robert hat gemeldet, dass das Rad am Telefon nicht mittig
     steht. Im Browser nachgemessen, bei 375 Pixeln Fenster:

       Inhaltsbereich   18 bis 347, also 329 breit
       --pc-dw-groesse  100vw minus 2 mal 10 minus 8 = 347
       Buehne           links 18, Breite 347 - acht Pixel zu breit

     vw ist die Breite des FENSTERS, nicht die des Inhaltsbereichs: Die
     Huelle des Themes legt links noch etwas Polster dazu. Die Buehne wurde
     dadurch breiter als ihr Platz, `margin: auto` hatte nichts mehr zu
     verteilen und fiel auf null - das Rad klebte links und ragte rechts
     hinaus. Gemessener Versatz: 8 Pixel bei 430, 9,5 bei 375, 9 bei 320.

     100 Prozent rechnet gegen den Behaelter und kann deshalb nie zu breit
     werden. Am Rechner aendert sich nichts, dort war 86vw ohnehin weit
     ueber den 440 - die Angabe steht trotzdem, weil eine Falle, die nur
     zufaellig nicht zuschlaegt, eine Falle bleibt. */
  --pc-dw-groesse: min(440px, 100%);

  /* Der Knopf sitzt in der Nabe. Die Nabe misst in der Zeichnung
     62 von 200 Radius, also 31 Prozent des Durchmessers; mit 26,5 Prozent
     bleibt ein schmaler Ring darum stehen. Gerechnet und nicht geraten:
     Ein fester Wert waere bei 86vw am Telefon groesser als die Nabe. */
  --pc-dw-knopf: calc(var(--pc-dw-groesse) * 0.265);

  /* Der harte Ring um den Knopf, in der Farbe des Seitengrundes. Er
     trennt den Knopf von der Nabe darunter - und er frisst genau den
     goldenen Rest, der die Nabe sichtbar macht.

     EIN FESTER WERT JE BREITE UND KEIN calc AUS --pc-dw-knopf, und das
     ist ein gemessener Befund aus 7.1.0: --pc-dw-groesse enthaelt ein
     min(400px, 100%), also einen Prozentwert. In einer Laenge des
     box-shadow ist Prozent NICHT gueltig; die ganze Deklaration waere
     verworfen worden und die Regel damit wirkungslos. Im Browser
     nachgemessen - der Ring blieb bei seinen alten 6 Pixeln stehen,
     obwohl die neue Regel im Stapel stand.

     Die beiden Zahlen sind gerechnet. Freier Ring zwischen Nabe und
     Knopf: 9,9 Pixel am Rechner, 6,98 am Telefon.

       Rechner  6 Pixel Ring  ->  3,9 Pixel Gold bleiben (wie bisher)
       Telefon  4 Pixel Ring  ->  2,98 statt 0,98 Pixel Gold */
  --pc-dw-ring: 6px;
}

/* ---------------------------------------------------------------
 * Der Weg zurueck zur Arcade
 *
 * Aussehen und Farbe kommen aus .pc-detail-back in app.css, damit er
 * genauso aussieht wie auf /primy/ und /primy-bird/. Hier steht nur, was
 * der Flex-Behaelter braucht.
 *
 * align-self ist tragend: .pc-daily-container ist eine Flex-Spalte, und
 * ein Kind darin waere ohne diese Angabe ueber die volle Breite gestreckt.
 * Der Verweis ist ein Klickziel; ueber die ganze Seite gestreckt fuehrte
 * jeder Klick in dieser Zeile von der Seite weg.
 * ------------------------------------------------------------- */

.pc-dw-back {
  align-self: flex-start;
}

/* ---------------------------------------------------------------
 * Das Rad
 *
 * DIE BUEHNE IST GENAU SO GROSS WIE DAS RAD. Damit sind Marker und Knopf
 * ueber Prozentwerte zu setzen, ohne dass irgendwo eine zweite Zahl
 * steht.
 * ------------------------------------------------------------- */

.pc-dw-stage {
  position: relative;
  width: var(--pc-dw-groesse);
  margin: 6px auto var(--pc-dw-luft) auto;
  padding: 0;
  border: none;
  background: none;
}

/* Die Drehung liegt an dieser Huelle und nicht am SVG darin: Marker und
   Knopf sind ihre GESCHWISTER und drehen sich deshalb nicht mit. Ein
   mitgedrehter Zeiger waere kein Zeiger. */
.pc-dw-rad {
  width: 100%;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}

/* will-change haelt die Drehung auf der Grafikkarte, und es steht seit
   7.1.0 NUR WAEHREND DES LAUFS da.

   Bis dahin stand es dauerhaft an der Regel darueber. Das SVG mit seinen
   sechzehn Pfaden und sechzehn Texten lag damit die ganze Zeit als eigene
   Ebene im Speicher, obwohl es sich in 99 Prozent der Zeit gar nicht
   bewegt; manche Browser rastern eine solche Ebene bei jeder
   Groessenaenderung neu - also genau dann, wenn auf einem Telefon die
   Adressleiste beim Scrollen ein- und ausfaehrt. Das war einer von drei
   Gruenden fuer das gemeldete Ruckeln.

   Die Klasse setzt laufStarten() in daily.js und nimmt ausgangMelden()
   wieder weg. */
.pc-dw-rad.is-lauf {
  will-change: transform;
}

.pc-dw-rad svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* Der Zeiger. Ein Dreieck aus Rahmen, wie .pc-ro-marker beim Roulette,
   nur nach unten statt zur Seite. Er ragt ein Stueck in das Rad hinein;
   das ist die Lage, in der ein Mensch ein Glueckrad liest.

   pointer-events aus: Er liegt ueber dem Rad und darf keinen Klick
   schlucken, der dem Knopf darunter gilt. */
.pc-dw-marker {
  position: absolute;
  top: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -11px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 26px solid var(--pc-gold);
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.55));
  pointer-events: none;
  z-index: 2;
}

/* ---------------------------------------------------------------
 * Der Knopf in der Nabe
 *
 * Alle Eigenschaften mit !important und KEINE davon in einer Zustands-
 * liste. base.css setzt an jedem button eine Polsterung mit !important,
 * und eine schlichte Regel verloere dagegen - genau die Lektion
 * "!important schlaegt Genauigkeit" aus 6.68.0. Was spaeter je nach
 * Zustand neu gesetzt wird, steht in einer eigenen schlichten Regel und
 * nicht in einer Liste mit :hover; sonst verloere es in dem Augenblick,
 * in dem der Finger den Knopf beruehrt, siehe 6.55.2.
 * ------------------------------------------------------------- */

.pc-dw-knopf {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: var(--pc-dw-knopf) !important;
  height: var(--pc-dw-knopf) !important;
  margin: calc(var(--pc-dw-knopf) / -2) 0 0 calc(var(--pc-dw-knopf) / -2) !important;
  padding: 0 !important;
  border: 2px solid var(--pc-gold) !important;
  border-radius: 999px !important;
  background: var(--pc-bg) !important;
  color: var(--pc-gold) !important;
  font-family: var(--pc-font-page) !important;
  font-size: clamp(11px, 2.6vw, 14px) !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;

  /* DER SCHATTEN IST SEIT 7.1.0 SYMMETRISCH, und das ist ein gemessener
     Befund. Robert hat gemeldet, der Knopf sitze nicht ganz mittig im Rad.

     Geometrisch tut er das: Im Browser gemessen, am Rechner wie am
     Telefon und in jeder Drehlage des Rades, decken sich Knopfmitte und
     Nabenmitte auf 0,01 Pixel. Ein Versatz existiert nicht.

     Was es gab, war ein optischer. Zwei Zahlen zusammen:

       Nabe im SVG      Radius 31 Prozent der Radbreite
       Knopf            Radius 13,25 Prozent (--pc-dw-knopf ist 0.265)
       freier Ring      2,25 Prozent, am Telefon also 6,98 Pixel

     Davon frass der harte Schattenring seine vollen 6 Pixel, und uebrig
     blieben 0,98 Pixel goldener Ring. Der weiche Schatten lag mit
     `0 6px 20px` zusaetzlich um sechs Pixel nach unten versetzt darueber
     und deckte genau diesen Rest unten zu, waehrend er oben stehen blieb.
     Ein Ring, der oben heller ist als unten, liest sich als Versatz.

     Behoben in zwei Schritten: Der weiche Schatten verliert seinen
     Y-Versatz, und der harte Ring haengt an der Knopfgroesse statt auf
     festen 6 Pixeln zu stehen. Am Telefon bleiben damit 2,9 statt 0,98
     Pixel Ring, am Rechner aendert sich fast nichts (4,1 statt 3,9).

     AM 20.08.2026 ERNEUT NACHGEMESSEN, weil Robert den Versatz weiter
     gemeldet hat - diesmal ausdruecklich fuer den Zustand "bereits
     gedreht, Zaehler laeuft". Auf der laufenden Seite, ueber die
     Bildschirmkoordinaten der Nabe (getScreenCTM auf den Kreis r=62)
     gegen die Mitte des Knopfes:

       ALLE FUENF Knopfzustaende (Laeuft, Anmelden, Gesperrt, Bereit in,
       Drehen), am Rechner in sieben und am Telefon in drei Drehlagen
       (0, 37, 90, 180, 271, 356,4 und 2203,4 Grad):
       Versatz 0,00 Pixel am Rechner, 0,01 am Telefon.

     Der zweizeilige Zustand "Bereit in" macht dabei keinen Unterschied:
     Der Text ist 32,9 statt 16,1 Pixel hoch und sitzt weiterhin genau
     mittig im Knopf (Versatz 0,00).

     Was Robert gesehen hat, war die Fassung aus 7.0.0: Von 7.1.0 bis
     7.4.0 stand PC_PLUGIN_VERSION auf 7.0.0, und damit lieferte sein
     Browser weiter die alte daily.css aus seinem Zwischenspeicher - die
     mit dem Y-Versatz und dem 6-Pixel-Ring. Behoben ist das in
     primecup.php, nicht hier. AN DIESER REGEL IST DESHALB NICHTS
     GEAENDERT. */
  box-shadow: 0 0 0 var(--pc-dw-ring) rgba(14, 15, 18, 0.85),
              0 0 20px rgba(0, 0, 0, 0.55) !important;
  transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  z-index: 3;
}

/* Der Ring ist in allen drei Zustaenden derselbe wie in der Grundregel.
   Stuende hier weiter die feste 6, spraenge er in dem Augenblick auf den
   alten Wert, in dem ein Finger den Knopf beruehrt - genau die Falle aus
   6.55.2, nur an einer Eigenschaft, die niemand vermutet. */
.pc-dw-knopf:hover:not(:disabled),
.pc-dw-knopf:focus-visible:not(:disabled) {
  color: var(--pc-text) !important;
  border-color: var(--pc-text) !important;
  box-shadow: 0 0 0 var(--pc-dw-ring) rgba(14, 15, 18, 0.85),
              0 0 26px rgba(245, 213, 110, 0.45) !important;
}

/* Gesperrt heisst hier nicht nur "geht nicht", sondern auch "noch nicht":
   Solange der Zaehler laeuft, steht die Restzeit im Knopf. Deshalb bleibt
   er lesbar und wird nicht bis zur Unkenntlichkeit gedimmt. */
.pc-dw-knopf:disabled,
.pc-dw-knopf:disabled:hover {
  color: var(--pc-muted) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  cursor: default !important;
  box-shadow: 0 0 0 var(--pc-dw-ring) rgba(14, 15, 18, 0.85) !important;
}

.pc-dw-knopf-wort { display: block; }

/* Die Restzeit im Knopf, unter dem Wort. Schreibmaschinenschrift, damit
   die Zahl beim Herunterzaehlen nicht in der Breite tanzt - dieselbe
   Ueberlegung wie am Guthaben in der Kopfleiste seit 6.87.2. */
.pc-dw-knopf-rest {
  display: block;
  margin-top: 3px;
  font-family: var(--pc-font-mono, monospace);
  font-size: 0.86em;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: none;
  color: var(--pc-muted);
}

/* ---------------------------------------------------------------
 * Zaehler und Hinweiszeile
 * ------------------------------------------------------------- */

.pc-dw-timer {
  margin: 0 0 10px 0 !important;
  text-align: center;
  font-family: var(--pc-font-page);
  font-size: 12px;
  font-weight: var(--pc-weight-page);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--pc-muted);
}

.pc-dw-timer b {
  font-family: var(--pc-font-mono, monospace);
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--pc-text);
}

.pc-dw-timer.is-frei b { color: var(--pc-live); }

/* Die Hinweiszeile traegt drei Dinge nacheinander: den Ausgang eines
   Drehs, eine Absage und im Ruhezustand die Auskunft, was es zu holen
   gibt. min-height haelt den Platz frei, damit die Aufklapper darunter
   nicht springen, sobald ein Ergebnis erscheint - dieselbe Ueberlegung
   wie an der Bilanzzeile des Roulettes seit 6.69.0. */
.pc-dw-hinweis {
  margin: 0 0 var(--pc-dw-luft) 0 !important;
  min-height: 22px;
  text-align: center;
  font-family: var(--pc-font-page);
  font-size: 14px;
  font-weight: var(--pc-weight-page);
  color: var(--pc-muted);
}

.pc-dw-hinweis b { color: var(--pc-text); }
.pc-dw-hinweis.is-gewinn b { color: var(--pc-live); }
.pc-dw-hinweis.is-top b { color: var(--pc-gold); }
.pc-dw-hinweis.is-fehler b { color: var(--pc-accent); }

/* ---------------------------------------------------------------
 * Die beiden Aufklapper
 *
 * Derselbe Grund, derselbe Griff, derselbe Haken - siehe den Hinweis im
 * Kopf dieser Datei. Der Haken steht rechts aussen und auf der ersten
 * Zeile; das ist ein gemessener Befund aus 6.83.0 und kein Geschmack.
 * ------------------------------------------------------------- */

#pcDailyInfo,
.pc-dw-histbox {
  border: none;
  border-radius: var(--pc-dw-radius);
  padding: 0;
  margin: 0 0 12px 0;
  background: rgba(255, 255, 255, 0.025);
  overflow: hidden;
}

/* Der letzte sichtbare Block der Seite traegt keinen unteren Abstand.
   Ohne die Zeile lagen dort zwoelf Pixel bis zum Fussbereich, der seinen
   eigenen mitbringt - genau der Befund aus 6.95.0. */
.pc-dw-histbox { margin-bottom: 0; }

.pc-dw-summary {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
  font-family: var(--pc-font-page);
  font-size: 11.5px;
  font-weight: var(--pc-weight-page);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--pc-muted);
  transition: color 0.2s ease;
}

.pc-dw-summary::-webkit-details-marker { display: none; }
.pc-dw-summary::marker { content: ""; }

.pc-dw-summary:hover,
#pcDailyInfo[open] .pc-dw-summary,
.pc-dw-histbox[open] .pc-dw-summary { color: var(--pc-gold); }

.pc-dw-icon {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  margin-left: auto;
  margin-top: 2px;
  flex-shrink: 0;
}

#pcDailyInfo[open] .pc-dw-icon,
.pc-dw-histbox[open] .pc-dw-icon { transform: rotate(-135deg); }

.pc-dw-info-inhalt,
.pc-dw-hist-inhalt { padding: 0 20px 20px 20px; }

/* Die Zahlenleiste hat ihre Breite schon vom Kasten und darf sich keine
   zweite holen. .pc-overview aus app.css traegt width, max-width, margin
   und padding mit !important; ohne die Ruecknahme stuende sie im Kasten
   mittig und schmaler als er. Genau die Lektion "!important schlaegt
   Genauigkeit". */
#pcDailyInfo .pc-overview {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 14px 0 !important;
  padding: 0 0 14px 0 !important;
}

#pcDailyInfo .pc-description {
  margin: 0 0 16px 0 !important;
  max-width: none;
}

/* ---------------------------------------------------------------
 * Die Aufstellung der Gewinne
 * ------------------------------------------------------------- */

.pc-dw-chancen {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--pc-font-page);
  font-size: 13px;
}

.pc-dw-chancen th {
  text-align: left;
  padding: 0 10px 8px 0;
  font-size: 10.5px;
  font-weight: var(--pc-weight-page);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--pc-muted);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pc-dw-chancen td {
  padding: 9px 10px 9px 0;
  color: var(--pc-text);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.pc-dw-chancen tr:last-child td { border-bottom: none; }

.pc-dw-chancen .is-zahl {
  text-align: right;
  padding-right: 0;
  font-family: var(--pc-font-mono, monospace);
  color: var(--pc-muted);
}

/* Der Punkt in der Feldfarbe. Er sagt in einem Zeichen, welche Zeile zu
   welchem Stueck des Rades gehoert; ein Farbwort daneben waere dieselbe
   Auskunft zweimal und in zwei Sprachen. */
.pc-dw-punkt {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 9px;
  border-radius: 999px;
  background: currentColor;
  vertical-align: -1px;
}

.pc-dw-wert {
  font-family: var(--pc-font-mono, monospace);
  font-weight: 700;
}

/* ---------------------------------------------------------------
 * Der eigene Verlauf
 * ------------------------------------------------------------- */

.pc-dw-hist-tabelle {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--pc-font-page);
  font-size: 13px;
}

.pc-dw-hist-tabelle th {
  text-align: left;
  padding: 0 10px 8px 0;
  font-size: 10.5px;
  font-weight: var(--pc-weight-page);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--pc-muted);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pc-dw-hist-tabelle td {
  padding: 9px 10px 9px 0;
  color: var(--pc-text);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.pc-dw-hist-tabelle tr:last-child td { border-bottom: none; }

.pc-dw-hist-tabelle .is-zahl {
  text-align: right;
  padding-right: 0;
  font-family: var(--pc-font-mono, monospace);
  color: var(--pc-live);
}

.pc-dw-hist-tabelle .is-zahl.is-top { color: var(--pc-gold); font-weight: 700; }

.pc-dw-leer {
  margin: 0 !important;
  font-family: var(--pc-font-page);
  font-size: 13px;
  color: var(--pc-muted);
}

.pc-dw-hist-summe {
  margin: 14px 0 0 0 !important;
  font-family: var(--pc-font-page);
  font-size: 12.5px;
  color: var(--pc-muted);
}

.pc-dw-hist-summe b {
  font-family: var(--pc-font-mono, monospace);
  color: var(--pc-live);
}

/* ---------------------------------------------------------------
 * Blaettern
 *
 * Derselbe Knopf wie im Verlauf des Roulettes, nur unter eigenem Namen:
 * primy.css laedt hier nicht.
 * ------------------------------------------------------------- */

.pc-dw-blaettern {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.pc-dw-seite {
  margin-left: auto;
  font-family: var(--pc-font-mono, monospace);
  font-size: 12px;
  color: var(--pc-muted);
}

.pc-dw-btn,
.pc-dw-btn:hover,
.pc-dw-btn:focus,
.pc-dw-btn:active {
  padding: 8px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--pc-text) !important;
  font-family: var(--pc-font-page) !important;
  font-size: 11px !important;
  font-weight: var(--pc-weight-page) !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.pc-dw-btn:disabled,
.pc-dw-btn:disabled:hover {
  opacity: 0.45;
  cursor: not-allowed !important;
  color: var(--pc-muted) !important;
}

/* ---------------------------------------------------------------
 * Am Telefon
 * ------------------------------------------------------------- */

@media (max-width: 1100px) {
  .pc-daily-container { width: 88%; }
}

@media (max-width: 768px) {
  .pc-daily-container {
    width: 100%;
    padding: 0 var(--pc-edge) !important;
  }

  /* Am Telefon eine Spur kleiner, damit ueber dem Rad noch die Kopfleiste
     und darunter der Zaehler ins Bild passen. Die Obergrenze ist wieder
     100 Prozent des Behaelters und nicht des Fensters - die Begruendung
     steht ausfuehrlich an der Grundregel oben. */
  .pc-daily-container {
    --pc-dw-groesse: min(400px, 100%);

    /* Der Ring muss mit, sonst frisst er den goldenen Rest der Nabe fast
       ganz: Bei der kleineren Buehne bleiben zwischen Nabe und Knopf nur
       6,98 Pixel, und sechs davon waeren Ring. Die Herleitung steht an
       --pc-dw-ring in der Grundregel. */
    --pc-dw-ring: 4px;
  }

  .pc-dw-stage { margin-top: 8px; }

  .pc-dw-marker {
    border-left-width: 9px;
    border-right-width: 9px;
    border-top-width: 21px;
    margin-left: -9px;
    top: -4px;
  }

  /* Die Aufstellung und der Verlauf haben am Telefon nur noch zwei
     Spalten Platz. Die dritte traegt die Zahl der Felder, und die steht
     ohnehin als Punktreihe im Rad daneben. */
  .pc-dw-chancen .is-felder { display: none; }
}