/* Churroman Kids corner: the "More Churroman Games" banner on every game page */
.ticker{background:var(--marron,#4A2415);border-radius:18px;padding:12px 0 12px;margin-bottom:14px;box-shadow:0 6px 16px rgba(36,19,13,.22)}
.ticker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 8px 16px}
.ticker h2{color:var(--dorado,#D99A32);font-size:18px;margin:0;letter-spacing:.5px}
.ticker-arrows{display:flex;gap:8px}
.ticker-arrows button{width:38px;height:38px;border-radius:50%;border:2px solid rgba(244,230,200,.55);background:rgba(244,230,200,.12);
  color:#F4E6C8;font-size:16px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;
  -webkit-tap-highlight-color:transparent;transition:background .15s}
.ticker-arrows button:hover{background:rgba(244,230,200,.28)}
.ticker-arrows button:active{transform:scale(.94)}
.ticker-arrows button:focus-visible{outline:3px solid var(--dorado,#D99A32);outline-offset:2px}
.track-wrap{position:relative}
.track-wrap::before,.track-wrap::after{content:"";position:absolute;top:0;bottom:8px;width:22px;z-index:2;pointer-events:none}
.track-wrap::before{left:0;background:linear-gradient(90deg,var(--marron,#4A2415),rgba(74,36,21,0))}
.track-wrap::after{right:0;background:linear-gradient(270deg,var(--marron,#4A2415),rgba(74,36,21,0))}
.track{display:flex;gap:14px;overflow-x:auto;padding:6px 16px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;
  -webkit-user-select:none;user-select:none}
.track::-webkit-scrollbar{display:none}
.track.dragging{cursor:grabbing}
.track.dragging .game-card{pointer-events:none}
/* a game card */
.game-card{flex:0 0 204px;display:flex;flex-direction:column;text-decoration:none;color:#24130D;background:#FFFCF4;border-radius:16px;
  overflow:hidden;position:relative;box-shadow:0 4px 0 rgba(0,0,0,.25);transition:transform .15s ease, box-shadow .15s ease;-webkit-tap-highlight-color:transparent}
.game-card:hover,.game-card:focus-visible{transform:translateY(-4px);box-shadow:0 8px 0 rgba(0,0,0,.25)}
.game-card:focus-visible{outline:3px solid var(--dorado,#D99A32);outline-offset:2px}
.gc-pic{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#E8D3B3}
.gc-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;-webkit-user-drag:none}
.game-card:hover .gc-pic img{transform:scale(1.07)}
.gc-badge{position:absolute;top:8px;left:8px;font-style:normal;font-size:11px;font-weight:bold;letter-spacing:.4px;padding:4px 9px;border-radius:99px;
  background:#A62C24;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.gc-text{display:block;padding:9px 12px 0}
.gc-text b{display:block;font-size:16px;line-height:1.15;color:#4A2415}
.gc-text small{display:block;font-size:12.5px;line-height:1.3;color:#6A3B25;margin-top:2px}
.gc-cta{align-self:flex-start;margin:9px 12px 12px;padding:6px 14px;border-radius:99px;background:#A62C24;color:#fff;font-weight:bold;font-size:13px;letter-spacing:.4px}
.game-card:hover .gc-cta{background:#c0392b}
.game-card.current{outline:3px solid var(--dorado,#D99A32);outline-offset:-3px}
.game-card.current .gc-badge{background:#D99A32;color:#24130D}
.game-card.current .gc-cta{background:#4A2415}
@media (max-width:480px){
  .game-card{flex-basis:172px}
  .gc-text b{font-size:15px}
  .ticker-arrows button{width:34px;height:34px}
  .ticker h2{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){ .game-card,.gc-pic img{transition:none} }