/* neon-rows-b2c — carousel + horizontal game rows; palette follows the keyword game */
:root {
  --bg: #140808;
  --bg-elev: #241010;
  --gold: #ffd56a;
  --neon: #ffce8a;
  --text: #f8f0d8;
  --muted: #c9b090;
  --border: rgba(255,213,106,0.32);
  --cta-bg: #ffe9b0;
  --cta-text: #1a0808;
  --font-display: "Unbounded", system-ui, sans-serif;
  --font-body: "Sora", system-ui, sans-serif;
  --magenta: #ffd56a;
  --row-ink: #140808;
}
*,*::before,*::after{box-sizing:border-box;}
body.rows-shell{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.55;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--neon);}
.rows-skip{position:absolute;left:-999px;}
.rows-skip:focus{left:1rem;top:1rem;background:var(--magenta);color:#fff;z-index:40;padding:.4rem;}
.rows-top{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:var(--row-ink, var(--bg));border-bottom:1px solid var(--magenta);position:sticky;top:0;z-index:20;}
.rows-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-family:var(--font-display);font-size:1.15rem;}
.rows-logo img{border-radius:6px;}
.rows-menu{display:flex;gap:1rem;margin-left:auto;}
.rows-menu a{color:#fff;text-decoration:none;font-size:.9rem;}
.rows-menu a:hover{color:var(--magenta);}
.rows-18{border:1px solid var(--neon);color:var(--neon);padding:.1rem .35rem;font-size:.75rem;}
.rows-burger{display:none;background:transparent;color:var(--neon);border:1px solid var(--neon);padding:.3rem .6rem;}
.rows-ticker{overflow:hidden;white-space:nowrap;background:var(--bg-elev, var(--bg));color:var(--magenta);font-size:.78rem;padding:.35rem 1rem;border-bottom:1px solid var(--border);}
.rows-ticker span{display:inline-block;animation:rows-tick 22s linear infinite;}
@keyframes rows-tick{from{transform:translateX(100%);}to{transform:translateX(-100%);}}
#rows-main{padding-bottom:2rem;}
.rows-crumbs{width:min(1200px,calc(100% - 2rem));margin:.8rem auto;font-size:.85rem;color:var(--muted);}
.rows-carousel{position:relative;min-height:70vh;background:#000;}
.rows-slide{display:none;position:relative;min-height:70vh;}
.rows-slide.is-on{display:block;}
.rows-slide img{width:100%;height:70vh;object-fit:cover;filter:brightness(.55);}
.rows-slide-copy{position:absolute;left:6%;bottom:12%;right:20%;max-width:36rem;}
.rows-slide-copy h1,.rows-slide-copy h2{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.4rem);line-height:1.05;margin:.3rem 0 .6rem;color:#fff;}
.rows-carousel-nav{position:absolute;right:1rem;top:50%;display:flex;flex-direction:column;gap:.4rem;}
.rows-carousel-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--neon);background:rgba(0,0,0,.5);color:var(--neon);font-size:1.4rem;cursor:pointer;}
.rows-row{padding:1.2rem 0 1.6rem;}
.rows-row header{width:min(1200px,calc(100% - 2rem));margin:0 auto .6rem;}
.rows-row h2{font-family:var(--font-display);margin:0;color:#fff;}
.rows-row header p{margin:.2rem 0 0;color:var(--muted);}
.rows-scroller{display:flex;gap:.8rem;overflow-x:auto;padding:0 1rem 1rem;scroll-snap-type:x mandatory;}
.rows-poster{flex:0 0 220px;scroll-snap-align:start;position:relative;text-decoration:none;color:#fff;background:var(--bg-elev, var(--bg));border-radius:8px;overflow:hidden;border:1px solid var(--border);}
.rows-poster img{width:100%;aspect-ratio:2/3;object-fit:cover;}
.rows-poster strong{display:block;padding:.5rem .6rem .7rem;font-family:var(--font-display);font-size:.95rem;}
.rows-poster:hover{border-color:var(--magenta);box-shadow:0 0 18px color-mix(in srgb, var(--gold, #ffd56a) 35%, transparent);}
.rows-poster-wide{flex-basis:320px;}
.rows-poster-wide img{aspect-ratio:16/10;}
.rows-poster-wide p{padding:0 .6rem;color:var(--muted);font-size:.85rem;}
.rows-morecard{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;border:1px dashed var(--neon);}
.rows-pill{position:absolute;top:.5rem;left:.5rem;background:var(--magenta);color:#1a0808;font-size:.65rem;letter-spacing:.08em;padding:.15rem .4rem;border-radius:2px;}
.rows-pill-novo{background:var(--neon);color:#071018;}
.rows-pill-hot{background:#ff3355;}
.rows-id{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem 0;}
.rows-logo{width:36px;height:36px;border-radius:4px;}
.rows-text{color:var(--neon);margin:0 .6rem .6rem;display:inline-block;}
.rows-foot{padding:2rem 1.2rem;border-top:1px solid var(--magenta);background:var(--row-ink, var(--bg));font-size:.85rem;color:var(--muted);}
.rows-article,.rows-page{width:min(760px,calc(100% - 2rem));margin:1rem auto 2rem;}
.rows-article h1,.rows-page h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);}
.rows-figure figcaption{color:var(--muted);font-size:.85rem;}
.rows-body h2{font-family:var(--font-display);color:var(--magenta);}
.btn-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--cta-bg);color:var(--cta-text);text-decoration:none;font-weight:800;letter-spacing:.06em;padding:.75rem 1.15rem;border-radius:4px;text-transform:uppercase;box-shadow:0 0 20px rgba(201,179,126,.8),0 0 28px rgba(255,43,214,.25);}
.cta-review-wrap{display:flex;flex-direction:column;gap:.25rem;padding:0 .6rem .6rem;}
.cta-review-disclosure,.cta-disclosure,.rows-disc{font-size:.75rem;color:var(--muted);}
.rows-board{width:min(1200px,calc(100% - 2rem));margin:1rem auto;}
.rows-board h2{font-family:var(--font-display);}
@media(max-width:800px){
  .rows-burger{display:inline-flex;margin-left:auto;}
  .rows-menu{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;background:var(--row-ink, var(--bg));padding:1rem;border-bottom:1px solid var(--magenta);}
  .rows-menu.is-open{display:flex;}
  .rows-slide-copy{left:4%;right:8%;}
}

.btn-cta {
  box-shadow: 0 0 16px color-mix(in srgb, var(--cta-bg) 75%, transparent),
              0 0 36px color-mix(in srgb, var(--cta-bg) 40%, transparent);
}
.btn-cta:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 22px color-mix(in srgb, var(--cta-bg) 90%, transparent),
              0 0 44px color-mix(in srgb, var(--cta-bg) 50%, transparent);
}


/* framed game tiles in the scroller + ranking cards */
.rows-rankcard { flex: 0 0 min(260px, 78vw); scroll-snap-align: start; background: var(--bg-elev); border: 1px solid var(--border); border-radius: 8px; padding: .9rem; }
.rows-pos { display: inline-flex; width: 1.8rem; height: 1.8rem; align-items: center; justify-content: center; background: var(--cta-bg); color: var(--cta-text); font-weight: 800; border-radius: 4px; margin-bottom: .4rem; }
.rows-rankcard dl { margin: .4rem 0; font-size: .82rem; }
.rows-rankcard dt { color: var(--muted); }
.rows-rankcard dd { margin: 0 0 .3rem; }
.rows-gametile { position: relative; flex: 0 0 160px; border: 3px solid var(--gold, #ffd56a); border-radius: 6px; overflow: hidden; background: #100404; box-shadow: 0 0 16px color-mix(in srgb, var(--gold, #ffd56a) 25%, transparent); }
.rows-gametile img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
.rows-gametile .rows-pill { position: absolute; top: .4rem; left: .4rem; }
.rows-gametile strong { position: absolute; left: 0; right: 0; bottom: 0; padding: .4rem; background: linear-gradient(transparent, rgba(0,0,0,.8)); color: var(--text); font-size: .85rem; }
.rows-visit { display: inline-block; margin-top: .35rem; padding: .35rem .7rem; border: 1px solid var(--gold, #ffd56a); color: var(--gold, #ffd56a); text-decoration: none; font-weight: 700; font-size: .82rem; }