/* =============================================================
   PIP-BOY TERMINAL THEME — lớp phủ nhẹ, tải sau theme.css.
   Bỏ toàn bộ ảnh nền/texture, gradient nặng và blur để nhẹ máy.
   ============================================================= */

:root {
  --bg: #04120a;
  --bg-2: #061a0f;
  --panel: #071a10;
  --panel-2: #0a2114;
  --card-bg: #071a10;
  --line: rgba(91, 255, 155, 0.14);
  --line-strong: rgba(91, 255, 155, 0.32);
  --text: #c9ffdd;
  --muted: #63a37c;
  --gold: #ffcf5c;
  --gold-2: #d9a13f;
  --green: #5bff9b;
  --green-2: #2fa86a;
  --red: #ff7b72;
  --blue: #7fe3ff;
  --purple: #b6ff7a;
  --radius: 8px;
  --shadow-pix: 0 2px 0 #02110a;
}

body {
  background: linear-gradient(180deg, #061a0f, #04120a 55%, #030d07);
  color: var(--text);
}

/* Bỏ texture Minecraft. */
body::before { display: none !important; }

/* Scanline CRT tĩnh, 1 lớp gradient, không ảnh. */
body::after {
  content: "";
  background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0 2px, rgba(0, 0, 0, 0.2) 2px 4px) !important;
  background-size: auto !important;
  opacity: 0.16 !important;
  mix-blend-mode: normal !important;
  z-index: 60 !important;
}

* { backdrop-filter: none !important; }

/* ── Thanh trên ───────────────────────────────────────────── */

.topbar {
  background: #05170d;
  border-bottom: 1px solid rgba(91, 255, 155, 0.2);
  box-shadow: none;
}

.brand-text { color: #dfffee; }
.brand-text small { color: var(--green); }

.tb-link { color: var(--muted); border-radius: 4px; }
.tb-link:hover { color: #dfffee; background: rgba(91, 255, 155, 0.07); }
.tb-link.active {
  color: var(--green);
  border-color: rgba(91, 255, 155, 0.35);
  background: rgba(91, 255, 155, 0.08);
}

/* ── Khối nền phẳng ───────────────────────────────────────── */

.card,
.chat-panel,
.hero-card,
.login-card,
.proof-tile,
.proof-card,
.invite-card,
.bxh-row,
.stat,
.live-row,
.panel {
  background: #071a10 !important;
  background-image: none !important;
  border: 1px solid rgba(91, 255, 155, 0.16) !important;
  box-shadow: 0 2px 0 #02110a !important;
  border-radius: var(--radius) !important;
}

.card h3 { color: var(--muted); }

/* ── Hero ─────────────────────────────────────────────────── */

.hero-card { background: #06170d !important; }

.hero-bg {
  opacity: 0.18;
  filter: none;
}

.hero-fade {
  background: linear-gradient(180deg, rgba(4, 18, 10, 0.4), rgba(4, 18, 10, 0.97) 72%) !important;
}

.hero-inner h1 { color: #dfffee; }
.hero-inner h1 span { color: var(--green); }
.hero-kicker { color: var(--green); }
.hero-inner p { color: #9dcfb2; }

.hero-stat,
.hero-user {
  background: rgba(4, 18, 10, 0.7) !important;
  border: 1px solid rgba(91, 255, 155, 0.16) !important;
  border-radius: 6px !important;
}

.hero-stat span { color: var(--green); }

/* ── Nút ──────────────────────────────────────────────────── */

.btn-pix,
.btn {
  border-radius: 6px !important;
  box-shadow: 0 2px 0 #02110a !important;
}

.btn-pix:hover,
.btn:hover { transform: none; filter: brightness(1.06); }

.btn-pix.gold {
  background: #ffcf5c;
  color: #1d1403;
  border-color: #8a6a20;
}

.btn-pix.green {
  background: #5bff9b;
  color: #04160c;
  border-color: #1f6b46;
}

.btn-pix.purple {
  background: #b6ff7a;
  color: #0d1a06;
  border-color: #3f6b22;
}

.btn-pix.ghost {
  background: rgba(91, 255, 155, 0.06);
  border: 1px solid rgba(91, 255, 155, 0.28);
  color: #bfffd6;
}

.btn-gold { background: #ffcf5c !important; color: #1d1403 !important; }
.btn-green { background: #5bff9b !important; color: #04160c !important; }
.btn-red { background: #ff7b72 !important; color: #2a0707 !important; }

/* ── Thẻ game ─────────────────────────────────────────────── */

.game-card {
  background: #071a10 !important;
  background-image: none !important;
  border: 1px solid rgba(91, 255, 155, 0.16) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 0 #02110a !important;
}

.game-card:hover {
  transform: none;
  border-color: rgba(91, 255, 155, 0.5) !important;
  box-shadow: 0 0 0 1px rgba(91, 255, 155, 0.18) !important;
}

.game-card::after {
  background: radial-gradient(120px 90px at 50% 55%, rgba(91, 255, 155, 0.55), transparent 72%) !important;
  opacity: 0.1 !important;
}

.game-card:hover::after { opacity: 0.2 !important; }

.game-thumb {
  background: #04120a !important;
  border-bottom: 1px solid rgba(91, 255, 155, 0.12) !important;
}

.game-thumb img { transition: none; filter: none; }
.game-card:hover .game-thumb img { transform: none; }

.game-card h3 { color: #dfffee; }
.game-card p { color: var(--muted); }

.mini-tag {
  border-color: rgba(91, 255, 155, 0.24) !important;
  background: rgba(91, 255, 155, 0.07) !important;
  color: var(--green) !important;
}

/* ── Chat ─────────────────────────────────────────────────── */

.chat-head,
.chat-form {
  background: #06170d !important;
  border-color: rgba(91, 255, 155, 0.16) !important;
}

.chat-msg:hover { background: rgba(91, 255, 155, 0.05) !important; }
.chat-name { color: #dfffee; }
.chat-text { color: #c9ffdd; }
.chat-time { color: var(--muted); }

.chat-form input,
.bet-input,
input,
textarea,
select {
  background: #04120a !important;
  border: 1px solid rgba(91, 255, 155, 0.22) !important;
  color: #dfffee !important;
  border-radius: 6px !important;
}

.chat-form input:focus,
.bet-input:focus {
  outline: none;
  border-color: rgba(91, 255, 155, 0.6) !important;
  box-shadow: 0 0 0 2px rgba(91, 255, 155, 0.14) !important;
}

.chat-form button {
  background: #5bff9b !important;
  color: #04160c !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 0 #02110a !important;
}

/* ── Bảng xếp hạng / lịch sử / ví ─────────────────────────── */

.bxh-row.me {
  border-color: rgba(91, 255, 155, 0.45) !important;
  background: rgba(91, 255, 155, 0.07) !important;
}

.bxh-name,
.invite-friend-name { color: #dfffee; }

.proof-tile span { color: var(--green); }
.proof-tile:nth-child(2) span,
.proof-tile:nth-child(4) span { color: #ffcf5c; }

/* ── Đăng nhập ────────────────────────────────────────────── */

.login-card { max-width: 420px; }
.login-mark { background: #5bff9b; color: #04160c; box-shadow: none; }

/* ── Giảm hiệu ứng nặng ───────────────────────────────────── */

.card,
.game-card,
.hero-card,
.chat-panel,
.btn-pix,
.btn {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body::after { display: none !important; }
}