/* Comic Book Master — dark theme & forms */
.mc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:16px 0}
.mc-card{background:#0f1017;color:#ffd54a;border:1px solid #2b2f43;border-radius:16px;padding:12px;text-decoration:none;display:flex;flex-direction:column;align-items:center;min-height:200px;transition:transform .15s ease,box-shadow .15s ease}
.mc-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.mc-card-title{font-weight:800;font-size:1.05rem;text-align:center;margin-top:8px;color:#ffea80}
.mc-thumb{width:100%;height:auto;border-radius:12px}
.mc-thumb.placeholder{width:100%;height:160px;background:#1c1f2e;border-radius:12px}
.mc-price{margin:8px 0;font-weight:800;color:#ffea80}
.mc-actions{display:flex;gap:8px;flex-wrap:wrap}
.mc-btn{background:#ffd54a;color:#0b0b0f;padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:800;border:1px solid #e3c44c}
.mc-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.mc-filters input[type=text], .mc-filters select{padding:8px;border-radius:8px;border:1px solid #444;background:#0f111a;color:#eee}
.mc-pagination{margin:16px 0}
.cbm-scan-wrap{display:grid;gap:12px;max-width:720px;margin:12px auto;padding:12px;background:#0f111a;border:1px solid #27304a;border-radius:16px}
#cbm-video{width:100%;border-radius:12px;border:1px solid #27304a;background:#000}
.muted{color:#9ea6b9}
:root{--bg:#0a0b11;--gold:#ffd54a;--gold-soft:#ffea80;--text:#eef2ff;--muted:#98a2b3}
.cbm-container{max-width:1200px;margin:0 auto;padding:0 20px}
.cbm-home{color:var(--text);background:radial-gradient(1200px 600px at 80% -10%, #15172a 0%, transparent 60%), var(--bg)}
.cbm-hero{position:relative;overflow:hidden;padding:54px 0 24px;border-bottom:1px solid #1e2133}
.cbm-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
@media (max-width:980px){ .cbm-hero-inner{grid-template-columns:1fr} }
.cbm-hero h1{font-size:clamp(30px,4.6vw,56px);line-height:1.05;margin:0 0 10px;color:var(--gold-soft);text-shadow:0 2px 0 #4b3e00}
.lede{color:#cad4e0;margin:0 0 18px}
.cbm-burst{position:absolute;inset:-40% -10% auto auto;height:110%;filter:blur(60px) saturate(140%);opacity:.30;
  background:radial-gradient(400px 300px at 70% 40%, #ff6fb1, transparent 60%),
             radial-gradient(400px 300px at 40% 60%, #6ee7ff, transparent 60%),
             radial-gradient(420px 320px at 80% 80%, #b6ff6e, transparent 60%);
  pointer-events:none}
.cbm-showcase{aspect-ratio:16/10;border-radius:18px;border:1px solid #2b2f45;background:linear-gradient(180deg,#141629,#0e0f1a),
              radial-gradient(800px 460px at 80% 0%, rgba(255,213,74,.18), transparent 60%);
  position:relative;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.chip{position:absolute;top:12px;left:12px;background:#0e1019;border:1px solid #323756;color:#ffd54a;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.78rem}
.cbm-grid-covers{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px}
.cbm-cover{border-radius:12px;background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0)),
    url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"240\" height=\"360\"><rect width=\"100%\" height=\"100%\" fill=\"%2317192a\"/><text x=\"50%\" y=\"54%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"Verdana\" font-size=\"26\" fill=\"%23ffea80\">COMIC</text></svg>');
  background-size:cover;border:1px solid #343957}
.section{padding:28px 0}
.section h2{margin:0 0 10px;font-size:clamp(22px,3.2vw,34px);color:#ffea80}
.grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){ .grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .grid{grid-template-columns:1fr} }
.tile{position:relative;overflow:hidden;border-radius:18px;border:1px solid #323655;background:linear-gradient(180deg,#121321,#0e1019)}
.tile-inner{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px}
.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#1c1f33;border:1px solid #373c6a;font-size:22px}
.tile h3{margin:0;font-size:1.05rem}
.tile p{margin:4px 0 0;color:#98a2b3;font-size:.95rem}
.arrow{font-weight:900;color:#ffd54a}
.tile:hover{outline:1px solid #3b3f5a;transform:translateY(-1px)}
.cbm-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #30334a;background:#171a25;color:#eef2ff;font-weight:800}
.btn.primary{background:#ffd54a;color:#0a0b11;border-color:#e6c244}
.card{background:#0f111a;border:1px solid #27304a;border-radius:16px;padding:16px;max-width:900px;margin:12px auto}
.cbm-grid2{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (max-width:720px){ .cbm-grid2{grid-template-columns:1fr} }
.cbm-form input[type=text], .cbm-form input[type=number], .cbm-form select, .cbm-form textarea{
  width:100%;padding:10px;border-radius:10px;border:1px solid #374058;background:#0b0e18;color:#eef2ff
}
.cbm-form h3{margin-top:0;color:#ffea80}