:root {
  --bg: #050508;
  --panel: rgba(11, 12, 20, 0.9);
  --panel-strong: rgba(18, 20, 31, 0.96);
  --text: #f4f5f7;
  --muted: #a7adbb;
  --pink: #ff2c98;
  --green: #a7ff00;
  --blue: #35d8ff;
  --yellow: #ffe332;
  --purple: #b655ff;
  --border: rgba(255,255,255,.09);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 50% 0,rgba(255,44,152,.12),transparent 35%),linear-gradient(#09070d,#030306 55%,#07060b);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.08) 4px)}.hero-banner,.app-shell,.bottom-nav{position:relative;z-index:1}.hero-banner{width:min(1500px,100%);margin:auto;overflow:hidden;background:#000;box-shadow:0 18px 80px rgba(255,44,152,.15)}.hero-banner img{width:100%;display:block;aspect-ratio:3/1;object-fit:cover}.app-shell{width:min(1220px,calc(100% - 24px));margin:-10px auto 0;padding-bottom:90px;display:grid;gap:18px}.panel{background:linear-gradient(145deg,rgba(19,18,30,.94),rgba(8,9,15,.92));border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.38),inset 0 0 30px rgba(255,255,255,.018);overflow:hidden}.network-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-family:"Barlow Condensed";font-weight:700;letter-spacing:.09em;color:var(--blue);font-size:.9rem}.network-strip>div:first-child{color:var(--yellow)}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3b50;box-shadow:0 0 12px #ff3b50;margin-right:8px}.intro-grid{display:grid;grid-template-columns:1.45fr .65fr;gap:18px}.intro-copy{padding:28px}.eyebrow{font-family:"Barlow Condensed";letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--green);margin:0 0 7px}.intro-copy h1,.section-head h2,.panel-head h2,.brand-card h2{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.02em;margin:0}.intro-copy h1{font-size:clamp(2.6rem,7vw,5.5rem);line-height:.85}.intro-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;max-width:68ch;line-height:1.6}.status-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.status-row span{padding:9px 11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:10px;color:var(--muted);font-size:.8rem}.status-row b{color:var(--pink);margin-right:5px}.brand-card{display:grid;grid-template-columns:minmax(105px,.75fr) 1fr;align-items:center;padding:14px;gap:14px}.brand-card img{width:100%;border-radius:15px;box-shadow:0 0 28px rgba(167,255,0,.15)}.brand-card p:last-child{color:var(--pink);font-family:"Barlow Condensed";font-weight:700;letter-spacing:.06em}.section-head{display:flex;justify-content:space-between;align-items:end;padding:6px 2px}.section-head h2{font-size:2rem}.status-pill{border:1px solid rgba(53,216,255,.35);color:var(--blue);border-radius:999px;padding:7px 10px;font:700 .78rem "Barlow Condensed";letter-spacing:.08em}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card{min-height:145px;text-align:left;padding:17px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid currentColor;color:var(--pink);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s transform,.2s box-shadow;font-family:Inter}.module-card:hover{transform:translateY(-3px);box-shadow:0 0 25px currentColor}.module-card span{font:700 .8rem "Barlow Condensed";opacity:.75}.module-card strong{font:900 2rem "Barlow Condensed";letter-spacing:.03em}.module-card small{color:var(--muted)}.comics-card{color:var(--green)}.dossiers-card{color:var(--yellow)}.tbn-card{color:var(--blue)}.arcade-card{color:var(--yellow)}.store-card{color:var(--pink)}.interface-preview{padding:14px}.interface-preview img{display:block;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-head h2{font-size:1.8rem}.panel-head span{color:var(--blue);border:1px solid rgba(53,216,255,.32);background:rgba(53,216,255,.07);padding:5px 8px;border-radius:999px;font-size:.75rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-panel,.feed-panel,.comics-panel{padding:20px}.district-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.district-grid div,.roster-list div,.feed-list li{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);font:800 1.05rem "Barlow Condensed";letter-spacing:.04em}.district-grid small,.roster-list span,.feed-list span{display:block;font:400 .78rem Inter;color:var(--muted);margin-top:3px}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comic-grid figure{margin:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.comic-grid img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.comic-grid figcaption{padding:10px}.comic-grid b,.comic-grid span{display:block}.comic-grid b{font:800 1.1rem "Barlow Condensed";color:var(--green)}.comic-grid span{font-size:.72rem;color:var(--muted)}.roster-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.roster-list strong{color:var(--pink)}.feed-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.feed-list b{color:var(--green)}.feature-panel>p{color:var(--muted);line-height:1.6}.coming-soon{width:100%;margin-top:14px;padding:11px;background:rgba(255,255,255,.04);color:var(--yellow);border:1px solid rgba(255,227,50,.22);border-radius:10px;font:700 .85rem "Barlow Condensed";letter-spacing:.08em}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;width:min(650px,calc(100% - 20px));display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:7px;background:rgba(5,5,9,.9);border:1px solid rgba(255,255,255,.08);border-radius:16px;backdrop-filter:blur(16px);box-shadow:0 10px 35px #000}.bottom-nav button{border:0;background:transparent;color:var(--muted);padding:10px 5px;border-radius:10px;font:700 .8rem "Barlow Condensed";letter-spacing:.06em;cursor:pointer}.bottom-nav button.active{background:rgba(167,255,0,.12);color:var(--green);box-shadow:0 0 15px rgba(167,255,0,.1)}
@media(max-width:850px){.app-shell{width:min(100% - 14px,1220px)}.intro-grid,.dashboard-grid{grid-template-columns:1fr}.brand-card{grid-template-columns:140px 1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.hero-banner img{min-height:210px}.network-strip{font-size:.75rem}.comic-grid{gap:7px}}
@media(max-width:520px){.hero-banner img{aspect-ratio:1.8/1;object-position:center}.intro-copy{padding:20px}.brand-card{grid-template-columns:100px 1fr}.module-grid{grid-template-columns:1fr 1fr}.module-card{min-height:125px}.module-card strong{font-size:1.55rem}.district-grid,.roster-list{grid-template-columns:1fr}.comic-grid{grid-template-columns:repeat(3,1fr)}.comic-grid figcaption{padding:7px}.comic-grid span{display:none}.network-strip{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;gap:8px;flex-direction:column}.bottom-nav{bottom:6px}}


/* V3 visual command modules */
.visual-modules {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.image-module {
  display: block;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 45, 149, 0.35);
  border-radius: 18px;
  background: #050508;
  box-shadow:
    0 0 0 1px rgba(138, 255, 43, 0.04) inset,
    0 14px 40px rgba(0, 0, 0, 0.35);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.image-module img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.image-module:hover,
.image-module:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(138, 255, 43, 0.8);
  box-shadow:
    0 0 0 1px rgba(255, 45, 149, 0.18) inset,
    0 0 28px rgba(138, 255, 43, 0.12),
    0 18px 46px rgba(0, 0, 0, 0.5);
  outline: none;
}

.image-module:active {
  transform: scale(0.99);
}

@media (max-width: 760px) {
  .visual-modules {
    grid-template-columns: 1fr;
  }
}

/* V4 multi-page app expansion */
.bottom-nav a {
  text-decoration: none;
  padding: .85rem .4rem;
  background: rgba(255,255,255,.06);
  color: var(--muted);
  border-radius: 12px;
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  text-align: center;
}
.bottom-nav a:hover { color: var(--yellow); background: rgba(255,229,59,.1); }
.page-shell { padding-top: 1rem; }
.page-hero { padding: 1.4rem; }
.page-hero h1 { margin: 0; font-family: "Barlow Condensed", sans-serif; font-size: clamp(2.6rem, 7vw, 5rem); }
.district-card-grid, .dossier-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
.district-card, .dossier-card { padding:1.2rem; min-height:190px; }
.district-card span { color:var(--pink); font-family:"Barlow Condensed",sans-serif; font-size:1.1rem; }
.district-card h2, .dossier-card h2 { margin:.2rem 0 .5rem; font-family:"Barlow Condensed",sans-serif; font-size:2rem; }
.district-card p, .dossier-card p { color:var(--muted); }
.dossier-card strong { color:var(--green); display:block; margin-bottom:.65rem; }
.map-console { padding:1.2rem; }
.comic-detail { display:grid; grid-template-columns:minmax(220px,340px) 1fr; gap:1.2rem; padding:1rem; align-items:center; }
.comic-detail img { width:100%; border-radius:16px; border:1px solid rgba(255,255,255,.1); }
.comic-detail h2 { font-family:"Barlow Condensed",sans-serif; font-size:2.4rem; margin:.1rem 0; }
.big-feed { padding:1.2rem; }
.locked-page { display:grid; grid-template-columns:minmax(280px,520px) 1fr; gap:1.2rem; padding:1rem; align-items:center; }
.locked-page img { width:100%; border-radius:18px; }
.locked-page h2 { font-family:"Barlow Condensed",sans-serif; font-size:3rem; margin:.2rem 0; }
.module-card.image-module { text-decoration:none; }
@media (max-width: 760px) {
  .district-card-grid,.dossier-grid,.comic-detail,.locked-page { grid-template-columns:1fr; }
}

/* V5 City Map expansion */
.map-visual-hero { padding: 1rem; }
.map-visual-hero h1,
.district-file-hero h1 {
  margin: 0;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(2.8rem, 7vw, 5.2rem);
  line-height: .95;
}
.map-visual-hero img {
  display:block;
  width:100%;
  margin-top:1rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
}
.district-link-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.district-link-card {
  display:block;
  text-decoration:none;
  color:var(--text);
  padding:1.2rem;
  min-height:220px;
  position:relative;
  overflow:hidden;
  transition:transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.district-link-card::after {
  content:"";
  position:absolute;
  inset:auto -20% -45% 25%;
  height:160px;
  background:radial-gradient(circle, rgba(138,255,43,.12), transparent 65%);
  pointer-events:none;
}
.district-link-card:hover {
  transform:translateY(-3px);
  border-color:rgba(138,255,43,.55);
  box-shadow:0 0 28px rgba(138,255,43,.08);
}
.district-link-card h2 {
  font-family:"Barlow Condensed",sans-serif;
  font-size:2.3rem;
  margin:.25rem 0;
}
.district-link-card strong { color:var(--green); }
.district-link-card p { color:var(--muted); }
.district-link-card em {
  font-style:normal;
  font-family:"Barlow Condensed",sans-serif;
  letter-spacing:.06em;
  color:var(--pink);
}
.district-num {
  color:var(--blue);
  font-family:"Barlow Condensed",sans-serif;
  font-size:1rem;
}
.district-file-hero { padding:1.4rem; }
.district-file-hero > strong { color:var(--green); display:block; margin:.6rem 0; }
.district-file-hero > p { color:var(--muted); max-width:70ch; }
.district-actions {
  margin-top:1rem;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  align-items:center;
}
.action-link {
  text-decoration:none;
  color:var(--pink);
  border:1px solid rgba(255,45,149,.35);
  padding:.65rem .85rem;
  border-radius:12px;
  font-family:"Barlow Condensed",sans-serif;
}
.district-intel-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.district-intel-grid article { padding:1rem; }
.district-intel-grid h2 {
  margin:.2rem 0;
  font-family:"Barlow Condensed",sans-serif;
  font-size:2rem;
}
.district-intel-grid p { color:var(--muted); }
@media (max-width:760px) {
  .district-link-grid,
  .district-intel-grid { grid-template-columns:1fr; }
}

/* V6 Dossiers expansion */
.dossier-link-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.dossier-link-card {
  text-decoration:none;
  color:var(--text);
  padding:1.2rem;
  min-height:280px;
  position:relative;
  overflow:hidden;
  transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
}
.dossier-link-card::after {
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:-80px;bottom:-110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(138,255,43,.14),transparent 68%);
}
.dossier-link-card:hover {
  transform:translateY(-3px);
  border-color:rgba(255,45,149,.6);
  box-shadow:0 0 30px rgba(255,45,149,.08);
}
.dossier-card-head {
  display:flex;
  justify-content:space-between;
  color:var(--blue);
  font-family:"Barlow Condensed",sans-serif;
}
.dossier-card-head b { color:var(--pink); }
.dossier-link-card h2 {
  font-family:"Barlow Condensed",sans-serif;
  font-size:2.5rem;
  margin:.35rem 0 .1rem;
}
.dossier-link-card > strong { color:var(--green); }
.dossier-link-card > p { color:var(--muted); }
.dossier-link-card em {
  font-style:normal;
  color:var(--pink);
  font-family:"Barlow Condensed",sans-serif;
  letter-spacing:.06em;
}
.mini-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.5rem;
  margin:.9rem 0;
}
.mini-stats span {
  padding:.55rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  font-family:"Barlow Condensed",sans-serif;
  color:var(--muted);
}
.mini-stats b { display:block;color:var(--yellow);font-size:1.25rem; }

.character-file { padding:1.3rem; }
.character-file-head {
  display:grid;
  grid-template-columns:140px 1fr;
  gap:1.2rem;
  align-items:start;
}
.character-number {
  font-family:"Barlow Condensed",sans-serif;
  font-weight:900;
  font-size:8rem;
  line-height:.8;
  color:var(--pink);
}
.character-file h1 {
  margin:0;
  font-family:"Barlow Condensed",sans-serif;
  font-size:clamp(3.2rem,8vw,6.5rem);
  line-height:.9;
}
.character-file-head strong { color:var(--green); }
.character-file-head p { color:var(--muted);max-width:68ch; }
.character-stat-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
  margin:1.2rem 0;
}
.character-stat-grid > div {
  padding:1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  position:relative;
  overflow:hidden;
}
.character-stat-grid span { color:var(--muted);font-family:"Barlow Condensed",sans-serif; }
.character-stat-grid b { float:right;color:var(--yellow);font-size:1.3rem; }
.character-stat-grid i {
  display:block;
  height:5px;
  width:var(--w);
  margin-top:.7rem;
  background:linear-gradient(90deg,var(--pink),var(--green));
  border-radius:999px;
}
.character-notes-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
  margin-bottom:1rem;
}
.character-notes-grid article {
  padding:1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.character-notes-grid h2 {
  margin:.2rem 0;
  font-family:"Barlow Condensed",sans-serif;
}
.character-notes-grid p { color:var(--muted); }

@media(max-width:760px){
  .dossier-link-grid,
  .character-stat-grid,
  .character-notes-grid { grid-template-columns:1fr; }
  .character-file-head { grid-template-columns:1fr; }
  .character-number { font-size:5rem; }
}

/* V7 comics + Titan Ball + payment staging */
.comic-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.comic-library-card{display:block;text-decoration:none;color:var(--text);overflow:hidden;transition:transform .18s ease,border-color .18s ease}.comic-library-card:hover{transform:translateY(-3px);border-color:rgba(138,255,43,.5)}.comic-library-card img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}.comic-library-card div{padding:1rem}.comic-library-card h2{font-family:"Barlow Condensed",sans-serif;font-size:2rem;margin:.15rem 0}.comic-library-card p{color:var(--muted)}.comic-library-card span{color:var(--green);font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.06em}.issue-hero{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:1.25rem;padding:1rem;align-items:center}.issue-hero>img{width:100%;border-radius:16px}.issue-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(3rem,7vw,5.5rem);line-height:.9;margin:.15rem 0}.issue-hero strong{color:var(--green)}.issue-hero p{color:var(--muted)}.issue-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.read-comic-btn{padding:.75rem 1rem;border-radius:12px;background:var(--pink);color:#fff;text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.06em}.reader-panel{padding:1rem}.comic-pdf-frame{width:100%;height:78vh;min-height:620px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#06060a}.reader-fallback{color:var(--muted);font-size:.9rem}.reader-fallback a{color:var(--green)}.issue-nav{display:flex;justify-content:space-between;gap:1rem}.issue-nav a{color:var(--blue);text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-weight:800}.support-teaser{padding:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.support-teaser p{color:var(--muted)}.titanball-hero{display:grid;grid-template-columns:minmax(280px,480px) 1fr;gap:1rem;padding:1rem;align-items:center}.titanball-hero img{width:100%;border-radius:16px}.titanball-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(4rem,10vw,8rem);line-height:.8;margin:.15rem 0;color:var(--yellow)}.titanball-hero p{color:var(--muted)}.titanball-grid,.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.titanball-grid article,.payment-card{padding:1rem}.titanball-grid h2,.payment-card h2{font-family:"Barlow Condensed",sans-serif;font-size:2.2rem;margin:.1rem 0}.titanball-grid p,.payment-card p{color:var(--muted)}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-card button{width:100%;padding:.75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--muted)}
@media(max-width:760px){.comic-library-grid,.issue-hero,.titanball-hero,.titanball-grid,.payment-grid{grid-template-columns:1fr}.comic-pdf-frame{height:70vh;min-height:500px}.support-teaser{align-items:flex-start;flex-direction:column}}

/* V8 native comic reader + visible payments */
.comic-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.comic-library-card{display:block;padding:0;overflow:hidden;color:var(--text);text-decoration:none}
.comic-library-card img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}
.comic-library-card>div{padding:1rem}
.comic-library-card h2{margin:.1rem 0 .45rem;font-family:"Barlow Condensed",sans-serif;font-size:2rem}
.comic-library-card span{color:var(--green);font-family:"Barlow Condensed",sans-serif;letter-spacing:.06em;font-weight:800}
.native-reader{padding:1rem;scroll-margin-top:1rem}
.reader-toolbar{display:grid;grid-template-columns:120px 1fr 120px;gap:.7rem;align-items:center;margin-bottom:.8rem}
.reader-toolbar>div{text-align:center}
.reader-toolbar button,.copy-payment-btn{border:1px solid rgba(138,255,43,.35);background:rgba(138,255,43,.09);color:var(--green);border-radius:12px;padding:.8rem .7rem;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.05em;cursor:pointer}
.reader-toolbar button:disabled{opacity:.3;cursor:default}
.reader-stage{display:flex;justify-content:center;background:#020204;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;min-height:320px}
.reader-stage img{display:block;max-width:100%;width:auto;height:auto;object-fit:contain;touch-action:pan-y}
.reader-toolbar-bottom{margin:.8rem 0 0}
.reader-tip{text-align:center;color:var(--muted);font-size:.86rem}
.comic-support-strip{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem}
.comic-support-strip h2{margin:.1rem 0;font-family:"Barlow Condensed",sans-serif}
.read-comic-btn{display:inline-block;text-decoration:none;border:1px solid rgba(255,45,149,.5);background:linear-gradient(135deg,rgba(255,45,149,.18),rgba(138,255,43,.08));color:var(--text);border-radius:12px;padding:.82rem 1rem;font-family:"Barlow Condensed",sans-serif;font-weight:900;letter-spacing:.06em;cursor:pointer}
.payment-hero p{max-width:72ch}
.live-payment-grid .payment-card{min-height:300px}
.payment-label{color:var(--muted);font-family:"Barlow Condensed",sans-serif;letter-spacing:.06em}
.payment-address{margin:.8rem 0;padding:1rem;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.35);border-radius:12px;overflow-wrap:anywhere;font-family:monospace;font-size:1rem;color:var(--yellow)}
.payment-card small{display:block;color:var(--muted);margin-top:.8rem}
.lightning-card{box-shadow:0 0 28px rgba(138,255,43,.06)}
.paypal-card{box-shadow:0 0 28px rgba(57,215,255,.06)}
.price-doctrine{padding:1.1rem;margin-top:1rem}
.price-doctrine h2{margin:.1rem 0;color:var(--yellow);font-family:"Barlow Condensed",sans-serif;font-size:2.5rem}
@media(max-width:760px){.comic-library-grid{grid-template-columns:1fr}.reader-toolbar{grid-template-columns:82px 1fr 82px}.reader-toolbar button{padding:.7rem .35rem;font-size:.8rem}.comic-support-strip{align-items:flex-start;flex-direction:column}}


/* V9 commerce + storefront polish */
.home-comic-link{color:inherit;text-decoration:none;min-width:0}
.home-comic-link figure{position:relative;height:100%}
.comic-cover-wrap{position:relative}
.comic-status-badge{position:absolute;z-index:4;top:.7rem;right:.7rem;display:inline-flex;align-items:center;justify-content:center;padding:.34rem .58rem;border-radius:999px;font-family:"Barlow Condensed",sans-serif;font-weight:900;font-size:.72rem;letter-spacing:.08em;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.comic-status-badge.free{color:var(--green);background:rgba(5,15,7,.86);border:1px solid rgba(138,255,43,.55);box-shadow:0 0 18px rgba(138,255,43,.15)}
.comic-status-badge.paid{color:var(--yellow);background:rgba(18,10,3,.9);border:1px solid rgba(255,229,59,.5)}
.future-comic-card{cursor:default}
.future-comic-cover{position:relative;aspect-ratio:2/3;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,45,149,.12),rgba(138,255,43,.05)),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 13px),#06060a;border-bottom:1px solid rgba(255,255,255,.08)}
.future-comic-cover:before{content:"";position:absolute;inset:9%;border:1px solid rgba(138,255,43,.18);border-radius:14px}
.future-issue-mark{font-family:"Barlow Condensed",sans-serif;font-size:5rem;font-weight:900;color:rgba(255,255,255,.06);line-height:.8}
.future-skull{font-size:3.2rem;filter:grayscale(1);opacity:.55}
.future-comic-cover p{margin:.8rem 0 0;font-family:"Barlow Condensed",sans-serif;font-weight:900;letter-spacing:.12em;color:var(--green)}
.future-price{color:var(--yellow)!important}
.payment-card{position:relative;overflow:hidden}
.payment-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 38%)}
.payment-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.rail-pill{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.3rem .52rem;color:var(--muted);font-family:"Barlow Condensed",sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.payment-choice-btn{width:100%;margin-top:1.2rem;padding:1rem;border-radius:13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:var(--text);font-family:"Barlow Condensed",sans-serif;font-size:1rem;font-weight:900;letter-spacing:.07em;cursor:pointer;transition:.2s ease}
.payment-choice-btn:hover,.payment-choice-btn.active{transform:translateY(-1px);border-color:rgba(138,255,43,.42);box-shadow:0 0 24px rgba(138,255,43,.08)}
.lightning-choice{color:var(--green)}
.paypal-choice{color:var(--blue)}
.payment-reveal{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.payment-reveal[hidden]{display:none!important}
.payment-doctrine{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1.1rem;margin-top:1rem}
.payment-doctrine-icon{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(138,255,43,.28);background:rgba(138,255,43,.06);color:var(--green);font-family:"Barlow Condensed",sans-serif;font-size:2rem;font-weight:900}
.payment-doctrine h2{margin:.1rem 0;font-family:"Barlow Condensed",sans-serif}
.store-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}
.store-feature{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;gap:1.2rem;align-items:center;padding:1rem}
.store-feature img{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.store-feature h2,.store-commerce h2{font-family:"Barlow Condensed",sans-serif;font-size:2.4rem;margin:.1rem 0}
.store-status{display:inline-flex;margin-top:.6rem;padding:.45rem .65rem;border-radius:999px;border:1px solid rgba(255,229,59,.24);color:var(--yellow);font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.07em}
.store-commerce{padding:1.3rem;display:flex;flex-direction:column;justify-content:center}
.store-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1rem}
.hq-payments-strip{background:linear-gradient(120deg,rgba(255,45,149,.05),rgba(138,255,43,.035))}
@media(max-width:760px){.store-grid{grid-template-columns:1fr}.store-feature{grid-template-columns:1fr}.payment-doctrine{grid-template-columns:1fr}.payment-doctrine-icon{width:54px;height:54px}}