:root,html[data-theme]{color-scheme:light;--bg:#fcee09;--surface:#fff347;--surface2:#eadb08;--line:#14140c;--text:#080808;--muted:#34330c;--accent:#080808;--accent2:#080808;--nav:#080808;--shadow:none}
body{background:#fcee09;background-image:linear-gradient(#0808080a 1px,transparent 1px),linear-gradient(90deg,#0808080a 1px,transparent 1px);background-size:64px 64px;color:#080808}
.site-head{background:#080808;border-bottom:3px solid #fcee09;box-shadow:none}
.head-inner{min-height:100px;gap:20px;flex-wrap:wrap;padding:16px 0}
.brand.logo-banner{height:auto;min-width:0;max-width:none;flex:1 1 240px;box-shadow:none;background:transparent}
.bd-wordmark{display:block;color:#fcee09;font:900 italic clamp(24px,4vw,44px)/1 Arial,sans-serif;letter-spacing:-.06em;transform:skew(-6deg)}
.bd-wordmark span{margin-left:10px;padding:3px 7px;background:#fcee09;color:#080808;font-size:.7em;letter-spacing:0}
.nav{flex-wrap:wrap;gap:6px}.nav a{border:1px solid #fcee09;border-radius:0;background:#fcee09;color:#080808;font-weight:900}.nav a:hover,.nav a[aria-current=page]{background:#080808;color:#fcee09}
.portal-home{min-height:calc(100svh - 104px);padding:40px 22px}
.portal-choice{border:2px solid #080808;border-radius:0;box-shadow:6px 6px 0 #080808;background:#080808;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.portal-choice::before{filter:grayscale(.45) contrast(1.15)}
.portal-choice::after{background:radial-gradient(ellipse at center,#fcee0955,transparent 70%);filter:blur(18px)}
.portal-icon{border:2px solid #fcee09;border-radius:0;background:#080808;color:#fcee09;box-shadow:5px 5px 0 #fcee0944}
.portal-icon svg{filter:none}.portal-title{color:#fcee09;text-shadow:2px 2px 0 #080808}
.portal-sub{color:#fff}.portal-ornament::before,.portal-ornament::after,.portal-ornament i{background:#fcee09;box-shadow:none}
.portal-choice:hover{border-color:#fcee09;box-shadow:6px 6px 0 #080808;transform:translateY(-4px)}
.portal-choice:hover .portal-icon{box-shadow:5px 5px 0 #fcee0944}
.btn,.tabs button.active,.anime-category-bar button.active{background:#080808;color:#fcee09;border:1px solid #080808;border-radius:0}
.btn.secondary{background:#fcee09;color:#080808;border-color:#080808}
.catalog,.feature,.archive-card,.portal-section-card,.chapter-row,.anime-empty,.featured-anime-panel{border-radius:0;box-shadow:none}
.pill{background:#eadb08;color:#080808;border-color:#080808;border-radius:0}
.reader-head{background:#080808;color:#fcee09}.reader-title small,.reader-head .back{color:#fcee09}
.reader-tools button,.reader-tools select{background:#fcee09;color:#080808;border-radius:0;border-color:#fcee09}
.progress span{background:#fcee09}.novel-paper{background:#fffdf0;color:#27231f}
.reader-dim .reader-page{background:#080808}.footer{border-top:2px solid #080808;color:#080808}
.anime-hero-content,.anime-hero-content h1,.anime-hero-content p{color:#fff}.anime-hero-tag{background:#fcee09;color:#080808}
@media(max-width:720px){.head-inner{justify-content:center;padding:14px 0;gap:12px}.brand.logo-banner{flex:1 1 100%;text-align:center}.nav{width:100%;justify-content:center}.nav a{font-size:11px;padding:0 9px;height:36px}.portal-home{min-height:0;padding:24px 16px 40px}.portal-choice{min-height:260px}.portal-title{font-size:36px}}

/* Two category entrances after retiring novels. */
.portal-options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media(max-width:680px){.portal-options{grid-template-columns:1fr;max-width:520px}}

/* SibersaykoBD neon portal. City artwork: QooApp Edgerunners teaser coverage. */
.site-head{position:relative;overflow:hidden;background:#080b12;border-bottom:3px solid #fcee09}
.site-head::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070cef,#05070c88),url('/assets/ouroboros-cyber-header-v50.webp') center 42%/cover;pointer-events:none}
.head-inner{position:relative;z-index:1;min-height:138px;width:min(1240px,calc(100% - 36px));padding:24px 0}
.bd-wordmark{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(30px,5vw,54px);font-style:italic;letter-spacing:.025em;transform:skew(-6deg);text-shadow:2px 2px #080808,-2px 0 #00e9f566}
.bd-wordmark span{display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 10px)}
.nav a{position:relative;min-height:42px;border:1px solid #fcee09;background:#080b12;color:#fcee09;letter-spacing:.045em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.nav a:hover,.nav a[aria-current=page]{background:#fcee09;color:#080808;border-color:#fcee09}
.portal-home{padding:48px 24px 64px;min-height:calc(100svh - 140px)}
.portal-options{max-width:1120px;gap:26px}
.portal-choice{min-height:480px;border:2px solid #080808;background:#080b12;box-shadow:none}
.portal-choice--manga{--card-bg:url('assets/neon-city.webp')}
.portal-choice--anime{--card-bg:url('/assets/david-home-v52.webp')}
.portal-choice::before{background-image:linear-gradient(0deg,#05070cf5 0%,#05070c9c 35%,#05070c05 78%),var(--card-bg);background-position:center;filter:saturate(1.15) contrast(1.08);transform:none}
.portal-choice--anime::before{background-position:center 28%}
.portal-choice::after{inset:0;height:auto;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#00e9f507 4px);filter:none;opacity:1;pointer-events:none}
.portal-choice-inner{align-items:flex-start;text-align:left;padding:30px 30px 36px}
.portal-icon{width:68px;height:68px;margin-bottom:20px;border:1px solid #00e9f5;background:#080b12e6;color:#00e9f5;box-shadow:4px 4px #00e9f533;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.portal-icon svg{width:40px;height:40px}
.portal-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:italic;font-size:clamp(52px,6vw,76px);letter-spacing:.05em;color:#fcee09;text-shadow:3px 0 #07090d,-2px 0 #00e9f588}
.portal-ornament{width:100%;justify-content:flex-start;gap:0;margin:18px 0 12px}
.portal-ornament::before{flex:0 0 48px;background:#00e9f5;height:3px}
.portal-ornament::after{height:1px;background:linear-gradient(90deg,#fcee09,transparent)}
.portal-ornament i{display:none}
.portal-sub{font:700 15px/1.5 Arial,sans-serif;color:#eafcff;letter-spacing:.025em}
.portal-choice:hover{border-color:#00e9f5;box-shadow:0 0 24px #00e9f533;transform:translateY(-4px)}
.portal-choice:hover::before{filter:saturate(1.2) contrast(1.08);transform:scale(1.025)}
.portal-choice:hover .portal-icon{box-shadow:4px 4px #00e9f533}
@media(max-width:720px){.head-inner{min-height:0;padding:22px 0 18px;width:calc(100% - 28px)}.bd-wordmark{font-size:34px}.nav{gap:6px}.nav a{font-size:10px;padding:0 8px;min-height:36px;letter-spacing:0}.portal-home{padding:24px 16px 40px}.portal-options{gap:20px}.portal-choice{min-height:310px}.portal-choice-inner{padding:24px}.portal-title{font-size:52px}.portal-icon{width:54px;height:54px;margin-bottom:14px}.portal-icon svg{width:32px;height:32px}.portal-sub{font-size:14px}}
@media(prefers-reduced-motion:reduce){.portal-choice,.portal-choice::before,.portal-icon{transition:none;transform:none!important}}

/* Film portal shares the same neon card geometry. */
.portal-options{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px}
.portal-choice--film{--card-bg:url('/assets/ouroboros-cyber-header-v50.webp')}
.portal-choice--film::before{background-position:66% center}
.film-empty{margin:28px 0 48px;padding:48px 24px;text-align:center;background:#080b12;color:#fcee09;border:2px solid #080808;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.film-empty-symbol{display:inline-grid;place-items:center;width:64px;height:64px;color:#00e9f5;border:1px solid #00e9f5;font-size:28px}
.film-empty h2{color:#fcee09;font:italic 900 32px/1.2 Impact,'Arial Narrow',sans-serif;letter-spacing:.035em}
.film-empty p{color:#eafcff}
.film-empty .btn{background:#fcee09;color:#080808;border-color:#fcee09}
@media(max-width:860px){.portal-options{grid-template-columns:1fr;max-width:600px}.portal-choice{min-height:310px}}