/* DICE TRAVEL (Standalone-Spiel): Kontoleiste und Punktehinweis.

   Eigene Datei statt static/theme.css, damit das Spiel keine globalen
   Theme-Regeln (Reset, body, Fokus, Reduced-Motion) mitlaedt. Jede Regel
   steht unter .pn-dice-travel (Body-Klasse des Spiels); keine Regeln fuer
   html, body, :root, * oder Schriften. Spezifitaet (0,2,0) oder hoeher, damit
   die Leiste gleich aussieht, egal ob die Inline-Styles des Spiels davor
   oder danach stehen. */

/* Kontoleiste: #pn-dice-account mit Link zur Spielecke, Text, Retry-Knopf. */
.pn-dice-travel .pn-dice-account { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:12px 18px; margin:12px 0; border:1px solid var(--pn-ln-0); border-radius:14px; background:var(--pn-sf-blau-f4f9ff); color:var(--pn-tx-9); box-shadow:0 4px 14px rgba(15,40,70,.12); font-size:.92rem; line-height:1.45; }
.pn-dice-travel .pn-dice-account[hidden] { display:none; }
.pn-dice-travel .pn-dice-account a { color:var(--pn-tx-orange-b34000); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.pn-dice-travel .pn-dice-account a:hover { color:#8a3100; }
.pn-dice-travel .pn-dice-account-text { flex:1 1 auto; min-width:0; margin:0; overflow-wrap:anywhere; }
.pn-dice-travel .pn-dice-account-retry { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 16px; border:0; border-radius:10px; background:#b34000; color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.pn-dice-travel .pn-dice-account-retry:hover { background:#8a3100; }
.pn-dice-travel .pn-dice-account-retry[hidden] { display:none; }
.pn-dice-travel .pn-dice-account a:focus-visible,
.pn-dice-travel .pn-dice-account-retry:focus-visible { outline:2px solid var(--pn-ln-navy); outline-offset:2px; }

/* Online-Punktehinweis im Ergebnis-/Fussbereich einer Partie. */
.pn-dice-travel .pn-dice-reward { background:#fff0e3; color:#9b3600; border:1px solid #ffccaa; padding:12px 14px; border-radius:10px; font-size:12px; line-height:1.7; }
.pn-dice-travel .pn-dice-reward[hidden] { display:none; }

/* Native Rueckkehr zur Plattform, auch in modalen Dialogen erreichbar. */
.pn-dice-travel a.pn-dice-platform-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; box-sizing:border-box; max-width:100%; padding:9px 13px; margin-top:14px; border:1px solid #ffccaa; border-radius:10px; background:#fff0e3; color:#9b3600; font-size:12px; font-weight:700; line-height:1.4; text-align:center; text-decoration:none; }
.pn-dice-travel a.pn-dice-platform-link:hover { background:var(--pn-sf-orange-2-ffe0c8); color:#8a3100; }
.pn-dice-travel a.pn-dice-platform-link:focus-visible { outline:2px solid var(--pn-ln-navy); outline-offset:3px; }
.pn-dice-travel .pn-dice-account > .pn-dice-platform-link { margin-top:0; }

/* ── Dunkelmodus (08.10.2026) ───────────────────────────────────────────── */
html[data-theme="dunkel"] .pn-dice-travel .pn-dice-reward,
html[data-theme="dunkel"] .pn-dice-travel a.pn-dice-platform-link { background: #3a2a1c; }