/* Wett-Rechner – mobil zuerst, passend zu stil.css, alle Klassen mit Präfix .rc- */
.rc{--rc-karte2:#1b1b20;display:flex;flex-direction:column;gap:14px;margin:14px 0 24px;min-width:0}
.rc *{min-width:0}
.rc button,.rc select,.rc input{font:inherit;color:inherit}
.rc :focus-visible{outline:2px solid var(--rot);outline-offset:2px}
.rc-box{background:var(--karte);border-radius:14px;padding:14px}
.rc-h{margin:0 0 .5em;font-size:1.2rem}
.rc-tipp{margin:-.2em 0 .8em;font-size:.88rem;color:var(--grau)}
.rc-label{display:block;font-family:'Plex',ui-monospace,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grau);font-weight:500;margin-bottom:5px}
.rc-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px;align-items:end}
.rc-raster-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.rc-raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rc-raster-3:has([data-nur3][hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}
.rc-feld{display:block}
.rc-feld input,.rc-select,.rc-tipp-zeile input{width:100%;background:var(--rc-karte2);border:1px solid var(--linie);border-radius:10px;padding:10px 12px;font-size:1.05rem;font-weight:600;min-height:44px}
.rc-select{appearance:none;-webkit-appearance:none;background:var(--rc-karte2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ff2d55' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:34px;cursor:pointer}
.rc-select option{background:var(--karte);color:var(--text)}
.rc-feld input:focus,.rc-tipp-zeile input:focus{border-color:var(--grau)}
.rc .rc-falsch{border-color:var(--rot)!important;background:rgba(255,45,85,.08)!important}

.rc-schalter{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px;font-size:.95rem}
.rc-schalter input{appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:12px;background:#33333b;position:relative;flex-shrink:0;cursor:pointer;transition:background .15s}
.rc-schalter input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
.rc-schalter input:checked{background:var(--rot)}
.rc-schalter input:checked::after{transform:translateX(18px)}

.rc-umschalter{display:inline-flex;background:var(--rc-karte2);border:1px solid var(--linie);border-radius:10px;padding:3px;gap:3px;margin:0 0 12px;max-width:100%}
.rc-tab{background:none;border:0;border-radius:8px;padding:8px 12px;white-space:nowrap;min-height:38px;cursor:pointer;color:var(--grau);font-weight:600;font-size:.92rem}
.rc-tab[aria-pressed="true"]{background:var(--rot);color:#fff}
.rc-raster-2 .rc-umschalter{margin:0;display:flex}
.rc-raster-2 .rc-tab{flex:1}

.rc-ergebnis{border-top:1px solid var(--linie);padding-top:12px;margin-top:4px}
.rc-leer{color:var(--grau);margin:.2em 0}
.rc-werte{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0 0 8px}
.rc-wert{background:var(--rc-karte2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.rc-wert span{font-family:'Plex',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grau)}
.rc-wert strong{font-family:'WmR Display',sans-serif;font-size:1.3rem;line-height:1.1;overflow-wrap:anywhere}
.rc-wert.rc-gross{border-left:3px solid var(--rot)}
.rc-wert.rc-plus strong{color:var(--gruen)}
.rc-wert.rc-minus strong{color:var(--rot)}
.rc-stand{margin-top:8px}
.rc-formel{font-family:'Plex',monospace;font-size:.76rem;color:var(--grau);margin:.4em 0;overflow-wrap:anywhere}
.rc-marge-info{font-size:.92rem;margin:.6em 0 0;background:rgba(255,45,85,.08);border-radius:10px;padding:10px 12px}

.rc-tabelle{width:100%;border-collapse:collapse;font-size:.92rem}
.rc-tabelle th,.rc-tabelle td{padding:7px 10px;border-bottom:1px solid var(--linie);text-align:left;white-space:nowrap}
.rc-tabelle th{font-family:'Plex',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grau);font-weight:500}
.rc-tabelle tr.rc-verloren td{color:var(--grau);text-decoration:line-through;text-decoration-color:rgba(255,45,85,.6)}
.rc-tabelle tr.rc-gewonnen td{color:var(--gruen)}

/* Kombi */
.rc-beine{list-style:none;padding:0;margin:0 0 6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.rc-bein{display:flex;align-items:flex-end;gap:6px}
.rc-bein .rc-feld{flex:1}
.rc-weg{background:var(--rc-karte2);border:1px solid var(--linie);border-radius:10px;width:44px;min-width:44px;height:44px;cursor:pointer;font-size:1.2rem;color:var(--grau)}
.rc-weg:hover:not(:disabled){color:var(--rot);border-color:var(--rot)}
.rc-weg:disabled{opacity:.35;cursor:default}
.rc-knopf{background:var(--rot);color:#fff;border:0;border-radius:10px;padding:10px 16px;min-height:44px;font-weight:600;cursor:pointer}
.rc-knopf.rc-zweit{background:var(--rc-karte2);color:var(--text);border:1px solid var(--linie)}

/* System */
.rc-tipps{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}
.rc-tipp-zeile{display:grid;grid-template-columns:28px minmax(70px,1fr) auto;align-items:center;gap:8px;border-radius:12px;padding:4px;transition:background .15s}
.rc-tipp-zeile.rc-gewonnen{background:rgba(34,197,94,.1)}
.rc-tipp-zeile.rc-verloren{background:rgba(255,45,85,.1)}
.rc-nr{font-family:'WmR Display',sans-serif;font-weight:700;text-align:center;color:var(--grau)}
.rc-status{display:inline-flex;background:var(--rc-karte2);border:1px solid var(--linie);border-radius:10px;padding:3px;gap:2px}
.rc-status button{background:none;border:0;border-radius:7px;padding:6px 8px;min-height:38px;cursor:pointer;font-size:.8rem;color:var(--grau);font-weight:600}
.rc-status button[data-s="offen"][aria-pressed="true"]{background:#33333b;color:var(--text)}
.rc-status button[data-s="gewonnen"][aria-pressed="true"]{background:var(--gruen);color:#06210f}
.rc-status button[data-s="verloren"][aria-pressed="true"]{background:var(--rot);color:#fff}
.rc-reihen{margin-top:10px}
.rc-reihen summary{cursor:pointer;font-weight:600;padding:8px 0;min-height:44px;display:flex;align-items:center}
.rc-reihen .tab-scroll{max-height:420px;overflow-y:auto}

/* Übersicht */
.rc-karten{list-style:none;padding:0;margin:14px 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.rc-karte{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--karte);border-radius:14px;padding:16px;text-decoration:none;border:1px solid transparent}
.rc-karte:hover{border-color:var(--rot);color:var(--text)}
.rc-karte strong{font-family:'WmR Display',sans-serif;font-size:1.25rem}
.rc-karte span{color:var(--grau);font-size:.92rem}
.rc-hinweis{background:var(--karte);border-radius:10px;padding:10px 14px}

@media (max-width:420px){
  .rc[data-rc="system"] .rc-raster-2:has(.rc-umschalter){grid-template-columns:1fr}
  .rc-tab{padding:8px 9px;font-size:.88rem}
  .rc-tabelle th,.rc-tabelle td{padding:7px 6px}
  .rc-tabelle{font-size:.86rem}
  .rc-raster-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .rc-raster-3 .rc-feld input{padding:10px 8px}
  .rc-tipp-zeile{grid-template-columns:22px minmax(56px,1fr) auto;gap:6px}
  .rc-status button{padding:6px 6px;font-size:.74rem}
}
@media (max-width:360px){.rc-raster-2{grid-template-columns:1fr}}