/* ═══ v6: oyun ekranı cilası ═══
   game-dark.css açık panelleri koyulaştırır; bu dosya v6 dilini (cam yüzeyler, yuvarlak köşeler,
   Inter başlıklar, ışıklı kenarlar) üstüne giydirir. Önceki hâl: git tag oyun-ekrani-v1. */

:root {
  --gs-surface: rgba(12, 12, 14, .86);
  --gs-solid: #0d0d0f;
  --gs-line: rgba(255,255,255,.09);
  --gs-line-2: rgba(255,255,255,.16);
  --gs-dim: rgba(245,245,244,.62);
  --gs-faint: rgba(245,245,244,.42);
  --gs-paper: #f4f1ea;
  --gs-ease: cubic-bezier(.22,1,.36,1);
  --gs-glass:
    linear-gradient(var(--gs-surface), var(--gs-surface)) padding-box,
    linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.05) 45%, rgba(255,255,255,.09)) border-box;
}
@keyframes gs-in { from { opacity: 0; transform: translateY(8px) scale(.985); filter: blur(4px); } to { opacity: 1; transform: none; filter: none; } }

/* ── harita zemini ── */
#screen-game #map-wrap { background: radial-gradient(ellipse at 50% 40%, #0b111b 0%, #05080e 60%, #030407 100%); }

/* ── üst çubuk ── */
#screen-game .hud-top {
  background: rgba(8,8,10,.72); border-bottom: 1px solid var(--gs-line);
  backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2);
}
#screen-game .hud-brand .phase-badge {
  border-radius: 999px; border-color: var(--gs-line-2); background: rgba(255,255,255,.05);
  font-family: 'Inter', sans-serif; font-weight: 600; letter-spacing: .02em;
}
#screen-game .res-chips .res {
  border-radius: 12px; border: 1px solid var(--gs-line); background: rgba(255,255,255,.035);
  transition: border-color .3s, background .3s;
}
#screen-game .res-chips .res:hover { border-color: var(--gs-line-2); background: rgba(255,255,255,.06); }
#screen-game .hud-actions {
  border-radius: 14px; border: 1px solid var(--gs-line); background: rgba(255,255,255,.035); padding: 3px;
}
#screen-game .hud-top .hud-actions .icon-btn { border-radius: 10px; transition: background .2s, transform .3s var(--gs-ease); }
#screen-game .hud-top .hud-actions .icon-btn:hover { background: rgba(255,255,255,.1) !important; color: #fff !important; transform: translateY(-1px); }
#screen-game .hud-top .hud-actions .icon-btn.danger:hover { background: rgba(239,68,68,.16) !important; color: #fca5a5 !important; }

/* ── sol ray ── */
#screen-game .v6-rail {
  border-radius: 18px; border: 1px solid transparent; background: var(--gs-glass);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 20px 60px -20px rgba(0,0,0,.8);
}
#screen-game .v6-rail button { border-radius: 12px; transition: background .25s, color .25s, transform .3s var(--gs-ease); }
#screen-game .v6-rail button:hover { background: rgba(255,255,255,.08); transform: translateX(2px); }
#screen-game .v6-rail button.active { background: #fff; color: #000; }

/* ── sağ panel: oyuncular + sohbet ── */
#screen-game .hud-right .hud-panel,
#screen-game #panel-chat, #screen-game #panel-players, #screen-game #panel-report {
  border-radius: 18px !important; border: 1px solid transparent !important; background: var(--gs-glass) !important;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 24px 60px -24px rgba(0,0,0,.8) !important; overflow: hidden;
}
#screen-game .hud-right .hp-head { border-color: var(--gs-line) !important; }
#screen-game .hud-panel .hp-head b {
  font-family: 'Inter', sans-serif; font-weight: 600; font-size: 14px; letter-spacing: -.01em; text-transform: none;
}
#screen-game .pp-row {
  border-radius: 12px; border: 1px solid var(--gs-line) !important; background: rgba(255,255,255,.04) !important; color: #fff !important;
  transition: border-color .25s, background .25s;
}
#screen-game .pp-row:hover { border-color: var(--gs-line-2) !important; background: rgba(255,255,255,.07) !important; }
#screen-game .pp-row * { color: inherit; }
#screen-game .pp-row .muted, #screen-game .pp-row small, #screen-game .pp-row .pp-sub { color: var(--gs-faint) !important; }
#screen-game #panel-chat .seg { border-radius: 10px; border: 1px solid var(--gs-line); background: rgba(255,255,255,.04); padding: 2px; }
#screen-game #panel-chat .seg-b { border-radius: 8px; font-family: 'Inter', sans-serif; font-weight: 600; letter-spacing: 0; text-transform: none; }
#screen-game #panel-chat .chat-form, #screen-game #panel-chat form {
  border-radius: 12px; border-color: var(--gs-line-2); background: rgba(0,0,0,.4); overflow: hidden;
}
#screen-game #panel-chat input { font-family: 'Inter', sans-serif; }
#screen-game #panel-chat .send-btn { border-radius: 9px; margin: 3px; }
#screen-game #panel-chat .chat-log .msg .bubble { border-radius: 14px 14px 14px 4px; border: 1px solid var(--gs-line); background: rgba(255,255,255,.05); }
#screen-game #panel-chat .chat-log .msg.mine .bubble { border-radius: 14px 14px 4px 14px; background: #fff; color: #000; border-color: #fff; }
#screen-game #panel-chat .chat-log .msg.mine .bubble .meta b,
#screen-game #panel-chat .chat-log .msg.mine .bubble .txt,
#screen-game #panel-chat .chat-log .msg.mine .bubble time { color: #000 !important; }
#screen-game .mini-flag { display: inline-flex; width: 20px; height: 14px; flex: none; border-radius: 3px; overflow: hidden; }
#screen-game .mini-flag svg { width: 100%; height: 100%; display: block; }
#screen-game #panel-chat .chat-log .msg.sys { border-radius: 999px; }

/* ── seçim kartı ── */
#screen-game .sel-card {
  border-radius: 20px !important; border: 1px solid transparent !important; background: var(--gs-glass) !important;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 80px -24px rgba(0,0,0,.9) !important;
  animation: gs-in .35s var(--gs-ease) both; font-family: 'Inter', sans-serif;
}
#screen-game .sel-card h3 { font-family: 'Inter', sans-serif; font-weight: 600; letter-spacing: -.02em; }
#screen-game .sel-card .sc-head { border-color: var(--gs-line) !important; }
#screen-game .sel-card .sc-stat { border-color: var(--gs-line) !important; }
#screen-game .sel-card .sc-stat small { font-family: 'Inter', sans-serif; letter-spacing: 0; text-transform: none; }
#screen-game .sel-card .mini-flag { border-radius: 3px; overflow: hidden; border-color: var(--gs-line-2) !important; }
#screen-game .sel-card .utab { border-radius: 9px; border-color: var(--gs-line-2) !important; font-family: 'Inter', sans-serif; font-weight: 600; transition: background .2s, color .2s; }
#screen-game .sel-card .utab.on { background: #fff !important; color: #000 !important; border-color: #fff !important; }
#screen-game .sel-card .btn { border-radius: 12px !important; font-family: 'Inter', sans-serif; letter-spacing: 0; text-transform: none; transition: background .25s, transform .3s var(--gs-ease); }
#screen-game .sel-card .btn:hover:not(:disabled) { transform: translateY(-1px); }
#screen-game .sel-card .btn kbd { border-radius: 5px; border-color: currentColor; opacity: .55; }
#screen-game .sel-card .icon-btn { border-radius: 50% !important; }
#screen-game .sel-card input[type=range] { accent-color: #fff; }

/* ── sol paneller (diplomasi, sıralama) ── */
#screen-game .hud-panel.left {
  border-radius: 18px !important; border: 1px solid transparent !important; background: var(--gs-glass) !important;
  padding: 12px !important;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px -24px rgba(0,0,0,.85); animation: gs-in .3s var(--gs-ease) both; overflow: hidden;
}
@media (min-width: 761px) {
  #screen-game .hud-panel.left { left: 72px !important; } /* sol rayın altında kalmasın */
}
#screen-game .dcard, #screen-game .brow { border-radius: 12px; }

/* ── bildirimler ── */
.toast, #screen-game .toast, .toasts .toast {
  border-radius: 14px !important; border: 1px solid transparent !important; background: var(--gs-glass) !important;
  color: #f5f5f4 !important; font-family: 'Inter', sans-serif; font-size: 13.5px;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px -18px rgba(0,0,0,.85) !important;
  animation: gs-in .35s var(--gs-ease) both;
}
.toast svg, .toast .t-ic { color: #fff; }
#toast-timeline > * { border-radius: 14px !important; }

/* ── ipucu, sağ tık menüsü, gelir ipucu ── */
#screen-game .tooltip, #screen-game .income-tip {
  border-radius: 12px !important; border: 1px solid var(--gs-line-2) !important; background: rgba(12,12,14,.94) !important;
  color: #f5f5f4 !important; font-family: 'Inter', sans-serif;
  backdrop-filter: blur(12px); box-shadow: 0 14px 40px -12px rgba(0,0,0,.85);
}
#screen-game .ctx-menu, #fetih-ctx {
  border-radius: 14px !important; border: 1px solid var(--gs-line-2) !important; background: rgba(12,12,14,.96) !important;
  backdrop-filter: blur(14px); box-shadow: 0 20px 60px -16px rgba(0,0,0,.9) !important; padding: 4px; overflow: hidden;
}
#screen-game .ctx-menu button, #screen-game .ctx-item { border-radius: 9px; }

/* ── mini harita, yakınlaştırma, kısayol ipucu ── */
#screen-game .minimap {
  border-radius: 16px; border: 1px solid transparent; background: var(--gs-glass); overflow: hidden;
  box-shadow: 0 20px 50px -20px rgba(0,0,0,.85);
}
#screen-game .zoom-ctl { gap: 6px; }
#screen-game .zoom-ctl .icon-btn {
  width: 32px; height: 32px; border-radius: 10px; border: 1px solid var(--gs-line-2); background: rgba(12,12,14,.86);
  backdrop-filter: blur(10px); transition: background .2s, transform .3s var(--gs-ease);
}
#screen-game .zoom-ctl .icon-btn:hover { background: rgba(255,255,255,.12); transform: translateY(-1px); }
#screen-game .kbd-hint {
  border-radius: 999px; border: 1px solid var(--gs-line-2); background: rgba(12,12,14,.82);
  backdrop-filter: blur(10px); font-family: 'Inter', sans-serif; padding: 8px 16px;
}
#screen-game .kbd-hint b, #screen-game .kbd-hint kbd { border-radius: 5px; }
#screen-game .chat-fab, #screen-game .overview-badge { border-radius: 999px !important; box-shadow: 0 14px 40px -12px rgba(0,0,0,.8); }

/* ── pencereler (araştırma, casusluk, harikalar, diplomasi, nasıl oynanır…) ── */
.modal-card {
  border-radius: 22px !important; border: 1px solid transparent !important; background: var(--gs-glass) !important;
  color: #f5f5f4 !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: 0 40px 120px -30px rgba(0,0,0,.9); animation: gs-in .35s var(--gs-ease) both;
}
.modal-card .card-title { font-family: 'Inter', sans-serif; font-weight: 600; letter-spacing: -.03em; text-transform: none; }
.modal-card .btn { border-radius: 12px; font-family: 'Inter', sans-serif; letter-spacing: 0; text-transform: none; }
.modal-card .modal-x { border-radius: 50%; }

/* ── maç sonu ── */
.end-overlay { background: rgba(0,0,0,.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.end-card {
  border-radius: 24px !important; border: 1px solid transparent !important; background: var(--gs-glass) !important;
  color: #f5f5f4 !important; box-shadow: 0 40px 120px -30px rgba(0,0,0,.95); animation: gs-in .5s var(--gs-ease) both;
}
.end-card .btn { border-radius: 12px; font-family: 'Inter', sans-serif; letter-spacing: 0; text-transform: none; }

@media (prefers-reduced-motion: reduce) {
  #screen-game .sel-card, .toast, .modal-card, .end-card, #screen-game .hud-panel.left { animation: none; }
}