/* GameMediaX — Ficha pública del juego (complementa los estilos propios de la vista) */
.gm-preview { display: flex; align-items: center; justify-content: center; gap: .5rem; flex-wrap: wrap; text-align: center;
              padding: .6rem 1rem; background: var(--warning-bg); border-bottom: 1px solid var(--warning-border); color: #fde68a; font-size: .85rem; }
.gm-preview a { color: var(--orange); font-weight: 700; }
.gm-status { display: inline-flex; align-items: center; padding: .15rem .55rem; border-radius: var(--radius-pill); font-size: .72rem; font-weight: 700;
             background: var(--glass-bright); border: 1px solid var(--border-md); color: var(--white); }
.gm-status-released { color: var(--green); border-color: var(--success-border); background: var(--success-bg); }
.gm-status-early_access, .gm-status-demo { color: var(--orange); border-color: var(--border-orange); background: var(--orange-glow-sm); }
.gm-dev-link { color: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(255,255,255,.3); }
.gm-dev-link:hover { color: var(--orange); }
.gm-hero-actions { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
.gm-followers { display: inline-flex; align-items: center; gap: .3rem; font-size: .82rem; color: var(--text-dim); margin-right: .25rem; }
.gm-followers svg { width: 14px; height: 14px; }
.gm-h2 { font-family: var(--font-display); font-weight: 900; font-size: 1.1rem; text-transform: uppercase; letter-spacing: .5px;
         color: var(--text-muted); margin-bottom: 1rem; border-bottom: 1px solid var(--border); padding-bottom: .6rem; }
.gm-tags { display: flex; flex-wrap: wrap; gap: .35rem; margin: 1rem 0 1.5rem; }
.gm-reqs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.gm-reqs-grid h3 { font-size: .8rem; color: var(--white); margin-bottom: .35rem; text-transform: uppercase; letter-spacing: .04em; }
.gm-reqs-grid p { font-size: .85rem; color: var(--text); white-space: pre-line; line-height: 1.6; }
.gm-update { padding: .9rem 0; border-bottom: 1px solid var(--border); }
.gm-update:last-child { border-bottom: 0; }
.gm-update-meta { display: flex; gap: .4rem; align-items: center; flex-wrap: wrap; font-size: .75rem; color: var(--text-muted); }
.gm-update h3 { color: var(--white); font-size: 1rem; margin: .45rem 0 .3rem; }
.gm-update p { font-size: .88rem; color: var(--text); white-space: pre-line; line-height: 1.65; }
.gm-demo { margin-top: .6rem; background: linear-gradient(135deg, #3ddc84, #1f9d57) !important; }
.gm-store { display: flex; align-items: center; justify-content: center; gap: .45rem; margin-top: .45rem; padding: .55rem .8rem;
            border-radius: var(--radius-sm); border: 1px solid var(--border-md); background: var(--glass); color: var(--text);
            font-size: .85rem; font-weight: 600; text-decoration: none; }
.gm-store:hover { border-color: var(--orange); color: var(--orange); }
.gm-store svg { width: 15px; height: 15px; }
.st-links { display: flex; flex-direction: column; gap: .35rem; }
.st-links a { display: flex; align-items: center; gap: .55rem; padding: .5rem .7rem; border-radius: var(--radius-sm); background: var(--bg2);
              border: 1px solid var(--border-md); color: var(--text); font-size: .85rem; text-decoration: none; }
.st-links a:hover { border-color: var(--orange); color: var(--orange); }