/* =============================================================================
   Schatzilo – Gebärdensprache-Modus & Video-Tabs (docs/14)
   Standard: alles unsichtbar. Erst body.gs-mode (gs-mode.js) blendet Tabs ein.
   ============================================================================= */

.gs-mode-toggle {
    font: inherit;
    font-weight: 700;
    font-size: .8rem;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--line, #e3ddd0);
    background: #fff;
    color: var(--ink, #1f1d1a);
    cursor: pointer;
}
.gs-mode-toggle:hover { background: #f4f1ea; }
.gs-mode-toggle[aria-pressed="true"] {
    background: var(--accent, #2f7d4f);
    color: #fff;
    border-color: var(--accent, #2f7d4f);
}

.gs-tab {
    display: none;
    margin-left: 6px;
    font: inherit;
    font-weight: 700;
    font-size: .78rem;
    line-height: 1;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid var(--accent, #2f7d4f);
    background: #fff;
    color: var(--accent, #2f7d4f);
    cursor: pointer;
    vertical-align: middle;
}
body.gs-mode .gs-tab { display: inline-flex; align-items: center; }
.gs-tab:hover { background: var(--accent, #2f7d4f); color: #fff; }

/* Spiel-Layout hat keinen Header -> Umschalter fest oben rechts. */
.play-gs-toggle {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 40;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}