/* Featured playable demos, above the original development and raffle cards. */
.featured-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.featured-games>.game-card{display:flex;flex-direction:column;grid-column:auto;border:3px solid var(--gold);background:linear-gradient(155deg,#104b54,#082d3c 72%);box-shadow:0 7px 0 #001722}
.featured-games>.pinball-card{border-color:var(--teal)}
.featured-games>.cards-right-card{border-color:#ff8067}
.featured-games>.scratch-card{border-color:#b6f280}
.featured-games>.game-card>.game-thumbnail{display:block;aspect-ratio:1672/941;height:auto;flex:none;text-decoration:none}
.featured-games .game-thumbnail>img{width:100%;height:100%;object-fit:contain;transform:none}
.featured-games .game-thumbnail:focus-visible{outline:4px solid var(--cream);outline-offset:-5px}
.playable-card .playable-status{display:flex;align-items:center;gap:7px;padding:7px 10px;font-size:9px;background:#062e38f5;border:1px solid #fff8;border-radius:7px;color:#fff9df;box-shadow:0 2px 9px #00172270}
.playable-status .status-dot{margin:0;background:#8bffd4;box-shadow:0 0 0 3px #8bffd428}
.featured-games>.game-card>.game-card-body{display:flex;flex:1;flex-direction:column;border-top:2px solid #ffffff22;border-left:0;padding:27px 28px 23px}
.featured-games .game-card-body>.eyebrow{color:var(--gold);font-size:10px}
.featured-games .pinball-card .eyebrow{color:var(--teal)}
.featured-games .cards-right-card .eyebrow{color:#ffad8e}
.featured-games .scratch-card .eyebrow{color:#c9f9a3}
.featured-games .game-card-body h3{font-size:clamp(26px,2.55vw,36px);margin:13px 0 15px;color:var(--cream);text-shadow:2px 3px #03222d}
.featured-games .game-card-body p{font-size:14px;line-height:1.8;min-height:0;margin:0 0 19px;color:#daece4;max-width:49ch}
.game-flavours{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 24px}
.game-flavours li{font-size:10px;font-weight:900;line-height:1.4;padding:6px 9px;border:1px solid #f6d78350;border-radius:5px;background:#05293499;color:#f6dfa9}
.pinball-card .game-flavours li{border-color:#51e5cf55;color:#b8ffed}
.cards-right-card .game-flavours li{border-color:#ff806777;color:#ffd2bf}
.scratch-card .game-flavours li{border-color:#b6f28077;color:#ddffbd}
.featured-games .game-play-button{width:100%;margin-top:auto;justify-content:space-between;min-height:51px;font-size:15px;text-decoration:none}
.button-teal{background:var(--teal);color:var(--ink);border-color:var(--ink)}
.button-teal:hover{background:#a0fff0}
.featured-games .button-coral{background:#ff8067;color:var(--ink);border-color:var(--ink)}
.featured-games .button-coral:hover{background:#ffb397}
.featured-games .button-mint{background:#b6f280;color:var(--ink);border-color:var(--ink)}
.featured-games .button-mint:hover{background:#dbffb9}
.game-launch-note{display:block;text-align:center;font-size:10px;line-height:1.5;color:#b4d0cf;margin-top:12px}
.playable-games-note{font-size:11px;color:#abc8c8;margin:20px 0 0;line-height:1.7}
.games-coming-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:47px 0 23px;padding-top:24px;border-top:1px dashed #64cbbb66}
.games-coming-heading>.eyebrow{font-size:10px;color:var(--teal)}
.games-coming-heading h3{font-size:18px;margin:0;line-height:1.35;color:var(--cream)}
@media(max-width:1000px){.featured-games{gap:20px}.featured-games>.game-card>.game-card-body{padding:23px 21px}.featured-games .game-card-body p{font-size:13px}.featured-games .game-card-body h3{font-size:28px}.game-flavours li{font-size:9px;padding:5px 7px}}
@media(min-width:1100px){.featured-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.featured-games>.game-card>.game-card-body{padding:25px 26px}.featured-games .game-card-body h3{font-size:32px}.featured-games .game-play-button{font-size:15px;padding-inline:20px}}
@media(max-width:680px){.featured-games{grid-template-columns:1fr;gap:28px}.featured-games>.game-card>.game-card-body{padding:23px}.featured-games .game-card-body h3{font-size:30px}.featured-games .game-card-body p{font-size:13px}.featured-games .game-play-button{font-size:14px}.playable-card .playable-status{font-size:8px;padding:6px 8px;top:10px;left:10px}.games-coming-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-top:37px}.games-coming-heading h3{font-size:22px}.game-flavours li{font-size:10px}.playable-games-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.featured-games>.game-card:hover{transform:none}}

/* A phone arcade shelf: artwork and a clear play target, with the rulebook one tap away. */
@media(max-width:680px){
  #games.extras-section{padding-top:38px;padding-bottom:42px}
  #games>.section-heading{gap:12px;margin-bottom:20px}
  #games>.section-heading>.icon{display:none}
  #games .section-heading h2{font-size:clamp(29px,8vw,38px);line-height:1.12;margin-top:10px}
  #games .section-intro{font-size:14px;line-height:1.55;margin-bottom:0}
  .featured-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}
  .featured-games>.game-card{min-width:0;border-width:2px;border-radius:12px;transform:none;box-shadow:0 4px 0 #001722}
  .featured-games>.game-card>.game-card-body{padding:13px 11px 10px;min-width:0}
  .featured-games .game-card-body>.eyebrow,.featured-games .game-card-body>p,.featured-games .game-flavours{display:none}
  .featured-games .game-card-body h3{font-size:clamp(18px,4.8vw,23px);line-height:1.2;margin:0 0 12px;min-height:2.5em;letter-spacing:0;overflow-wrap:normal}
  .featured-games .game-play-button{min-height:48px;font-size:12px;line-height:1.3;padding:10px 9px;gap:5px;justify-content:center;text-align:center}
  .featured-games .game-play-button .icon{display:none}
  .featured-games .game-rules-link{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;margin:4px 0 0;font-size:11px;line-height:1.35;text-align:center}
  .featured-games .game-launch-note{font-size:9px;line-height:1.45;margin-top:1px}
  .featured-games .game-thumbnail{overflow:hidden}
  .featured-games .playable-status{top:6px;left:6px;font-size:7px;line-height:1.3;padding:4px 5px;gap:4px;border-radius:5px}
  .featured-games .playable-status .status-dot{width:4px;height:4px;box-shadow:none}
  .playable-games-note{font-size:12px;line-height:1.6;margin-top:22px}
  #games>.all-game-rules{display:flex;justify-content:center;align-items:center;min-height:44px;font-size:12px;line-height:1.5;margin-top:10px;margin-bottom:14px}
}
@media(max-width:359px){.featured-games{gap:13px 9px}.featured-games>.game-card>.game-card-body{padding-inline:9px}.featured-games .game-card-body h3{font-size:17px}.featured-games .game-play-button{font-size:11px;padding-inline:6px}.featured-games .game-rules-link{font-size:10px}}