/* Tema Enigma Bíblico (integrado ao site) — sem reset global para não afetar o header do site */
    :root {
      --gold:#ffd700; --gold-light:#ffe566; --gold-dark:#c8960c;
      --orange:#ffa500; --brown-dark:#1a0a00; --brown-mid:#3a1800;
      --brown-card:rgba(80,35,0,.7); --brown-card2:rgba(40,15,0,.5);
      --text-main:#f0d080; --text-soft:#e0c070; --text-muted:#c09040;
      --green-ok:#00ff88; --red-err:#ff4444;
      --border:rgba(255,180,50,.35); --shadow-gold:0 0 20px rgba(255,215,0,.25);
    }
    html { scroll-behavior:smooth; }
    body.page-enigma-jogo {
      background:radial-gradient(ellipse at center,#1a0a00 0%,#0d0500 60%,#000 100%);
      min-height:100vh; font-family:'Crimson Text',serif;
      color:var(--text-main); display:flex; flex-direction:column;
    }
    body.page-enigma-jogo::before {
      content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
      background-image:
        radial-gradient(1px 1px at 15% 25%,rgba(255,215,0,.3) 0%,transparent 100%),
        radial-gradient(1px 1px at 75% 10%,rgba(255,215,0,.2) 0%,transparent 100%),
        radial-gradient(1px 1px at 45% 75%,rgba(255,215,0,.18) 0%,transparent 100%),
        radial-gradient(1px 1px at  8% 60%,rgba(255,215,0,.25) 0%,transparent 100%),
        radial-gradient(1px 1px at 88% 65%,rgba(255,215,0,.15) 0%,transparent 100%);
    }
    /* NAVBAR */
    .navbar {
      position:sticky; top:0; z-index:100;
      background:linear-gradient(135deg,rgba(20,8,0,.97),rgba(50,18,0,.97));
      border-bottom:1px solid rgba(255,180,50,.4);
      box-shadow:0 4px 20px rgba(0,0,0,.6); padding:0 24px;
    }
    .navbar-inner {
      max-width:1200px; margin:0 auto;
      display:flex; align-items:center; justify-content:space-between; height:60px;
    }
    .navbar-brand {
      font-family:'Cinzel',serif; font-size:1.2rem; font-weight:900;
      color:var(--gold); text-decoration:none; letter-spacing:2px;
      text-shadow:0 0 12px rgba(255,215,0,.5);
      display:flex; align-items:center; gap:10px;
    }
    .navbar-nav { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
    .nav-link {
      font-family:'Cinzel',serif; font-size:.75rem; letter-spacing:1.5px;
      color:var(--text-soft); text-decoration:none;
      padding:7px 14px; border-radius:6px; border:1px solid transparent;
      transition:all .3s; display:flex; align-items:center; gap:6px;
    }
    .nav-link:hover,.nav-link.active {
      color:var(--gold); border-color:rgba(255,215,0,.35);
      background:rgba(255,215,0,.08); text-shadow:0 0 8px rgba(255,215,0,.4);
    }
    .nav-badge {
      background:var(--gold); color:#1a0a00;
      font-size:.6rem; font-weight:700; padding:1px 5px;
      border-radius:10px; font-family:'Cinzel',serif;
    }
    /* LAYOUT */
    .main-wrapper {
      flex:1; position:relative; z-index:1;
      max-width:1200px; width:100%; margin:0 auto; padding:30px 20px;
    }
    /* CARD */
    .card {
      background:linear-gradient(135deg,var(--brown-card),var(--brown-card2));
      border:1px solid var(--border); border-radius:16px; padding:28px;
      box-shadow:0 4px 20px rgba(0,0,0,.5),inset 0 0 30px rgba(0,0,0,.2);
    }
    /* SECTION TITLE */
    .section-title {
      font-family:'Cinzel',serif; font-size:1.2rem; color:var(--gold);
      text-align:center; letter-spacing:3px; margin-bottom:20px;
      text-shadow:0 0 10px rgba(255,215,0,.4);
      display:flex; align-items:center; justify-content:center; gap:12px;
    }
    .section-title::before,.section-title::after {
      content:''; flex:1; height:1px;
      background:linear-gradient(to right,transparent,var(--gold),transparent);
    }
    /* BOTÕES */
    .btn {
      font-family:'Cinzel',serif; font-size:.8rem; letter-spacing:2px;
      padding:12px 24px; border:none; border-radius:8px; cursor:pointer;
      transition:all .3s; display:inline-flex; align-items:center; gap:8px;
      font-weight:700; text-decoration:none;
    }
    .btn-primary { background:linear-gradient(135deg,#8b4500,#c06000); color:#fff8e0; border:1px solid var(--orange); box-shadow:0 4px 15px rgba(200,100,0,.4); }
    .btn-primary:hover { background:linear-gradient(135deg,#c06000,#ff8c00); box-shadow:0 6px 25px rgba(255,140,0,.5); transform:translateY(-2px); }
    .btn-success { background:linear-gradient(135deg,#1a4a1a,#2a6a2a); color:#90ff90; border:1px solid #4aaa4a; }
    .btn-success:hover { background:linear-gradient(135deg,#2a6a2a,#3a8a3a); transform:translateY(-2px); }
    .btn-danger  { background:linear-gradient(135deg,#3a1a1a,#5a2a2a); color:#ffaaaa; border:1px solid #aa4444; }
    .btn-danger:hover  { background:linear-gradient(135deg,#5a2a2a,#7a3a3a); transform:translateY(-2px); }
    .btn-info    { background:linear-gradient(135deg,#0a2a4a,#1a4a7a); color:#aaddff; border:1px solid #4488bb; }
    .btn-info:hover    { background:linear-gradient(135deg,#1a4a7a,#2a6aaa); transform:translateY(-2px); }
    .btn-gold    { background:linear-gradient(135deg,var(--gold-dark),var(--gold)); color:#1a0a00; border:1px solid var(--gold-light); box-shadow:0 4px 15px rgba(255,215,0,.3); }
    .btn-gold:hover    { box-shadow:0 6px 25px rgba(255,215,0,.5); transform:translateY(-2px); }
    .btn-sm { padding:7px 14px; font-size:.7rem; }
    .btn-lg { padding:16px 36px; font-size:.95rem; }
    /* FORMS */
    .form-group { margin-bottom:18px; }
    .form-label { display:block; font-family:'Cinzel',serif; font-size:.8rem; color:var(--gold); letter-spacing:1.5px; margin-bottom:7px; }
    .form-control {
      width:100%; padding:11px 16px;
      background:rgba(255,255,255,.05); border:1px solid var(--border);
      border-radius:8px; color:var(--text-main);
      font-family:'Crimson Text',serif; font-size:1rem; transition:all .3s; outline:none;
    }
    .form-control:focus { border-color:var(--gold); background:rgba(255,215,0,.07); box-shadow:0 0 12px rgba(255,215,0,.2); }
    .form-control option { background:#1a0a00; color:var(--text-main); }
    /* ALERTS */
    .alert { padding:14px 18px; border-radius:10px; margin-bottom:18px; font-size:.95rem; display:flex; align-items:center; gap:10px; }
    .alert-success { background:rgba(0,100,0,.3);  border:1px solid #4aaa4a; color:#90ff90; }
    .alert-danger  { background:rgba(100,0,0,.3);  border:1px solid #aa4444; color:#ff9090; }
    .alert-info    { background:rgba(0,50,100,.3); border:1px solid #4488bb; color:#aaddff; }
    .alert-warning { background:rgba(100,70,0,.3); border:1px solid #cc9900; color:#ffdd66; }
    /* TABLE */
    .table-wrap { overflow-x:auto; border-radius:12px; }
    table { width:100%; border-collapse:collapse; }
    thead tr { background:rgba(120,55,0,.5); }
    thead th { font-family:'Cinzel',serif; font-size:.75rem; letter-spacing:1.5px; color:var(--gold); padding:13px 16px; text-align:left; border-bottom:2px solid rgba(255,180,50,.4); }
    tbody tr { border-bottom:1px solid rgba(255,180,50,.15); transition:background .2s; }
    tbody tr:hover { background:rgba(255,180,50,.06); }
    tbody td { padding:12px 16px; color:var(--text-soft); font-size:.95rem; }
    .badge { display:inline-block; padding:3px 10px; border-radius:20px; font-family:'Cinzel',serif; font-size:.65rem; letter-spacing:1px; font-weight:700; }
    .badge-facil   { background:rgba(0,150,0,.3);  color:#90ff90; border:1px solid #4aaa4a; }
    .badge-medio   { background:rgba(150,100,0,.3);color:#ffdd66; border:1px solid #cc9900; }
    .badge-dificil { background:rgba(150,0,0,.3);  color:#ff9090; border:1px solid #aa4444; }
    .badge-gold    { background:rgba(255,215,0,.2);color:var(--gold); border:1px solid var(--gold-dark); }
    /* UTILS */
    .text-gold{color:var(--gold)} .text-center{text-align:center} .text-muted{color:var(--text-muted);font-size:.9rem}
    .mt-1{margin-top:8px} .mt-2{margin-top:16px} .mt-3{margin-top:24px} .mt-4{margin-top:32px}
    .mb-1{margin-bottom:8px} .mb-2{margin-bottom:16px} .mb-3{margin-bottom:24px}
    .d-flex{display:flex} .flex-wrap{flex-wrap:wrap} .align-center{align-items:center}
    .justify-center{justify-content:center} .justify-between{justify-content:space-between}
    .gap-2{gap:12px} .gap-3{gap:18px} .w-100{width:100%}
    @media(max-width:768px){
      .navbar-inner{flex-direction:column;height:auto;padding:10px 0;gap:8px;}
      .navbar-nav{justify-content:center;}
      .main-wrapper{padding:16px 12px;}
      .card{padding:16px 12px;}
    }