/* Not qaçışı (/oyunlar/qacis). Builds on play.css and game-stream.css (chips, results). */
.gr-total { margin-left: auto; font-weight: 800; color: var(--accent-ink); font-variant-numeric: tabular-nums; }
.gs-top + .gr-total { margin-left: 8px; }
.gr-path { list-style: none; margin: 6px 0 0; padding: 2px 12px; box-shadow: none; }
.gr-path li + li { border-top: 1px solid var(--line); }
.gr-stage { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 6px 0; border: 0; background: transparent; text-align: left; color: var(--ink); }
.gr-dot { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #2e9e5b; color: #fff; font-weight: 800; }
.gr-stage.on .gr-dot { background: var(--accent); }
.gr-stage.locked { opacity: 0.55; }
.gr-stage.locked .gr-dot { background: #c9c4ba; }
.gr-st { flex: 1; display: grid; min-width: 0; }
.gr-st b { font-weight: 800; }
.gr-st small { color: var(--muted); font-size: 0.78rem; }
.gr-st-r { flex: none; font-size: 0.75rem; font-weight: 800; color: var(--accent-ink); }
.gr-runners { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 6px; }
.gr-runner { display: grid; justify-items: center; gap: 2px; padding: 8px 4px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--card); font-weight: 700; font-size: 0.82rem; color: var(--ink); }
.gr-runner.on { border-color: var(--accent); background: var(--accent-soft); }
.gr-runner.locked { opacity: 0.55; }
.gr-icon { font-size: 1.6rem; line-height: 1.2; }
.gr-scene { padding: 0; overflow: hidden; }
.gr-scene svg { display: block; width: 100%; height: auto; }
.gr-unlock { margin-top: 10px; }