/* task1682: витрина игры конкурса ТИЦ (/igra-tic/). Классы gm-* из утверждённого макета. */
.gm-stats{ display:flex; flex-wrap:wrap; gap:14px 32px; align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:14px 0; margin:6px 0 18px; }
.gm-stats > div{ display:flex; align-items:baseline; gap:8px; }
.gm-num{ font-family:'PT Serif',serif; font-weight:700; font-size:2rem; line-height:1; }
.gm-lbl{ color:var(--ink-soft); }
.gm-lock{ color:var(--ink-soft); font-size:.95rem; align-items:center !important; }
.gm-lock .icon{ color:var(--red); }
.gm-cta{ display:grid; grid-template-columns:1fr; gap:var(--gap); margin:0 0 10px; }
@media(min-width:760px){ .gm-cta{ grid-template-columns:1fr 1fr; } }
.gm-cta-col{ background:var(--paper); border:1px solid var(--line); padding:18px; }
.gm-cta-col h3{ margin:0 0 6px; }
.gm-cta-col p{ color:var(--ink-soft); margin:0 0 14px; }
.gm-q{ background:var(--paper); border:1px solid var(--line); padding:18px; margin:0 0 var(--gap); }
.gm-q-head{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:.9rem; color:var(--ink-soft); margin-bottom:6px; }
.gm-q-count b{ color:var(--ink); }
.gm-q-count{ border:1px solid var(--line); padding:2px 10px; }
.gm-first{ color:var(--red); border-color:var(--red); font-weight:700; }
.gm-q-title{ font-size:1.2rem; margin:0 0 8px; }
.gm-q-result{ background:var(--muted-bg); padding:10px 12px; font-size:.95rem; }
.gm-q-locked{ position:relative; margin-top:12px; border-top:1px dashed var(--line); padding-top:12px; }
.gm-q-shade{ display:grid; gap:8px; filter:blur(1px); opacity:.55; margin-bottom:10px; }
.gm-q-shade span{ display:block; height:12px; background:linear-gradient(90deg,#d8d8d8,#ececec); }
.gm-q-shade span:nth-child(2){ width:82%; } .gm-q-shade span:nth-child(3){ width:64%; }
.gm-q-photos{ grid-template-columns:repeat(4,1fr); }
.gm-q-photos span{ height:64px; width:auto !important; }
.gm-q-lockmsg{ font-size:.95rem; }
.gm-q-lockmsg a{ color:var(--red); font-weight:700; }
.gm-share{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.gm-about{ color:var(--ink-soft); font-size:.92rem; border-top:1px solid var(--line); padding-top:12px; margin-top:10px; }
.gm-chip{ display:inline-block; font-size:.8rem; border:1px solid var(--blue); color:var(--blue); padding:1px 8px; margin-left:4px; font-weight:700; }
.gm-chip-ok{ border-color:var(--green); color:var(--green); }
.gm-topics{ list-style:none; padding:0; margin:0 0 var(--gap); display:grid; grid-template-columns:1fr; gap:12px; }
@media(min-width:760px){ .gm-topics{ grid-template-columns:1fr 1fr; } }
.gm-topic{ background:var(--paper); border:1px solid var(--line); padding:14px; }
.gm-topic-title{ font-family:'PT Serif',serif; font-weight:700; margin-bottom:6px; }
.gm-topic-text{ color:var(--ink-soft); font-size:.93rem; margin-bottom:8px; }
.gm-topic-votes{ font-size:.88rem; }
.gm-topic-cta{ margin-bottom:24px; }
.gm-unavailable{ background:var(--muted-bg); border:1px solid var(--line); padding:14px 16px; margin:14px 0 10px; }
.gm-copy-note{ font-size:.88rem; color:var(--ink-soft); align-self:center; }
.gm-share button.btn{ font-family:inherit; cursor:pointer; }
.gm-q-count.gm-first{ color:var(--red); border-color:var(--red); font-weight:700; }
.gm-about a{ color:var(--red); text-decoration:underline; }
