/* Sohbet uygulaması: minioyun paneli */
.mg-panel { display: flex; flex-direction: column; min-height: 0; }
.mgp-body { overflow-y: auto; overflow-x: hidden; padding: 4px 12px 14px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-content: start; }
.mgp-body > * { min-width: 0; }
.mgp-sec h3 { margin: 0 0 8px; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; opacity: .7; }
.mgp-idle { font-size: .82rem; opacity: .7; padding: 8px 2px; }
.mgp-live .mg-card { margin: 0; }
.mgp-live .mg-prompt { font-size: 30px; letter-spacing: 4px; }
.mgp-starts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mgp-word { display: grid; gap: 5px; justify-content: center; }
.mgp-row { display: flex; gap: 5px; }
.mgp-tile { width: 38px; height: 38px; border-radius: 8px; border: 2px solid rgba(127, 127, 127, .35); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.15rem; transition: background .3s, border-color .3s; }
.mgp-tile.g { background: #16a34a; border-color: #16a34a; color: #fff; }
.mgp-tile.y { background: #ca8a04; border-color: #ca8a04; color: #fff; }
.mgp-tile.n { background: rgba(127, 127, 127, .45); border-color: transparent; color: #fff; }
.mgp-guess { display: flex; gap: 6px; margin-top: 10px; }
.mgp-guess .btn { flex: none; }
.mgp-input { flex: 1 1 0; width: 0; min-width: 0; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--line, rgba(127, 127, 127, .35)); background: var(--surface, transparent); color: inherit; font-size: 1rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
.mgp-note { margin-top: 6px; font-size: .8rem; opacity: .85; min-height: 1.2em; }
.mgp-board { display: grid; gap: 2px; }
.mgp-r { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 6px; padding: 5px 6px; border-radius: 8px; font-size: .85rem; }
.mgp-r.me { background: color-mix(in srgb, var(--accent, #14b8a6) 18%, transparent); }
.mgp-fame-h { font-size: .72rem; opacity: .65; margin: 6px 0 2px; text-transform: uppercase; letter-spacing: .05em; }
.mgp-r .n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Oyun odaları */
.mgr-list { display: grid; gap: 6px; }
.mgr-card { display: flex; align-items: center; gap: 10px; text-align: left; padding: 8px 10px; border-radius: 12px; border: 1px solid var(--line, rgba(127,127,127,.35)); background: var(--surface, transparent); color: inherit; cursor: pointer; }
.mgr-card:hover, .mgr-card.on { border-color: var(--accent, #6366f1); }
.mgr-card .ic, .mgr-head .ic { font-size: 22px; }
.mgr-card .tx { display: grid; line-height: 1.3; } .mgr-card small { font-size: 11.5px; opacity: .8; }
.mgr-view { display: grid; gap: 8px; border: 1px solid var(--accent, #6366f1); border-radius: 14px; padding: 8px; }
.mgr-head { display: flex; align-items: center; gap: 8px; } .mgr-head .spacer { flex: 1; }
.mgr-feed { height: 190px; overflow-y: auto; font-size: 12.5px; line-height: 1.5; padding: 6px 8px; border-radius: 10px; background: rgba(127,127,127,.1); }
.mgr-line time { opacity: .5; margin-right: 6px; font-size: 11px; }