/* ============================================================
   POKÉMON DIALOGUE BOX THEMES — CSS PURO, sin SVG
   Técnica: background sólido + border interior + box-shadow
   multicapa para el marco doble exterior.
   ============================================================ */

/* ── Shared reset ── */
.card-wrap[class*="dbox-"] {
    border-radius: 0 !important;
    filter: none !important;
}
.card-wrap.card-coming-soon[class*="dbox-"] {
    opacity: 0.90;
}

/* ──────────────────────────────────────
   GEN 4 · Diamond / Pearl
   Blanco puro, doble marco azul DS
   ────────────────────────────────────── */
.card-wrap.dbox-dp-main {
    background: #FFFFFF !important;
    border: 3px solid #2B4BA0 !important;
    box-shadow:
        0 0 0 6px #FFFFFF,
        0 0 0 10px #2B4BA0,
        0 12px 28px rgba(0,0,0,0.55) !important;
}
.card-wrap.dbox-dp-main .card-title { color: #1B3580 !important; text-shadow: none !important; }
.card-wrap.dbox-dp-main .card-desc  { color: #1a1a3a !important; text-shadow: none !important; }
.card-wrap.dbox-dp-main .btn-pokemon-play {
    background: linear-gradient(135deg,#2B4BA0,#1a3080) !important;
    color: #fff !important; border-color: #0a2060 !important;
    box-shadow: 0 4px 0 #071040,0 6px 12px rgba(0,0,0,.4) !important;
}

/* ──────────────────────────────────────
   GEN 4 · HGSS Gym — blanco, rombos dorados
   ────────────────────────────────────── */
.card-wrap.dbox-hgss-gym {
    background: #FFFFFF !important;
    border: 3px solid #C8A000 !important;
    box-shadow:
        0 0 0 6px #FFFEF0,
        0 0 0 10px #C8A000,
        0 12px 28px rgba(0,0,0,0.5) !important;
}
.card-wrap.dbox-hgss-gym .card-title { color: #806000 !important; text-shadow: none !important; }
.card-wrap.dbox-hgss-gym .card-desc  { color: #3a2000 !important; text-shadow: none !important; }
.card-wrap.dbox-hgss-gym .btn-pokemon-play {
    background: linear-gradient(135deg,#9A7000,#6A4800) !important;
    color: #fff !important; border-color: #3a2000 !important;
    box-shadow: 0 4px 0 #2a1400,0 6px 12px rgba(0,0,0,.4) !important;
}

/* ──────────────────────────────────────
   GEN 4 · HGSS Pokégear — oscuro dorado, estilo teléfono
   ────────────────────────────────────── */
.card-wrap.dbox-hgss-pokegear {
    background: #1E1E1E !important;
    border: 2px solid #C8A000 !important;
    box-shadow:
        inset 0 0 20px rgba(200,160,0,0.08),
        0 0 0 1px rgba(200,160,0,0.3),
        0 12px 28px rgba(0,0,0,0.7) !important;
}
.card-wrap.dbox-hgss-pokegear .card-title { color: var(--poke-yellow) !important; text-shadow: 1px 1px 0 #000 !important; }
.card-wrap.dbox-hgss-pokegear .card-desc  { color: #d0b860 !important; text-shadow: none !important; }

/* ──────────────────────────────────────
   GEN 4 · DP Gift — blanco, marcos dorados
   ────────────────────────────────────── */
.card-wrap.dbox-dp-gift {
    background: #FFFDE8 !important;
    border: 3px solid #9A7800 !important;
    box-shadow:
        0 0 0 6px #FFFDE8,
        0 0 0 10px #C8A000,
        0 12px 28px rgba(0,0,0,0.5) !important;
}
.card-wrap.dbox-dp-gift .card-title { color: #6B4800 !important; text-shadow: none !important; }
.card-wrap.dbox-dp-gift .card-desc  { color: #3a2800 !important; text-shadow: none !important; }

/* ──────────────────────────────────────
   GEN 4 · Platinum Distortion — oscuro ciencia ficción
   ────────────────────────────────────── */
.card-wrap.dbox-plat-distortion {
    background: #0E0E28 !important;
    border: 2px solid #C8C8FF !important;
    box-shadow:
        inset 0 0 24px rgba(180,180,255,0.08),
        0 0 0 1px rgba(150,150,255,0.2),
        0 12px 28px rgba(0,0,0,0.75) !important;
}
.card-wrap.dbox-plat-distortion .card-title { color: var(--poke-yellow) !important; text-shadow: 0 0 8px rgba(200,200,255,.5) !important; }
.card-wrap.dbox-plat-distortion .card-desc  { color: #a8a8ff !important; text-shadow: none !important; }

/* ──────────────────────────────────────
   GEN 4 · HGSS Main — crema dorado-marrón
   ────────────────────────────────────── */
.card-wrap.dbox-hgss-main {
    background: #FFFBF0 !important;
    border: 3px solid #8B5C00 !important;
    box-shadow:
        0 0 0 6px #FFFBF0,
        0 0 0 10px #8B5C00,
        0 12px 28px rgba(0,0,0,0.5) !important;
}
.card-wrap.dbox-hgss-main .card-title { color: #5A3000 !important; text-shadow: none !important; }
.card-wrap.dbox-hgss-main .card-desc  { color: #3a1800 !important; text-shadow: none !important; }
.card-wrap.dbox-hgss-main .btn-pokemon-play {
    background: linear-gradient(135deg,#8B5C00,#5A3800) !important;
    color: #ffe0a0 !important; border-color: #3a2000 !important;
    box-shadow: 0 4px 0 #2a1400,0 6px 12px rgba(0,0,0,.4) !important;
}

/* ──────────────────────────────────────
   GEN 5 · Black / White — blanco/negro máximo contraste
   ────────────────────────────────────── */
.card-wrap.dbox-bw-main {
    background: #FFFFFF !important;
    border: 4px solid #0A0A0A !important;
    box-shadow:
        0 0 0 6px #FFFFFF,
        0 0 0 11px #0A0A0A,
        0 12px 28px rgba(0,0,0,0.6) !important;
}
.card-wrap.dbox-bw-main .card-title { color: #000000 !important; text-shadow: none !important; }
.card-wrap.dbox-bw-main .card-desc  { color: #111111 !important; text-shadow: none !important; }
.card-wrap.dbox-bw-main .btn-pokemon-play {
    background: linear-gradient(135deg,#222,#444) !important;
    color: #fff !important; border-color: #000 !important;
    box-shadow: 0 4px 0 #000,0 6px 12px rgba(0,0,0,.5) !important;
}

/* ──────────────────────────────────────
   GEN 5 · BW Dream World — azul pastel suave
   ────────────────────────────────────── */
.card-wrap.dbox-bw-dream {
    background: #F0F8FF !important;
    border: 2px solid #7AB8E8 !important;
    box-shadow:
        0 0 0 5px #E0F0FF,
        0 0 0 9px #7AB8E8,
        0 12px 28px rgba(0,0,0,0.45) !important;
}
.card-wrap.dbox-bw-dream .card-title { color: #1a5080 !important; text-shadow: none !important; }
.card-wrap.dbox-bw-dream .card-desc  { color: #204060 !important; text-shadow: none !important; }

/* ──────────────────────────────────────
   GEN 5 · B2W2 World Tournament — oscuro dorado prestigio
   ────────────────────────────────────── */
.card-wrap.dbox-b2w2-tournament {
    background: #0D0A00 !important;
    border: 2px solid #C8A000 !important;
    box-shadow:
        inset 0 0 20px rgba(200,160,0,0.08),
        0 0 0 1px rgba(200,160,0,0.3),
        0 12px 28px rgba(0,0,0,0.72) !important;
}
.card-wrap.dbox-b2w2-tournament .card-title { color: var(--poke-yellow) !important; text-shadow: 1px 1px 0 #000 !important; }
.card-wrap.dbox-b2w2-tournament .card-desc  { color: #c8a860 !important; text-shadow: none !important; }

/* ──────────────────────────────────────
   GEN 5 · BW Team Plasma — oscuro morado
   ────────────────────────────────────── */
.card-wrap.dbox-bw-plasma {
    background: #1A1A1A !important;
    border: 2px solid #7020B0 !important;
    box-shadow:
        inset 0 0 20px rgba(112,32,176,0.12),
        0 0 0 1px rgba(112,32,176,0.35),
        0 12px 28px rgba(0,0,0,0.7) !important;
}
.card-wrap.dbox-bw-plasma .card-title { color: var(--poke-yellow) !important; text-shadow: 1px 1px 0 #000 !important; }
.card-wrap.dbox-bw-plasma .card-desc  { color: #c090ff !important; text-shadow: none !important; }

/* ──────────────────────────────────────
   GEN 5 · B2W2 Pokéstar Studios — negro cinematográfico
   ────────────────────────────────────── */
.card-wrap.dbox-b2w2-pokewood {
    background: #0A0A0A !important;
    border: 2px solid #FFFFFF !important;
    box-shadow:
        inset 0 0 16px rgba(255,255,255,0.04),
        0 0 0 1px rgba(255,255,255,0.15),
        0 12px 28px rgba(0,0,0,0.8) !important;
}
.card-wrap.dbox-b2w2-pokewood .card-title { color: #FFFFFF !important; text-shadow: none !important; }
.card-wrap.dbox-b2w2-pokewood .card-desc  { color: #cccccc !important; text-shadow: none !important; }

/* ── Coming-soon dashed border override ── */
.card-coming-soon[class*="dbox-"] {
    border-style: solid !important;
}

/* ──────────────────────────────────────
   GEN 1-2 · Game Boy clásico
   Fondo LCD crema, doble marco negro puro
   Esquinas cuadradas, sin color
   ────────────────────────────────────── */
.card-wrap.dbox-gb {
    background: #f0f0e8 !important;
    border: 4px solid #1a1a1a !important;
    box-shadow:
        0 0 0 4px #f0f0e8,
        0 0 0 8px #1a1a1a,
        5px 7px 0 8px rgba(0,0,0,0.28) !important;
}
.card-wrap.dbox-gb .card-title {
    color: var(--poke-navy) !important;
    text-shadow: none !important;
}
.card-wrap.dbox-gb .card-desc {
    color: #2a2a2a !important;
    text-shadow: none !important;
    font-weight: 700;
}
.card-wrap.dbox-gb .card-icon-big {
    filter: none !important;
}
.card-wrap.dbox-gb .new-badge {
    background: #1a1a1a;
    color: #f0f0e8;
    border-color: #f0f0e8;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.5);
    border-radius: 0;
}
.card-wrap.dbox-gb .coming-soon-badge {
    background: #1a1a1a;
    color: #f0f0e8;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.5);
    border-radius: 0;
}
.card-wrap.dbox-gb .btn-pokemon-play {
    background: linear-gradient(135deg, #EE1515 0%, #cc0000 100%) !important;
    color: #ffffff !important;
    border: 2px solid #8B0000 !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 rgba(139,0,0,0.5), 0 0 0 2px #f0f0e8 !important;
}
.card-wrap.dbox-gb .btn-pokemon-play:hover {
    color: #ffffff !important;
    box-shadow: 4px 5px 0 rgba(139,0,0,0.5), 0 0 0 2px #f0f0e8 !important;
}
.card-wrap.dbox-gb .btn-pokemon-play:active {
    box-shadow: 1px 1px 0 rgba(139,0,0,0.5), 0 0 0 2px #f0f0e8 !important;
}
.card-wrap.card-coming-soon.dbox-gb {
    background: #f0f0e8 !important;
    opacity: 0.85;
}
.card-wrap.card-coming-soon.dbox-gb .card-title {
    color: #555 !important;
    font-size: 1.1rem !important;
}
.card-wrap.card-coming-soon.dbox-gb .card-desc {
    color: #666 !important;
    font-weight: 600;
}
/* Pokéballs 8-bit B&W en las 4 esquinas (mitad superior negra) */
.card-wrap.dbox-gb::before {
    content: '';
    position: absolute;
    inset: -18px;
    pointer-events: none;
    z-index: 5;
    background-image:
        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'><circle cx='10' cy='10' r='9' fill='%231a1a1a'/><path d='M1 10 A9 9 0 0 0 19 10 Z' fill='%23f0f0e8'/><circle cx='10' cy='10' r='4' fill='%23f0f0e8'/><circle cx='10' cy='10' r='3' fill='%231a1a1a'/><circle cx='10' cy='10' r='1.5' fill='%23f0f0e8'/><circle cx='10' cy='10' r='9' fill='none' stroke='%231a1a1a' stroke-width='1.5'/></svg>"),
        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'><circle cx='10' cy='10' r='9' fill='%231a1a1a'/><path d='M1 10 A9 9 0 0 0 19 10 Z' fill='%23f0f0e8'/><circle cx='10' cy='10' r='4' fill='%23f0f0e8'/><circle cx='10' cy='10' r='3' fill='%231a1a1a'/><circle cx='10' cy='10' r='1.5' fill='%23f0f0e8'/><circle cx='10' cy='10' r='9' fill='none' stroke='%231a1a1a' stroke-width='1.5'/></svg>"),
        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'><circle cx='10' cy='10' r='9' fill='%231a1a1a'/><path d='M1 10 A9 9 0 0 0 19 10 Z' fill='%23f0f0e8'/><circle cx='10' cy='10' r='4' fill='%23f0f0e8'/><circle cx='10' cy='10' r='3' fill='%231a1a1a'/><circle cx='10' cy='10' r='1.5' fill='%23f0f0e8'/><circle cx='10' cy='10' r='9' fill='none' stroke='%231a1a1a' stroke-width='1.5'/></svg>"),
        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'><circle cx='10' cy='10' r='9' fill='%231a1a1a'/><path d='M1 10 A9 9 0 0 0 19 10 Z' fill='%23f0f0e8'/><circle cx='10' cy='10' r='4' fill='%23f0f0e8'/><circle cx='10' cy='10' r='3' fill='%231a1a1a'/><circle cx='10' cy='10' r='1.5' fill='%23f0f0e8'/><circle cx='10' cy='10' r='9' fill='none' stroke='%231a1a1a' stroke-width='1.5'/></svg>");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0 0, 100% 0, 0 100%, 100% 100%;
}