/* GTA VI DATABASE — neon-noir, mobile-first. Extends /assets/gtavi/gtavi.css */
.db-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;
  padding:12px 16px;background:rgba(10,6,20,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,45,120,.3)}
.db-topbar-link{color:#22d3ee!important;text-decoration:none;font:600 13px 'IBM Plex Mono',monospace;white-space:nowrap}
.db-brand{font-family:'Pricedown','Bebas Neue',sans-serif;font-size:24px;letter-spacing:.06em;
  color:#fff!important;text-decoration:none;margin:0 auto}
.db-wrap{max-width:1080px;margin:0 auto;padding:20px 16px 40px}
.db-kicker{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.22em;text-transform:uppercase;color:#ffd166;margin:0 0 10px}
.db-hero h1{font-family:'Pricedown','Bebas Neue',sans-serif;font-size:clamp(52px,12vw,110px);
  line-height:.95;margin:0 0 12px;color:#fff;text-transform:uppercase}
.db-hero-sm h1{font-size:clamp(44px,10vw,84px)}
.db-lede{color:#b9b3cc;font-size:16px;line-height:1.65;max-width:62ch;margin:0 0 10px}
.db-policy{color:#8a84a0;font-size:14px}
.db-cat-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:26px 0 8px}
@media(min-width:720px){.db-cat-grid{grid-template-columns:1fr 1fr}}
.db-cat-card{display:block;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  text-decoration:none!important;transition:transform .15s,border-color .15s}
.db-cat-card:hover{transform:translateY(-2px);border-color:rgba(255,45,120,.55)}
.db-cat-icon{font-size:40px}
.db-cat-card h2{font-family:'Pricedown','Bebas Neue',sans-serif;font-size:38px;color:#fff;margin:8px 0 4px;text-transform:uppercase}
.db-cat-count{font:600 12px 'IBM Plex Mono',monospace;color:#22d3ee;margin:0 0 8px}
.db-cat-pitch{color:#b9b3cc;font-size:14px;line-height:1.6;margin:0}
.db-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.db-toolbar input[type=search]{flex:1 1 220px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  border-radius:999px;padding:12px 18px;color:#f4f1fa;font-size:15px;font-family:'Manrope',sans-serif}
.db-toolbar input[type=search]:focus{outline:none;border-color:#22d3ee}
.db-toolbar select{background:#171126;border:1px solid rgba(255,255,255,.16);border-radius:999px;
  padding:12px 16px;color:#f4f1fa;font-size:14px}
.db-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.db-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.db-grid{grid-template-columns:1fr 1fr 1fr}}
.db-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;
  background:rgba(255,255,255,.03);text-decoration:none!important;transition:transform .15s,border-color .15s}
.db-card:hover{transform:translateY(-2px);border-color:rgba(255,45,120,.55)}
.db-card-body{padding:16px;display:flex;flex-direction:column;gap:8px}
.db-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.db-card-name{font-weight:800;font-size:17px;color:#fff}
.db-card-desc{color:#b9b3cc;font-size:14px;line-height:1.6}
.db-card-src{font:500 11.5px 'IBM Plex Mono',monospace;color:#8a84a0}
.db-empty{color:#8a84a0;text-align:center;padding:30px}
.db-badge{display:inline-block;font:700 10.5px 'IBM Plex Mono',monospace;letter-spacing:.14em;
  padding:4px 10px;border-radius:999px;text-transform:uppercase}
.db-badge-confirmed{background:rgba(34,211,238,.14);color:#22d3ee;border:1px solid rgba(34,211,238,.5)}
.db-badge-rumor{background:rgba(255,176,60,.13);color:#ffb03c;border:1px solid rgba(255,176,60,.5)}
.db-art{position:relative;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:
    radial-gradient(120% 90% at 50% 0%,rgba(255,45,120,.22),transparent 60%),
    radial-gradient(100% 80% at 50% 110%,rgba(34,211,238,.18),transparent 60%),
    linear-gradient(160deg,#1a0f2e,#0d0718);
  border-bottom:1px solid rgba(255,255,255,.08)}
.db-art::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:28px 28px;pointer-events:none}
.db-art-icon{font-size:56px;filter:drop-shadow(0 0 14px rgba(255,45,120,.5));position:relative}
.db-art-label{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.3em;text-transform:uppercase;color:#8a84a0;position:relative}
.db-art-hero{min-height:220px;border:1px solid rgba(255,255,255,.1);border-radius:16px}
.db-art-hero .db-art-icon{font-size:84px}
.db-crumb{font:500 13px 'IBM Plex Mono',monospace;color:#8a84a0;margin:6px 0 14px}
.db-crumb a{color:#22d3ee!important;text-decoration:none}
.db-entry h1{font-family:'Pricedown','Bebas Neue',sans-serif;font-size:clamp(44px,10vw,80px);
  color:#fff;margin:10px 0 12px;text-transform:uppercase;line-height:1}
.db-entry-status{margin:18px 0 0}
.db-entry-desc{font-size:17px;line-height:1.75;color:#e8e4f5;max-width:68ch;margin:0 0 16px}
.db-map-link{margin:0 0 16px}
.db-map-link a{color:#22d3ee!important;font-weight:700;text-decoration:none}
.db-facts{display:grid;grid-template-columns:130px 1fr;gap:8px 14px;border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:18px;background:rgba(255,255,255,.03);margin:0 0 8px;max-width:640px}
.db-facts dt{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#8a84a0}
.db-facts dd{margin:0;color:#e8e4f5;font-size:14.5px}
.db-updates{border-left:3px solid #ffb03c;padding:4px 0 4px 16px;margin:20px 0;max-width:640px}
.db-updates h2{font-family:'Pricedown','Bebas Neue',sans-serif;font-size:28px;color:#fff;margin:0 0 8px;text-transform:uppercase}
.db-updates ul{margin:0;padding-left:18px;color:#b9b3cc;font-size:14.5px;line-height:1.7}
.db-entry-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:26px 0;max-width:640px}
.db-entry-nav span{justify-self:center}
.db-entry-nav .db-prevnext:first-child{justify-self:start}
.db-entry-nav .db-prevnext:last-child{justify-self:end}
.db-prevnext{color:#22d3ee!important;text-decoration:none;font-weight:700;font-size:14px}
.db-prevnext.db-all{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 20px}
.db-newsletter{margin:44px 0 10px;border:1px solid rgba(255,46,136,.45);border-radius:20px;padding:34px 26px;
  text-align:center;background:linear-gradient(165deg,#1c1132 0%,#0d0718 70%);
  box-shadow:0 0 50px rgba(255,46,136,.18)}
.db-newsletter h2{font-family:'Pricedown','Bebas Neue',sans-serif;font-size:clamp(34px,7vw,52px);
  color:#fff;margin:0 0 10px;text-transform:uppercase}
.db-nl-sub{color:#a89fc7;font-size:15px;line-height:1.65;max-width:52ch;margin:0 auto 20px}
.db-btn{display:inline-block;background:linear-gradient(90deg,#ff2e88,#ff5e3a);color:#fff!important;
  font-weight:800;font-size:16px;text-decoration:none!important;padding:15px 38px;border-radius:999px}
.db-btn:hover{filter:brightness(1.12)}
.db-fine{font-size:12px;color:#8b84a8;margin:14px 0 0}
.db-footer{border-top:1px solid rgba(255,255,255,.1);padding:26px 16px 60px;text-align:center;
  color:#8a84a0;font-size:13px;line-height:1.7;max-width:1080px;margin:0 auto}
.db-footer a{color:#22d3ee!important;text-decoration:none}