/* 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; }

/* Gizli Dosya */
.dos { display: grid; gap: 10px; }
.dos-head { display: flex; align-items: flex-start; gap: 10px; }
.dos-head .ic { font-size: 1.6rem; line-height: 1; }
.dos-head .tx { display: grid; gap: 2px; flex: 1; min-width: 0; }
.dos-head small { opacity: .72; font-size: .78rem; line-height: 1.35; }
.dos-count { font-weight: 800; font-size: .85rem; padding: 2px 8px; border-radius: 999px; background: rgba(127, 127, 127, .2); }
.dos-pips { display: flex; gap: 6px; }
.dos-pip { flex: 1; text-align: center; font-size: .72rem; font-weight: 700; padding: 5px 0; border-radius: 8px; border: 1px solid rgba(127, 127, 127, .35); opacity: .6; }
.dos-pip.solved { background: #16a34a; border-color: #16a34a; color: #fff; opacity: 1; }
.dos-pip.open { border-color: #ca8a04; opacity: 1; box-shadow: 0 0 0 2px rgba(202, 138, 4, .3); }
.dos-pip.waiting { opacity: .85; border-style: dashed; }
.dos-story, .dos-puzzle, .dos-wait, .dos-final { display: grid; gap: 6px; padding: 10px 12px; border-radius: 10px; background: rgba(127, 127, 127, .12); }
.dos-piece p, .dos-line, .dos-final p { margin: 0; font-size: .84rem; line-height: 1.45; }
.dos-piece + .dos-piece { margin-top: 4px; }
.dos-type { font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; opacity: .75; }
.dos-prompt { font-size: 1.35rem; font-weight: 800; letter-spacing: 3px; text-align: center; padding: 10px 6px; border-radius: 8px; background: rgba(0, 0, 0, .22); overflow-wrap: anywhere; }
.dos-hint { font-size: .82rem; padding: 6px 8px; border-radius: 8px; background: rgba(202, 138, 4, .18); }
.dos-hintnote, .dos-wait small, .dos-final small { opacity: .7; }
.dos-note { min-height: 1.1em; font-size: .8rem; opacity: .85; }
.dos-final { background: rgba(22, 163, 74, .16); }
.dos-comm { display: grid; gap: 4px; }
.dos-comm small { opacity: .7; font-size: .74rem; }
.dos-bars { display: flex; gap: 6px; }
.dos-bar { flex: 1; height: 6px; border-radius: 3px; background: linear-gradient(90deg, #16a34a var(--p), rgba(127, 127, 127, .3) var(--p)); }