:root{--ink:#0d0d0d;--panel:#111;--panel2:#1a1a1a;--line:#1e1e1e;--line2:#222;--text:#ccc;--text-dim:#888;--text-mute:#555;--accent:#e63946;--accent-dark:#c1121f;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--ink);color:var(--text);line-height:1.5;font-size:16px;padding-left:var(--safe-l);padding-right:var(--safe-r);-webkit-tap-highlight-color:transparent}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
button,input{font:inherit}
button{cursor:pointer} input,select,textarea,button{font-size:16px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 16px;z-index:10000}
.skip-link:focus{left:8px;top:8px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.rfco-topbar{background:var(--ink);padding:5px 1.5rem;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-dim);border-bottom:1px solid var(--line)}
.topbar-alert{color:var(--accent)}
.rfco-header{background:var(--panel);padding:var(--safe-t) 1.5rem 0;display:flex;align-items:center;gap:1rem;min-height:56px;position:sticky;top:0;z-index:100;border-bottom:2.5px solid var(--accent)}
.rfco-logo{font-size:19px;font-weight:600;color:#fff;flex-shrink:0;padding:8px 0}
.rfco-logo img{max-height:40px;width:auto}
.rfco-search{display:flex;align-items:center;background:var(--panel2);border:1px solid #2a2a2a;border-radius:20px;padding:8px 12px;gap:7px;flex:1;max-width:300px;min-height:40px}
.rfco-search input{background:none;border:none;outline:none;color:var(--text);width:100%}
.rfco-search input::placeholder{color:var(--text-mute)}
.rfco-search button{background:none;border:none;color:var(--text-mute);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}
.rfco-nav{display:flex;gap:14px;align-items:center;margin-left:auto}
.rfco-nav a{color:#bbb;font-size:13px;white-space:nowrap;padding:8px 2px;display:inline-block}
.rfco-nav a:hover,.rfco-nav a.active{color:var(--accent)}
.mobile-nav-wrap{display:none;margin-left:auto}
.nav-toggle{background:none;border:1px solid #333;color:var(--text);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:18px}
.nav-toggle-icon::before{content:"☰"}
.nav-toggle[aria-expanded="true"]{border-color:var(--accent);color:var(--accent)}
.nav-toggle[aria-expanded="true"] .nav-toggle-icon::before{content:"✕"} .mobile-nav{
display:flex;flex-direction:column;
position:fixed;top:0;right:0;bottom:0;
width:min(80vw,300px);
background:var(--panel);
border-left:1px solid var(--line2);
padding:calc(.6rem + var(--safe-t)) 0 calc(1rem + var(--safe-b));
z-index:300;
transform:translateX(100%);
transition:transform .25s ease;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
visibility:hidden;
}
.mobile-nav.is-open{transform:translateX(0);visibility:visible}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1.1rem .8rem;font-size:11px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line);margin-bottom:.4rem}
.mobile-nav-close{background:none;border:none;color:var(--text);font-size:22px;line-height:1;padding:6px;min-width:32px;min-height:32px}
.mobile-nav a{color:var(--text);padding:14px 1.1rem;border-bottom:1px solid var(--line);font-size:15px;min-height:44px;display:flex;align-items:center}
.mobile-nav a:last-child{border-bottom:none}
.mobile-nav a:hover,.mobile-nav a.active{color:var(--accent)} .mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:290;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}
body.nav-open .mobile-nav-overlay{opacity:1;visibility:visible;pointer-events:auto}
body.nav-open{overflow:hidden}
.rfco-cat-nav{background:#141414;padding:0 1.5rem;border-bottom:1px solid var(--line2);display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.rfco-cat-nav::-webkit-scrollbar{display:none}
.rfco-cat-nav a{color:var(--text-dim);font-size:13px;padding:12px 13px;display:flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;white-space:nowrap}
.rfco-cat-nav a:hover,.rfco-cat-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}
.rfco-hero{background:var(--ink);display:flex;border-bottom:1px solid var(--line)}
.rfco-hero-main{flex:1;padding:1.5rem;display:flex;gap:1.5rem;align-items:center}
.rfco-hero-cover{width:130px;height:200px;border-radius:6px;background:#1a0030;flex-shrink:0;position:relative;border:1px solid #333;overflow:hidden}
.rfco-hero-cover img{width:100%;height:100%;object-fit:cover}
.issue-badge{position:absolute;top:6px;left:6px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;z-index:1}
.pub-label{position:absolute;bottom:6px;left:6px;right:6px;background:rgba(0,0,0,.8);color:#aaa;font-size:8px;padding:3px 5px;border-radius:3px;text-align:center}
.rfco-hero-cats{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.rfco-hero-cat{background:var(--accent);color:#fff;font-size:10px;padding:2px 8px;border-radius:3px;font-weight:600;display:inline-block}
.rfco-hero-cat.dc{background:#0057e7}
.rfco-hero-cat.image{background:#1a7a1a}
.rfco-hero-title{font-size:21px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2}
.rfco-hero-desc{font-size:13px;color:#777;margin-bottom:14px;max-width:60ch}
.btn-read-now{background:var(--accent);color:#fff;padding:8px 20px;border-radius:4px;font-size:13px;font-weight:600;display:inline-block}
.btn-read-now:hover{background:var(--accent-dark)}
.rfco-hero-sidebar{width:190px;border-left:1px solid var(--line);padding:1rem;flex-shrink:0}
.sidebar-section-title{font-size:10px;color:var(--text-mute);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.hero-sidebar-item{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #1a1a1a;font-size:11px;color:var(--text)}
.hero-sidebar-item img{width:30px;height:42px;border-radius:3px;flex-shrink:0;object-fit:cover}
.hero-sidebar-item:last-child{border:none}
.rfco-main-wrap{display:flex}
.rfco-content{flex:1;padding:1.5rem;min-width:0}
.rfco-right-sidebar{width:220px;border-left:1px solid var(--line);padding:1.5rem;flex-shrink:0;background:var(--panel)}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;margin-top:24px}
.sec-head:first-child{margin-top:0}
.sec-title{font-size:16px;font-weight:600;color:#fff}
.comics-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}
.comic-card{border-radius:6px;overflow:hidden;background:var(--panel2);border:1px solid var(--line2)}
.comic-card:hover{border-color:#333}
.c-thumb{width:100%;aspect-ratio:2/3;position:relative;background:#1a0030;overflow:hidden}
.c-thumb img{width:100%;height:100%;object-fit:cover}
.c-badge{position:absolute;top:6px;left:6px;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;color:#fff}
.badge-new{background:var(--accent)}
.badge-hot{background:#ff6b00}
.c-pub{position:absolute;top:6px;right:6px;font-size:9px;padding:2px 5px;border-radius:3px;color:#ccc;background:rgba(0,0,0,.75)}
.c-info{padding:7px 8px}
.c-title{font-size:11px;font-weight:600;color:#ddd;margin-bottom:3px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-meta{font-size:10px;color:var(--text-mute)}
.rs-widget{margin-bottom:18px}
.rs-title{font-size:10px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:1px;padding-bottom:7px;border-bottom:1px solid var(--line);margin-bottom:10px}
.popular-item{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid #1a1a1a;align-items:center;font-size:11px;color:var(--text)}
.popular-item img{width:36px;height:48px;border-radius:3px;flex-shrink:0;object-fit:cover}
.pop-num{font-size:12px;font-weight:600;color:#333;width:16px;flex-shrink:0}
.popular-item:last-child{border:none}
.cat-list{display:flex;flex-wrap:wrap;gap:5px}
.cat-pill{font-size:11px;padding:3px 8px;border-radius:12px;background:var(--panel2);color:var(--text-dim);border:1px solid var(--line2)}
.cat-pill:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.rfco-breadcrumb{font-size:12px;color:var(--text-mute);margin-bottom:12px}
.rfco-breadcrumb a{color:var(--text-dim)}
.rfco-breadcrumb a:hover{color:var(--accent)} .rank-math-breadcrumb{font-size:12px;color:var(--text-mute);margin-bottom:12px}
.rank-math-breadcrumb a{color:var(--text-dim);text-decoration:none}
.rank-math-breadcrumb a:hover{color:var(--accent)}
.rank-math-breadcrumb .separator{margin:0 4px;color:var(--text-mute)}
.rank-math-breadcrumb .last{color:var(--text)}
.single-cats{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.single-cat{background:var(--accent);color:#fff;font-size:10px;padding:2px 8px;border-radius:3px;font-weight:600}
.single-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2}
.single-meta{display:flex;gap:12px;font-size:11px;color:var(--text-mute);flex-wrap:wrap;margin-bottom:.8rem}
.single-description{font-size:13px;color:var(--text-dim);line-height:1.7;margin:1rem 0;padding:.9rem 1rem;background:var(--panel2);border-left:3px solid var(--accent);border-radius:0 4px 4px 0}
.comic-pages img{width:100%;max-width:800px;margin:0 auto 4px;border-radius:4px;display:block}
.single-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:1rem}
.single-tag{font-size:11px;padding:3px 10px;border-radius:12px;background:var(--panel2);color:var(--text-dim);border:1px solid #2a2a2a}
.single-related{margin-top:2rem}
.archive-title,.page-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px}
.archive-count{font-size:12px;color:var(--text-mute)}
.archive-desc,.page-content{font-size:13px;color:var(--text-dim);line-height:1.7;margin-top:.8rem}
.page-content h2{font-size:16px;color:#fff;margin:1rem 0 .5rem}
.page-content a{color:var(--accent)}
.page-content ul,.page-content ol{padding-left:1.3rem;margin:.5rem 0}
.page-content input,.page-content textarea{background:var(--panel2);border:1px solid #2a2a2a;border-radius:4px;color:var(--text);padding:8px 12px;font-size:13px;width:100%}
.rfco-pagination{display:flex;gap:5px;justify-content:center;padding:1.5rem 0;flex-wrap:wrap}
.rfco-pagination .page-numbers{background:var(--panel2);color:var(--text-dim);padding:6px 13px;border-radius:4px;font-size:13px;border:1px solid var(--line2)}
.rfco-pagination .page-numbers:hover,.rfco-pagination .page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)}
.search-no-results{text-align:center;padding:3rem;color:var(--text-mute)}
.rfco-footer{background:var(--ink);padding:1.5rem;border-top:2px solid var(--accent);display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;font-size:12px}
.footer-col-title{color:var(--accent);font-weight:600;margin-bottom:10px;font-size:13px}
.rfco-footer a{display:block;color:var(--text-mute);margin-bottom:6px}
.rfco-footer a:hover{color:var(--text)}
.footer-about{color:#444;font-size:11px;line-height:1.7}
.footer-copy{grid-column:1/-1;text-align:center;color:#333;padding-top:12px;border-top:1px solid #1a1a1a;font-size:11px} @media(min-width:1440px){
.rfco-header,.rfco-cat-nav,.rfco-hero,.rfco-main-wrap,.rfco-footer{max-width:1600px;margin-left:auto;margin-right:auto}
body{font-size:17px}
.rfco-nav a,.rfco-cat-nav a{font-size:14px}
} @media(max-width:1024px){
.rfco-right-sidebar{display:none}
.comics-grid-5{grid-template-columns:repeat(4,1fr)}
.rfco-footer{grid-template-columns:1fr 1fr}
.rfco-footer .footer-col:first-child{grid-column:1/-1}
} @media(max-width:900px){
.rfco-hero-main{padding:1.25rem}
.rfco-hero-cover{width:120px;height:184px}
.comics-grid-5{grid-template-columns:repeat(4,1fr);gap:8px}
} @media(max-width:768px){
.rfco-header{padding-left:1rem;padding-right:1rem;flex-wrap:wrap;row-gap:.6rem}
.rfco-nav{display:none}
.mobile-nav-wrap{display:block;order:2;margin-left:auto}
.rfco-logo{order:1}
.rfco-search{order:3;flex-basis:100%}
.rfco-hero{flex-direction:column}
.rfco-hero-sidebar{display:none}
.rfco-hero-main{flex-direction:column;align-items:flex-start;padding:1.25rem 1rem}
.rfco-hero-cover{width:130px;height:200px;margin:0 auto}
.rfco-hero-info{width:100%}
.comics-grid-5{grid-template-columns:repeat(3,1fr);gap:8px}
.rfco-footer{grid-template-columns:1fr;padding-bottom:calc(1.5rem + var(--safe-b))}
.rfco-search{max-width:none}
.rfco-content{padding:1rem}
} @media(max-width:480px){
.comics-grid-5{grid-template-columns:repeat(2,1fr)}
.rfco-hero-title{font-size:18px}
.topbar-right{display:none}
.rfco-topbar{padding:5px 1rem}
.single-title{font-size:20px}
}
@media(max-width:360px){
.comics-grid-5{grid-template-columns:repeat(2,1fr);gap:6px}
.c-title{font-size:10px}
} @media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition:none!important}
}