/* The homepage's web games strip (flashd/web.ts). */
.web-strip { grid-column: 1 / -1; position: relative; display: flex; align-items: center; gap: 18px; min-height: 96px; padding: 22px 16px 16px; border: 3px solid var(--ink); background: var(--paper); box-shadow: 6px 6px 0 var(--ink); }
.web-strip::before { content: ""; position: absolute; top: 0; left: 16px; right: 16px; height: 8px; background: var(--coral); }
.web-strip a { text-decoration: none; }
.web-strip-label { display: flex; flex-direction: column; gap: 4px; flex: none; }
.web-strip-label span { color: var(--muted); font: 800 9px Menlo, Monaco, Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; }
.web-strip-label b { color: var(--ink-deep); font: 400 36px/.95 "Bebas Neue", "Arial Narrow", Impact, sans-serif; letter-spacing: .01em; }
.web-strip-games { display: flex; gap: 12px; flex: 1; min-width: 0; overflow-x: auto; padding: 2px 6px 6px 2px; scrollbar-width: none; }
.web-strip-games::-webkit-scrollbar { display: none; }
.web-strip-game { display: flex; align-items: center; gap: 10px; flex: none; padding: 5px 14px 5px 5px; border: 2px solid var(--ink); background: var(--white); box-shadow: 4px 4px 0 var(--accent, var(--yellow)); transition: transform 140ms ease, box-shadow 140ms ease; }
.web-strip-game:hover, .web-strip-game:focus-visible { transform: translate(-1px, -2px); box-shadow: 5px 6px 0 var(--accent, var(--yellow)); }
.web-strip-game img { width: 48px; height: 48px; border: 2px solid var(--ink); object-fit: cover; }
.web-strip-game b { display: block; color: var(--ink-deep); font: 400 22px/1 "Bebas Neue", "Arial Narrow", Impact, sans-serif; letter-spacing: .01em; }
.web-strip-game small { display: block; margin-top: 3px; color: var(--muted); font: 800 9px Menlo, Monaco, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }
.web-strip-more { flex: none; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 150px; min-height: 44px; padding: 10px 14px; border: 2px solid var(--ink); background: var(--yellow); box-shadow: 3px 3px 0 var(--ink); font-size: 14px; font-weight: 800; }
.web-strip-more:hover { background: #ffe781; }
@media (max-width: 1240px) {
  .web-strip { flex-wrap: wrap; }
  .web-strip-games { order: 3; flex-basis: 100%; }
  .web-strip-more { margin-left: auto; }
}
@media (max-width: 760px) {
  .web-strip { gap: 10px 12px; padding: 22px 13px 13px; box-shadow: 5px 5px 0 var(--ink); }
  .web-strip::before { left: 13px; right: 13px; }
  .web-strip-label b { font-size: 28px; }
  .web-strip-more { min-width: 0; min-height: 40px; padding: 8px 12px; font-size: 13px; }
  .web-strip-game img { width: 40px; height: 40px; }
  .web-strip-game b { font-size: 19px; }
}