/* Gemeinsamer, lesbarer Kommentarbereich für alle Spielseiten. */
.spiel-kommentare { max-width:860px; margin:1.5rem auto 0; }
.spiel-kommentare .kom-wrap { max-width:none; margin:0; padding:1.25rem 0; border-top:1px solid currentColor; border-color:color-mix(in srgb,currentColor 25%,transparent); }
.spiel-kommentare .kom-toggle { padding:.65rem 0; border:0; }
.spiel-kommentare .kom-toggle-label { color:var(--ink); font:700 1.35rem/1.4 Inter,system-ui,sans-serif; letter-spacing:0; }
.spiel-kommentare .kom-toggle-count { font:600 .8rem/1.4 Inter,system-ui,sans-serif; color:var(--ink); background:var(--paper-2); border-color:currentColor; border-radius:20px; padding:.15rem .55rem; }
.spiel-kommentare .kom-toggle-icon { color:var(--rt-text-muted); }
.spiel-kommentare .kom-empty { margin:0 0 1rem; padding:0; color:var(--rt-text-sub); font: .9rem/1.7 Inter,system-ui,sans-serif; }
.spiel-kommentare .kom-form-wrap { margin-top:1.25rem; padding:1.25rem; border:1px solid color-mix(in srgb,currentColor 25%,transparent); border-radius:8px; }
.spiel-kommentare .kom-form-wrap::before { display:none; }
.spiel-kommentare .kom-form-title { font:600 1rem/1.4 Inter,system-ui,sans-serif; letter-spacing:0; }
.spiel-kommentare .kom-label,.spiel-kommentare .kom-hint,.spiel-kommentare .kom-time { color:var(--rt-text-muted); }
.spiel-kommentare .kom-input,.spiel-kommentare .kom-textarea { background:var(--paper-2); border:1px solid color-mix(in srgb,currentColor 35%,transparent); border-radius:4px; }
.spiel-kommentare .kom-textarea { min-height:100px; }
.spiel-feedback-footer { display:flex; gap:.3rem 1rem; flex-wrap:wrap; align-items:center; padding:1rem 0; border-top:1px solid #8884; font: .8rem/1.6 Inter,system-ui,sans-serif; color:var(--rt-text-muted); }
.spiel-feedback .spiel-kommentare { max-width:none; margin:0; }
.spiel-feedback-footer .sf-wrap { margin:0; padding:0; max-width:none; }
.sf-wrap > .sf-auf { background:transparent; color:inherit; border:0; border-radius:0; padding:.4rem 0; font:inherit; font-size:.8rem!important; text-decoration:underline; text-underline-offset:3px; }
.sf-wrap > .sf-auf:hover { color:var(--red,#b62939); }
.spiel-feedback .sf-dialog { text-align:left; }
@media(max-width:600px) { .spiel-kommentare .kom-form-wrap { padding:1rem; } }

.spiel-kommentare .kom-input::placeholder,.spiel-kommentare .kom-textarea::placeholder { color:var(--rt-text-muted); opacity:.8; }