/* Directory-only refresh: game canvases and shared page headers stay independent. */
.arcade-page .arcade-library {
  padding: 24px;
  border: 1px solid #b8b9ca;
  border-radius: 0;
  background: #fff;
  box-shadow: 5px 5px 0 #10173e20;
}
.arcade-library-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:22px; }
.arcade-library-heading h2 { margin:0; color:#10173e; font:500 25px/1.2 "Barlow Semi Condensed",sans-serif; }
.arcade-library-heading > span { color:#71748b; font:500 15px/1.2 "Barlow Semi Condensed",sans-serif; }
.arcade-page .arcade-game-grid { grid-template-columns:repeat(6,minmax(0,150px)); justify-content:center; gap:18px 14px; }
.arcade-page .arcade-game-card {
  --arcade-accent:#ad8a4d; --arcade-tint:#faf4e8;
  display:flex; flex-direction:column; aspect-ratio:auto; border:1px solid #b8b9ca;
  border-top:4px solid var(--arcade-accent); border-radius:0; overflow:visible;
  padding:7px 7px 0; background:var(--arcade-tint); box-shadow:4px 4px 0 #10173e24;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.arcade-page [data-arcade-game="number-rush"] { --arcade-accent:#477d61; --arcade-tint:#edf6ef; }
.arcade-page [data-arcade-game="plinko"] { --arcade-accent:#2189c7; --arcade-tint:#edf7ff; }
.arcade-page [data-arcade-game="y2krazy"] { --arcade-accent:#ab75c8; --arcade-tint:#f9efff; }
.arcade-page [data-arcade-game="perfect-match"] { --arcade-accent:#e45b8b; --arcade-tint:#fff0f5; }
.arcade-page [data-arcade-game="deal-or-no-deal"] { --arcade-accent:#c89928; --arcade-tint:#fff8dc; }
.arcade-page [data-arcade-game="fiesta"] { --arcade-accent:#de6541; --arcade-tint:#fff1e6; }
.arcade-page [data-arcade-game="heist"] { --arcade-accent:#538a7d; --arcade-tint:#edf5f2; }
.arcade-page .arcade-card-art { aspect-ratio:2/3; height:auto; background:transparent; }
.arcade-page .arcade-card-art img { object-fit:contain; transition:filter .18s ease; }
.arcade-card-footer { display:flex; align-items:center; justify-content:center; min-height:44px; padding:7px 0; font:600 14px/1.2 "Barlow Semi Condensed",sans-serif; }
.arcade-card-play { display:inline-flex; align-items:center; gap:6px; color:#10173e; padding:5px 14px; background:white; border:1px solid var(--arcade-accent); box-shadow:2px 2px 0 var(--arcade-accent); transition:background .18s ease,box-shadow .18s ease; }
.arcade-card-play > span { color:var(--arcade-accent); font-size:22px; transition:transform .18s ease; }
.arcade-page .arcade-game-card:hover,.arcade-page .arcade-game-card:focus-visible { z-index:1; transform:translate(-2px,-4px); border-color:var(--arcade-accent); box-shadow:6px 8px 0 var(--arcade-accent); }
.arcade-game-card:is(:hover,:focus-visible) .arcade-card-play { background:white; border-color:var(--arcade-accent); box-shadow:2px 2px 0 var(--arcade-accent); }
.arcade-game-card:is(:hover,:focus-visible) .arcade-card-play > span { transform:translate(2px,-2px); }
.arcade-page .arcade-game-card:focus-visible { outline:3px solid #10173e; outline-offset:5px; }
@media(max-width:1000px) { .arcade-page .arcade-game-grid { grid-template-columns:repeat(3,minmax(0,150px)); } }
@media(max-width:560px) { .arcade-page .arcade-library { padding:14px; } .arcade-library-heading { align-items:flex-start; flex-direction:column; gap:6px; } .arcade-library-heading h2 { font-size:23px; } .arcade-page .arcade-game-grid { grid-template-columns:repeat(2,minmax(0,150px)); gap:18px 12px; } .arcade-card-footer { flex-wrap:wrap; gap:3px; } .arcade-card-play { padding:4px 6px; } }
@media(max-width:360px) { .arcade-page .arcade-game-grid { grid-template-columns:minmax(0,150px); } }
@media(prefers-reduced-motion:reduce) { .arcade-page .arcade-game-card,.arcade-card-play,.arcade-card-play > span,.arcade-page .arcade-card-art img { transition:none; } .arcade-page .arcade-game-card:hover,.arcade-page .arcade-game-card:focus-visible,.arcade-game-card:is(:hover,:focus-visible) .arcade-card-play > span { transform:none; } }

.arcade-page [data-arcade-game="bubble-buster"] { --arcade-accent:#d54d91; --arcade-tint:#fff0f7; }

/* Poster-specific accents for the newer games and Word Search. */
.arcade-page [data-arcade-game="papers-please"] { --arcade-accent:#737e45; --arcade-tint:#f4f6e9; }
.arcade-page [data-arcade-game="look-familiar"] { --arcade-accent:#697482; --arcade-tint:#f0f2f5; }
.arcade-page [data-arcade-game="stacked"] { --arcade-accent:#c34b28; --arcade-tint:#fff2e9; }
.arcade-page [data-arcade-game="maze-run"] { --arcade-accent:#259da8; --arcade-tint:#edfafa; }
.arcade-page [data-arcade-game="flakes"] { --arcade-accent:#557fb3; --arcade-tint:#edf4fc; }
.arcade-page [data-arcade-game="cover-story"] { --arcade-accent:#d7a31e; --arcade-tint:#fff9df; }
.arcade-page [data-arcade-game="word-search"] { --arcade-accent:#b35b4d; --arcade-tint:#fff0ec; }

/* Individual accents for the casino games. */
.arcade-page [data-arcade-game="21"] { --arcade-accent:#185843; --arcade-tint:#edf5f0; }
.arcade-page [data-arcade-game="wheel"] { --arcade-accent:#344fc4; --arcade-tint:#eff1ff; }