/* Komikana Brand Layer — v4.0.2 */
:root {
  --komikana-red: #C55C49;
  --komikana-yellow: #E9C02A;
  --komikana-green: #458964;
  --komikana-brown: #56393B;
  --komikana-blue: #145494;
  --komikana-orange: #C88455;
  --komikana-white: #FFFFFF;
  --komikana-ink: #161113;
  --komikana-bg: #0B0D10;
  --komikana-panel: #15181D;
  --komikana-border: rgba(255,255,255,.11);
  --komikana-primary: var(--komikana-red);
  --komikana-primary-hover: #A9473A;
  --komikana-success: var(--komikana-green);
  --komikana-info: var(--komikana-blue);
  --komikana-warning: var(--komikana-yellow);
  --komikana-highlight: var(--komikana-orange);
}
:root {
  --cp-red: var(--komikana-red); --cp-red2: var(--komikana-primary-hover); --cp-gold: var(--komikana-yellow); --cp-green: var(--komikana-green);
  --cpdl-red: var(--komikana-red); --cpdl-gold: var(--komikana-yellow);
  --cpdash-red: var(--komikana-red); --cpdash-red2: var(--komikana-primary-hover); --cpdash-gold: var(--komikana-yellow);
  --cpm-red: var(--komikana-red); --cpm-red-hover: var(--komikana-primary-hover); --cpm-gold: var(--komikana-yellow); --cpm-green: var(--komikana-green);
  --cpml-red: var(--komikana-red); --cpml-red2: var(--komikana-primary-hover); --cpml-gold: var(--komikana-yellow);
  --cp-nav-accent: var(--komikana-red);
  --comicpanel-reader-accent: var(--komikana-red);
}
.cp-global-nav::before { content:''; display:block; width:100%; height:4px; background:linear-gradient(90deg,var(--komikana-red) 0 16.666%,var(--komikana-yellow) 16.666% 33.333%,var(--komikana-green) 33.333% 50%,var(--komikana-brown) 50% 66.666%,var(--komikana-blue) 66.666% 83.333%,var(--komikana-orange) 83.333% 100%); }
.cp-global-nav__brand { display:flex!important; align-items:center; min-width:104px; height:54px; }
.cp-global-nav__brand img { display:block; width:auto; height:48px; max-width:118px; object-fit:contain; object-position:left center; }
.cp-global-nav__join { background:var(--komikana-red)!important; }
.cp-global-nav__join:hover { background:var(--komikana-brown)!important; }
.cp-global-nav__desktop>a.is-active::after { background:var(--komikana-red)!important; }
.cp-premium-badge--access,.cpm-showcase__access { background:var(--komikana-yellow)!important; color:var(--komikana-ink)!important; }
.cp-premium-issue-top b.free { color:var(--komikana-green)!important; }
.cp-premium-membership { border-color:rgba(233,192,42,.30)!important; }
.cp-premium-membership>a { background:var(--komikana-yellow)!important; color:var(--komikana-ink)!important; }
.cp-premium-heading small,.cp-premium-story-label,.cp-premium-issue-top,.cpml-card__favorite.is-active,.cpml-card__collection.is-active { color:var(--komikana-yellow)!important; }
.cpm-account-head>a,.cpm-auth-links a,.cpm-switch a { color:var(--komikana-yellow)!important; }
.cpm-success__icon { color:var(--komikana-green)!important; }
.komikana-color-key { display:flex; width:100%; height:6px; overflow:hidden; border-radius:999px; }
.komikana-color-key span { flex:1; min-width:0; }
.komikana-color-key span:nth-child(1){background:var(--komikana-red)}.komikana-color-key span:nth-child(2){background:var(--komikana-yellow)}.komikana-color-key span:nth-child(3){background:var(--komikana-green)}.komikana-color-key span:nth-child(4){background:var(--komikana-brown)}.komikana-color-key span:nth-child(5){background:var(--komikana-blue)}.komikana-color-key span:nth-child(6){background:var(--komikana-orange)}
@media(max-width:880px){.cp-global-nav__brand{height:46px}.cp-global-nav__brand img{height:40px;max-width:98px}}


/* v4.0.2 — vibrant Komikana presentation */
.cpm-shell,
.cpdl-shell,
.cpml-shell,
.cpdash-shell,
.cp-premium {
  position: relative;
  isolation: isolate;
}
.cpm-shell::after,
.cpdl-shell::after,
.cpml-shell::after,
.cpdash-shell::after,
.cp-premium::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 72px;
  left: 50%;
  width: min(100vw, 1500px);
  height: 620px;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(197,92,73,.16), transparent 28%),
    radial-gradient(circle at 88% 14%, rgba(20,84,148,.14), transparent 26%),
    radial-gradient(circle at 52% 42%, rgba(69,137,100,.09), transparent 28%),
    radial-gradient(circle at 72% 74%, rgba(200,132,85,.08), transparent 24%);
}
.cp-global-nav__brand img { filter: drop-shadow(0 5px 14px rgba(0,0,0,.18)); }
.cp-global-nav__account { border-color: rgba(233,192,42,.24)!important; background:linear-gradient(135deg,rgba(233,192,42,.08),rgba(255,255,255,.025))!important; }
.cp-global-nav__account:hover { border-color:rgba(69,137,100,.45)!important; }
.cpm-button { box-shadow:0 12px 28px rgba(197,92,73,.16); }
.cpm-button--secondary { border-color:rgba(20,84,148,.35)!important; background:rgba(20,84,148,.12)!important; }
.cpm-button--secondary:hover { background:rgba(20,84,148,.23)!important; border-color:rgba(20,84,148,.55)!important; }
.cpm-showcase__copy h2 { text-shadow:0 12px 40px rgba(0,0,0,.35); }
.cpm-showcase__slide:nth-child(6n+1) .cpm-showcase__copy { border-left:4px solid var(--komikana-red); padding-left:22px; }
.cpm-showcase__slide:nth-child(6n+2) .cpm-showcase__copy { border-left:4px solid var(--komikana-yellow); padding-left:22px; }
.cpm-showcase__slide:nth-child(6n+3) .cpm-showcase__copy { border-left:4px solid var(--komikana-green); padding-left:22px; }
.cpm-showcase__slide:nth-child(6n+4) .cpm-showcase__copy { border-left:4px solid var(--komikana-brown); padding-left:22px; }
.cpm-showcase__slide:nth-child(6n+5) .cpm-showcase__copy { border-left:4px solid var(--komikana-blue); padding-left:22px; }
.cpm-showcase__slide:nth-child(6n) .cpm-showcase__copy { border-left:4px solid var(--komikana-orange); padding-left:22px; }
.cpm-landing-grid article { position:relative; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.cpm-landing-grid article:hover { transform:translateY(-5px); box-shadow:0 22px 50px rgba(0,0,0,.24); }
.cpm-landing-grid article:nth-child(6n+1) { border-top:3px solid var(--komikana-red); }
.cpm-landing-grid article:nth-child(6n+2) { border-top:3px solid var(--komikana-yellow); }
.cpm-landing-grid article:nth-child(6n+3) { border-top:3px solid var(--komikana-green); }
.cpm-landing-grid article:nth-child(6n+4) { border-top:3px solid var(--komikana-brown); }
.cpm-landing-grid article:nth-child(6n+5) { border-top:3px solid var(--komikana-blue); }
.cpm-landing-grid article:nth-child(6n) { border-top:3px solid var(--komikana-orange); }
.cpm-landing-grid article:nth-child(6n+1) > span { color:var(--komikana-red); }
.cpm-landing-grid article:nth-child(6n+2) > span { color:var(--komikana-yellow); }
.cpm-landing-grid article:nth-child(6n+3) > span { color:var(--komikana-green); }
.cpm-landing-grid article:nth-child(6n+4) > span { color:var(--komikana-brown); }
.cpm-landing-grid article:nth-child(6n+5) > span { color:var(--komikana-blue); }
.cpm-landing-grid article:nth-child(6n) > span { color:var(--komikana-orange); }
.cpm-platform-box { background:linear-gradient(120deg,rgba(197,92,73,.15),rgba(20,84,148,.08) 52%,rgba(200,132,85,.08)),var(--cpm-panel)!important; border-color:rgba(233,192,42,.18)!important; }
.cpm-platform-stats div:nth-child(1){border-top:3px solid var(--komikana-red)}
.cpm-platform-stats div:nth-child(2){border-top:3px solid var(--komikana-yellow)}
.cpm-platform-stats div:nth-child(3){border-top:3px solid var(--komikana-green)}
.cpm-platform-stats div:nth-child(4){border-top:3px solid var(--komikana-blue)}
.cpm-next-story { background:linear-gradient(110deg,rgba(197,92,73,.2),rgba(20,84,148,.14) 48%,rgba(69,137,100,.12)),var(--cpm-panel)!important; border-color:rgba(200,132,85,.28)!important; }
.cpm-intro__glow { background:radial-gradient(circle,rgba(233,192,42,.16),rgba(197,92,73,.08) 36%,transparent 70%)!important; }
@media(max-width:560px){.cp-global-nav__brand img{height:34px;max-width:96px}.cpm-showcase__slide .cpm-showcase__copy{padding-left:16px!important}}

/* v4.0.3 frontend refinements */
.cpm-landing-grid article:nth-child(2) > span { color: var(--komikana-blue) !important; }

/* v4.2.4 front-end image-save deterrent. */
img.komikana-protected-image{-webkit-user-drag:none!important;-webkit-touch-callout:none!important;user-select:none!important}