/* =====================================================================
   Tema de cores "Escuro" para a interface GBA (Opções > Interface > Tema de cores).
   Vale com <body class="theme-gba skin-dark">; o tema "GameBoy" (gba.css puro) continua igual.
   Grafite + azul-noite, detalhes dourados. Carregado depois de gba.css e mobile.css.
   ===================================================================== */
body.theme-gba.skin-dark {
  --gba-line: #0a0d13;
  --gba-white: #222a39;     /* as "caixas brancas" viram grafite */
  --gba-text: #e8ebf3;
  --gba-shadow: #141922;
  --gba-blue: #2a3756; --gba-blue-2: #3e4f78; --gba-blue-3: #1b2439;
  --gba-sel: #34436a; --gba-sel-2: #2c3a5c; --gba-orange: #f2c14e;   /* destaque: dourado */
  --gba-cream: #262e3e;
  --gba-purple: #34406a;
  --gba-navy: #1a2131;
  --accent: #f2c14e;
}
/* fundos: barra de baixo, coluna de menus, listras e janelas */
body.theme-gba.skin-dark .gba-stripes, body.theme-gba.skin-dark .dock, body.theme-gba.skin-dark .win-nav, body.theme-gba.skin-dark .m-bar {
  background: repeating-linear-gradient(180deg, #1b212c 0 2px, #181d27 2px 4px);
}
body.theme-gba.skin-dark .dock { box-shadow: 0 2px 0 rgba(242,193,78,.35) inset, 0 -4px 12px rgba(0,0,0,.45); }
body.theme-gba.skin-dark .win-box { background: #11151d; box-shadow: inset 0 0 0 2px #2c3650, 0 0 0 2px #05070a, 0 18px 50px rgba(0,0,0,.6); }
body.theme-gba.skin-dark .win-body {
  background: #161b24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23cfd6e6' stroke-width='6' opacity='.07'%3E%3Ccircle cx='50' cy='50' r='44'/%3E%3Cpath d='M6 50h30M64 50h30'/%3E%3Ccircle cx='50' cy='50' r='13'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 18px bottom 14px / 230px 230px;
}
body.theme-gba.skin-dark .ac-foot { background: linear-gradient(transparent, #161b24 30%); }
body.theme-gba.skin-dark .modal-box, body.theme-gba.skin-dark #modal .modal-card { box-shadow: inset 0 0 0 2px #2c3650, 0 0 0 2px #05070a, 0 18px 50px rgba(0,0,0,.6); }
body.theme-gba.skin-dark .modal-body .muted { color: #a9b0c2; }

/* caixas (HUD, botões da barra, abas, menu): sem o brilho branco do GBA */
body.theme-gba.skin-dark .hud-trainer, body.theme-gba.skin-dark .hud-pill, body.theme-gba.skin-dark .hud-money > *, body.theme-gba.skin-dark .dock-btn,
body.theme-gba.skin-dark .nav-btn.dock-btn, body.theme-gba.skin-dark .dock-bag, body.theme-gba.skin-dark .shop-tab, body.theme-gba.skin-dark .ac-tab {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), inset -2px -2px 0 var(--gba-shadow);
}
body.theme-gba.skin-dark .hud-tname, body.theme-gba.skin-dark .hud-pill, body.theme-gba.skin-dark .bt-title, body.theme-gba.skin-dark .bt-btn { text-shadow: none; }
body.theme-gba.skin-dark .hud-texp { background: #2c3650; }
body.theme-gba.skin-dark .hud-pill.charm { color: #f08ad8; } body.theme-gba.skin-dark .hud-pill.repel { color: #b9a8ff; }
body.theme-gba.skin-dark .dock-btn:hover, body.theme-gba.skin-dark .nav-btn.dock-btn:hover { border-color: var(--gba-orange); }
body.theme-gba.skin-dark .nav-btn.active { color: var(--gba-orange); }
body.theme-gba.skin-dark .win-nav .nav-btn.active { color: var(--gba-orange); background: linear-gradient(90deg, rgba(242,193,78,.18), rgba(242,193,78,.04)); box-shadow: none; }

/* botões: grafite azulado; principal dourado (texto escuro) */
body.theme-gba.skin-dark .btn { background: #2c3650; box-shadow: inset 0 0 0 1px #3f4c6e, inset 0 -3px 0 #1a2131; }
body.theme-gba.skin-dark .btn:hover { background: #36425f; }
body.theme-gba.skin-dark .btn-primary, body.theme-gba.skin-dark .bt-title.your-turn, body.theme-gba.skin-dark .pv-turn-banner, body.theme-gba.skin-dark .win-close, body.theme-gba.skin-dark .modal-head #modal-close {
  background: #e0ae3c; color: #1a1f2a; text-shadow: none; box-shadow: inset 0 0 0 1px #ffd77a, inset 0 -3px 0 #a87a1c;
}
body.theme-gba.skin-dark .btn-primary:hover, body.theme-gba.skin-dark .win-close:hover { background: #f2c14e; }
body.theme-gba.skin-dark .btn-danger { background: #b83c48; box-shadow: inset 0 0 0 1px #e07882, inset 0 -3px 0 #7c222c; }
body.theme-gba.skin-dark .btn-evo, body.theme-gba.skin-dark .ac-start { background: #2f8a50; box-shadow: inset 0 0 0 1px #6fd096, inset 0 -3px 0 #1d5c34; }
body.theme-gba.skin-dark .ac-start.stop { background: #b83c48; box-shadow: inset 0 0 0 1px #e07882, inset 0 -3px 0 #7c222c; }

/* campos de texto e listas */
body.theme-gba.skin-dark .win-body select, body.theme-gba.skin-dark .win-body input[type=text], body.theme-gba.skin-dark .win-body input[type=number], body.theme-gba.skin-dark .win-body input:not([type]),
body.theme-gba.skin-dark .ac-select, body.theme-gba.skin-dark .ac-num, body.theme-gba.skin-dark #modal select, body.theme-gba.skin-dark #modal input[type=number] {
  background: #0f1420; color: #e8ebf3; border-color: #2c3650; box-shadow: none;
}
body.theme-gba.skin-dark .inv-slot { background: #222a39; box-shadow: inset -2px -2px 0 #141922, inset 2px 2px 0 rgba(255,255,255,.05); }
body.theme-gba.skin-dark .inv-slot .count { text-shadow: 1px 1px 0 #000; }

/* barra de baixo: líder e slots em azul-noite */
body.theme-gba.skin-dark .dock-lead, body.theme-gba.skin-dark .dock-slot { box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
body.theme-gba.skin-dark .dock-lead .lead-row .bar, body.theme-gba.skin-dark .dock-slot .slot-hp, body.theme-gba.skin-dark .dock-slot .slot-xp,
body.theme-gba.skin-dark .mini-vital .bar, body.theme-gba.skin-dark .lvl-bar .lvl-track { background: #0b0f18; border-color: #2c3650; }
body.theme-gba.skin-dark .dock-slot.locked { background: #1d2433; box-shadow: inset -2px -2px 0 #141922; }
body.theme-gba.skin-dark .dock-slot.fainted { background: linear-gradient(180deg, #6a2a34 0 2px, #4a1e26 2px 70%, #5a2430 70%); }
body.theme-gba.skin-dark .dock-map { box-shadow: 0 0 0 2px #2c3650; }
body.theme-gba.skin-dark .dock-map-tag, body.theme-gba.skin-dark .nav-btn em { color: #1a1f2a; }

/* equipe (janela Pokémon) */
body.theme-gba.skin-dark .win-body .team-card { box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
body.theme-gba.skin-dark .win-body .team-card.lead { box-shadow: inset 0 0 0 1px rgba(242,193,78,.45); }
body.theme-gba.skin-dark .win-body .team-card.lead .team-top b, body.theme-gba.skin-dark .win-body .team-card.lead .team-top .chip:not(.tipo),
body.theme-gba.skin-dark .win-body .team-card.lead .mini-vital .mono { color: #fff; text-shadow: 2px 2px 0 var(--gba-line); }
body.theme-gba.skin-dark .win-body .team-card.lead .team-top .chip.green { color: #ffd166; }
body.theme-gba.skin-dark .win-body .team-card.fainted { background: linear-gradient(180deg, #6a2a34 0 2px, #4a1e26 2px 118px, #6a2a34 118px 120px, #3e1a22 120px); }
body.theme-gba.skin-dark #panel-team > .panel-sub { color: #a9b0c2; }

/* batalha */
body.theme-gba.skin-dark .battle-ui { background: #1a2131; border-color: #0a0d13; box-shadow: inset 0 0 0 2px #2c3650, inset 0 0 0 4px #1b2439, 0 6px 0 rgba(0,0,0,.35); }
body.theme-gba.skin-dark .bt-btn:not(.bt-move) { background: #222a39; }
body.theme-gba.skin-dark .bt-btn.bt-run, body.theme-gba.skin-dark .bt-run { background: #3a2430; }
body.theme-gba.skin-dark .bt-btn .bt-ic, body.theme-gba.skin-dark .lvl-bar #top-level, body.theme-gba.skin-dark .pvp-box .pv-log .turn { color: #f2c14e; }
body.theme-gba.skin-dark .bt-btn small, body.theme-gba.skin-dark .bt-empty { color: #a9b0c2; }
body.theme-gba.skin-dark .battle-timer { background: #2c3650; }
body.theme-gba.skin-dark .tooltip.pinned { box-shadow: inset 0 0 0 1px #ffd77a, 0 8px 24px rgba(0,0,0,.5); }

/* relatório da vitória e saldo da loja de diamantes */
body.theme-gba.skin-dark .victory-card, body.theme-gba.skin-dark .dshop-bal { background: #1a2131; color: #e8ebf3; box-shadow: inset 0 0 0 2px #2c3650, 0 4px 0 rgba(0,0,0,.35); }
body.theme-gba.skin-dark .vc-head b { color: #7ee2a0; text-shadow: none; }
body.theme-gba.skin-dark .vc-head small { color: #a9b0c2; }
body.theme-gba.skin-dark .vc-stat.xp, body.theme-gba.skin-dark .dshop-bal b { color: #7ad0ff; }
body.theme-gba.skin-dark .vc-stat.txp { color: #ffd166; } body.theme-gba.skin-dark .vc-stat.gold { color: #f2c14e; }
body.theme-gba.skin-dark .vc-share { color: #7ee2a0; } body.theme-gba.skin-dark .vc-loot, body.theme-gba.skin-dark .vc-evs { color: #c79bff; }

/* Mochila estilo Emerald */
body.theme-gba.skin-dark .bag-label { background: #262e3e; border-color: #0a0d13; color: #ffd166; text-shadow: none; box-shadow: inset 0 -2px 0 #141922; }
body.theme-gba.skin-dark .bag-arrow { background: #e0ae3c; color: #1a1f2a; box-shadow: inset 0 -2px 0 #a87a1c; }
body.theme-gba.skin-dark .bag-dots i { background: #2c3650; border-color: #0a0d13; }
body.theme-gba.skin-dark .bag-dots i.on { background: #f2c14e; }
body.theme-gba.skin-dark .bag-icon, body.theme-gba.skin-dark .bag-desc { background: #1a2131; border-color: #2c3650; box-shadow: none; color: #e8ebf3; }
body.theme-gba.skin-dark .bag-list { background: #1a2131; border-color: #0a0d13; box-shadow: inset 0 0 0 3px #2c3650, inset 0 0 0 5px #1b2439; }
body.theme-gba.skin-dark .bag-row { color: #e8ebf3; text-shadow: none; }
body.theme-gba.skin-dark .bag-row:hover { background: #222a39; }
body.theme-gba.skin-dark .bag-row.sel { background: #2c3a5c; }
body.theme-gba.skin-dark .bag-cur { color: #f2c14e; }
body.theme-gba.skin-dark .bag-empty { color: #a9b0c2; }

/* celular: abas de baixo e menu geral */
body.theme-gba.skin-dark .m-tab { text-shadow: none; }
body.theme-gba.skin-dark .m-sheet-box { background: #161b24; }
body.theme-gba.skin-dark .m-item.m-danger { color: #ff8a95; }
body.theme-gba.skin-dark .m-auto.on small { color: #7ee2a0; } body.theme-gba.skin-dark .m-auto small { color: #ff8a95; }

/* cards da equipe: as duas metades em azul-noite (no GameBoy a de baixo é azul-claro) */
body.theme-gba.skin-dark .win-body .team-card {
  background: linear-gradient(180deg, var(--gba-blue-2) 0 2px, var(--gba-blue) 2px 118px, var(--gba-blue-2) 118px 120px, #222c45 120px calc(100% - 3px), var(--gba-blue-3) calc(100% - 3px));
}
body.theme-gba.skin-dark .win-body .team-card.lead {
  background: linear-gradient(180deg, #4a5d86 0 2px, var(--gba-sel) 2px 118px, #4a5d86 118px 120px, #283658 120px calc(100% - 3px), #1d2844 calc(100% - 3px));
}
/* Mochila: painel da esquerda em listras azul-noite (no GameBoy é roxo/azul do Emerald) */
body.theme-gba.skin-dark .bag-left { background: repeating-linear-gradient(180deg, #232c40 0 2px, #1d2536 2px 4px); box-shadow: inset 0 0 0 2px #2c3650; }