/* ============================================
   TFT BASE CSS
   ============================================ */

* { box-sizing: border-box; margin: 0; padding: 0; }

body { background: #07090e; color: #eef3ff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; min-height: 100vh; }

/* COOKIE BAR */
.cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #0d1428; border-top: 1px solid rgba(255,255,255,0.08); padding: 12px 24px; z-index: 1000; }
.cookie-bar.hidden { display: none; }
.cookie-bar__inner { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.cookie-bar__text { font-size: 12px; color: #8090b8; flex: 1; }
.cookie-bar__text a { color: #C89B3C; text-decoration: none; }
.cookie-bar__actions { display: flex; gap: 8px; }
.cookie-btn { padding: 6px 16px; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit; transition: all 0.15s; }
.cookie-btn--ghost { background: transparent; border: 1px solid rgba(255,255,255,0.1); color: #8090b8; }
.cookie-btn--ghost:hover { border-color: rgba(255,255,255,0.2); color: #eef3ff; }
.cookie-btn--primary { background: rgba(200,155,60,0.15); border: 1px solid rgba(200,155,60,0.3); color: #C89B3C; }
.cookie-btn--primary:hover { background: rgba(200,155,60,0.25); }

/* SCROLLBAR */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #07090e; }
::-webkit-scrollbar-thumb { background: #1e2d45; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #2a3d5a; }

/* RESPONSIVE */
@media (max-width: 768px) {
  .cookie-bar { padding: 10px 14px; }
  .cookie-bar__inner { flex-direction: column; align-items: flex-start; gap: 8px; }
}