/* Homepage: yellow city circuitry and the supplied Edgerunners portraits. */
html[data-theme] body[data-page="index.html"]{
 --bg:#fcee09;--panel:#fff347;--panel2:#eadb08;--text:#080808;--muted:#34330c;--border:#14140c;
 background-color:#fcee09!important;color:#080808!important;
 background-image:linear-gradient(135deg,transparent 46%,#0808080a 46%,#0808080a 47%,transparent 47%),linear-gradient(#0808080a 1px,transparent 1px),linear-gradient(90deg,#0808080a 1px,transparent 1px)!important;
 background-size:340px 340px,64px 64px,64px 64px!important;background-attachment:fixed!important;
}
html[data-theme] body[data-page="index.html"]::before{display:none!important;}
html[data-theme] body[data-page="index.html"] main.ty-home{position:relative;z-index:1;background:transparent!important;}
html[data-theme] body[data-page="index.html"] .ty-home-content{background:#fcee09f2!important;padding:26px 20px!important;border-top:4px solid #080808!important;}
html[data-theme] body[data-page="index.html"] :is(.ty-feed-item,.ty-aside-panel,.public-stats-section){background:#fff347!important;color:#080808!important;border:1px solid #14140c!important;border-radius:0!important;box-shadow:4px 4px 0 #080808!important;}
html[data-theme] body[data-page="index.html"] main.ty-home :is(h1,h2,h3,p,a,b,strong,small,em,span,.ty-feed-meta,.ty-views,.public-stats-grid,.public-stats-grid>*){color:#080808!important;}
html[data-theme] body[data-page="index.html"] :is(.ty-feed-more,.ty-feed-all,.ty-aside-cta){background:#fcee09!important;color:#080808!important;border:1px solid #080808!important;}
html[data-theme] body[data-page="index.html"] :is(.ty-feed-more,.ty-feed-all,.ty-aside-cta):hover{background:#fff9a1!important;box-shadow:3px 3px 0 #080808!important;}
html[data-theme] body[data-page="index.html"] :is(.ty-views,.public-stats-grid>*){background:#eadb08!important;color:#080808!important;border-color:#080808!important;}
html[data-theme] body[data-page="index.html"] .ty-feature-shade{background:linear-gradient(to bottom,transparent 35%,#fcee0900 45%,#fcee09ee 75%,#fcee09 100%)!important;border-top:0!important;text-shadow:none!important;}
html[data-theme] body[data-page="index.html"] .ty-feature-tile{border:2px solid #080808!important;border-radius:0!important;}
html[data-theme] body[data-page="index.html"] .ty-aside-art{filter:grayscale(1) contrast(1.3)!important;}
html[data-theme] body[data-page="index.html"] footer{background:#fcee09!important;color:#080808!important;border-top:3px solid #080808!important;}
html[data-theme] body[data-page="index.html"] footer :is(a,p,span,b){color:#080808!important;}
.cyber-home-portraits{pointer-events:none;}
.cyber-home-portrait{position:fixed;top:280px;width:min(330px,calc((100vw - 1160px)/2 - 30px));height:min(640px,calc(100vh - 310px));min-height:300px;z-index:0;overflow:hidden;background:#fcee09;border:3px solid #080808;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);}
.cyber-rebecca{left:18px;}.cyber-david{right:18px;}
.cyber-home-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;}
.cyber-home-portrait span{position:absolute;bottom:0;left:0;right:0;background:#fcee09;color:#080808;padding:12px 8px;border-top:3px solid #080808;font:900 19px/1 monospace;letter-spacing:.15em;text-align:center;}
@media(min-width:1100px) and (max-width:1679px){
 html[data-theme] body[data-page="index.html"] main.ty-home>.container{max-width:calc(100vw - 400px)!important;}
 .cyber-home-portrait{width:160px;}
}
@media(max-width:1099px){
 .cyber-home-portraits{display:flex;gap:12px;max-width:1120px;margin:18px auto 0;padding:0 20px;}
 .cyber-home-portrait{position:relative;top:auto;left:auto;right:auto;width:50%;height:230px;min-height:0;}
 .cyber-home-portrait img{object-position:center 25%;}
 .cyber-home-portrait span{font-size:14px;padding:8px;}
}
@media(max-width:600px){
 .cyber-home-portraits{gap:8px;padding:0 12px;margin-top:12px;}
 .cyber-home-portrait{height:180px;}
 html[data-theme] body[data-page="index.html"] .ty-home-content{padding:20px 12px!important;}
}

html[data-theme] body[data-page="index.html"] .cyber-home-portrait span{color:#080808!important;opacity:1!important;text-shadow:none!important;}
@media(max-width:1099px){.cyber-david img{object-position:center 45%;}}
/* Legacy layouts constrain the main element and offset its inner containers. */
html[data-theme] body[data-page="index.html"] main.ty-home{width:100%!important;max-width:none!important;margin:0!important;padding:20px 0 80px!important;color:#080808!important;}
html[data-theme] body[data-page="index.html"] main.ty-home>.container{margin-left:auto!important;margin-right:auto!important;color:#080808!important;}
html[data-theme] body[data-page="index.html"] main.ty-home :is(.ty-views,.ty-view-label,.ty-download-count,.ty-counter){background:#eadb08!important;color:#080808!important;border-color:#080808!important;opacity:1!important;}
@media(min-width:1100px){html[data-theme] body[data-page="index.html"] main.ty-home>.container{width:calc(100% - 400px)!important;max-width:1120px!important;}}
@media(max-width:1099px){html[data-theme] body[data-page="index.html"] main.ty-home>.container{width:calc(100% - 24px)!important;}}

html[data-theme] body[data-page="index.html"] main.ty-home .ty-card-stat{background:#eadb08!important;color:#080808!important;border:1px solid #080808!important;opacity:1!important;}
@media(min-width:1100px){.cyber-david img{object-position:20% 28%;}}


/* v56 performance + square feed artwork */
html[data-theme] body[data-page="index.html"]{
  background-attachment:scroll!important;
}
html[data-theme] body[data-page="index.html"] .ty-feed-item{
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:20px!important;
  content-visibility:auto;
  contain-intrinsic-size:180px 720px;
  contain:layout paint style;
}
html[data-theme] body[data-page="index.html"] .ty-feed-image{
  width:180px!important;
  height:180px!important;
  aspect-ratio:1/1!important;
  background:#fcee09!important;
  border:2px solid #080808!important;
  border-radius:0!important;
  overflow:hidden!important;
  align-self:start;
}
html[data-theme] body[data-page="index.html"] .ty-feed-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  transition:none!important;
  background:#fcee09!important;
}
html[data-theme] body[data-page="index.html"] .ty-feed-image:hover img{transform:none!important}
html[data-theme] body[data-page="index.html"] :is(.ty-feed-item,.ty-aside-panel,.public-stats-section){
  box-shadow:3px 3px 0 #080808!important;
}
.cyber-home-portrait{contain:paint;backface-visibility:hidden}
@media(max-width:1000px) and (min-width:761px){
  html[data-theme] body[data-page="index.html"] .ty-feed-item{grid-template-columns:160px minmax(0,1fr)!important;gap:16px!important}
  html[data-theme] body[data-page="index.html"] .ty-feed-image{width:160px!important;height:160px!important}
}
@media(max-width:760px){
  html[data-theme] body[data-page="index.html"] .ty-feed-item{contain:layout paint style!important;contain-intrinsic-size:420px 720px!important}
  html[data-theme] body[data-page="index.html"] .ty-feed-image{width:100%!important;height:auto!important;aspect-ratio:1/1!important}
  html[data-theme] body[data-page="index.html"] .ty-feed-image img{object-fit:contain!important}
}


/* v57 - black cards/buttons with yellow text */
html[data-theme] body[data-page="index.html"]{
 --panel:#080808!important;
 --panel2:#111111!important;
 --text:#fcee09!important;
 --muted:#d9cf32!important;
 --border:#fcee09!important;
}

/* Main navigation + clickable chips/buttons */
html[data-theme] body[data-page="index.html"] :is(
 .oi-nav-item,.v29-pill,.nav-support,.ty-feed-more,.ty-feed-all,.ty-aside-cta,
 .wowsayko-preview,.ejdermanga-preview
){
 background:#080808!important;
 color:#fcee09!important;
 border-color:#fcee09!important;
 box-shadow:none!important;
}
html[data-theme] body[data-page="index.html"] :is(
 .oi-nav-item,.v29-pill,.nav-support,.ty-feed-more,.ty-feed-all,.ty-aside-cta
):hover{
 background:#151515!important;
 color:#fff45a!important;
 box-shadow:3px 3px 0 #fcee09!important;
}
html[data-theme] body[data-page="index.html"] :is(.oi-nav-item,.v29-pill)[aria-current="page"],
html[data-theme] body[data-page="index.html"] :is(.oi-nav-item,.v29-pill).active{
 background:#080808!important;
 color:#fcee09!important;
 border-color:#fcee09!important;
}

/* Game/news cards */
html[data-theme] body[data-page="index.html"] :is(.ty-feed-item,.ty-aside-panel,.public-stats-section){
 background:#080808!important;
 color:#fcee09!important;
 border:1px solid #fcee09!important;
 box-shadow:3px 3px 0 #fcee09!important;
}
html[data-theme] body[data-page="index.html"] .ty-feed-item :is(
 h1,h2,h3,h4,p,a,b,strong,small,em,span,.ty-feed-meta,.ty-views,.ty-card-stat
),
html[data-theme] body[data-page="index.html"] :is(.ty-aside-panel,.public-stats-section) :is(
 h1,h2,h3,h4,p,a,b,strong,small,em,span
){
 color:#fcee09!important;
}
html[data-theme] body[data-page="index.html"] :is(.ty-views,.public-stats-grid>*,.ty-card-stat,.ty-view-label,.ty-download-count,.ty-counter){
 background:#111111!important;
 color:#fcee09!important;
 border-color:#fcee09!important;
}
html[data-theme] body[data-page="index.html"] .ty-feed-image{
 background:#080808!important;
 border-color:#fcee09!important;
}
html[data-theme] body[data-page="index.html"] .ty-feed-image img{
 background:#080808!important;
}

/* Featured tiles text treatment */
html[data-theme] body[data-page="index.html"] .ty-feature-tile{
 border-color:#fcee09!important;
 background:#080808!important;
}
html[data-theme] body[data-page="index.html"] .ty-feature-shade{
 background:linear-gradient(to bottom,transparent 34%,rgba(8,8,8,.15) 46%,rgba(8,8,8,.9) 76%,#080808 100%)!important;
}
html[data-theme] body[data-page="index.html"] .ty-feature-tile :is(h2,h3,p,span,strong,small,a){
 color:#fcee09!important;
 text-shadow:0 1px 2px #000!important;
}

/* Aside promo preview copy blocks */
html[data-theme] body[data-page="index.html"] .ejdermanga-preview-copy,
html[data-theme] body[data-page="index.html"] .wowsayko-preview-copy{
 background:#080808!important;
 color:#fcee09!important;
 border-top:1px solid #fcee09!important;
}
html[data-theme] body[data-page="index.html"] .ejdermanga-preview-copy :is(strong,small,b),
html[data-theme] body[data-page="index.html"] .wowsayko-preview-copy :is(strong,small,b){
 color:#fcee09!important;
}

/* Keep page background yellow while content itself is black/yellow */
html[data-theme] body[data-page="index.html"] .ty-home-content{
 background:#fcee09f2!important;
}