/* Runner: Laufstrecke + Knöpfe. Alles andere kommt aus _shared/spiele(-modern).css */
.rn-stage{display:flex;justify-content:center;padding:6px 0 10px}
.rn-stage canvas{max-width:100%;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;box-shadow:0 4px 16px rgba(11,37,54,.12)}
.rn-keys{display:flex;gap:.6rem;justify-content:center;padding:0 0 .4rem}
.cs-root .rn-keys button{min-width:130px;padding:.7rem 1rem;border:1px solid #49757A;border-radius:999px;background:#fff;color:#253D48;font-family:"Open Sans",sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:manipulation}
.cs-root .rn-keys button:active{background:#49757A;color:#fff}
.cs-root .rn-hero{display:flex;align-items:center;justify-content:center;min-width:92px;padding:.5rem .7rem;border-radius:12px;background:#EDEBDC;color:#253D48;font-family:"League Gothic","Oswald",sans-serif;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}
/* Am Desktop darf die Strecke aus dem schmalen Fenster ausbrechen, damit man mehr sieht. */
@media(min-width:820px){.cs-root.cs-modern>.cs-window:not(.cs-panel){max-width:780px}}
@media(min-width:1040px){.cs-root.cs-modern>.cs-window:not(.cs-panel){max-width:900px}}
