/* Quad screen game test: the launcher's look. Themed by the host page's variables when it has
   them (--quad-bg, --quad-fg, --quad-accent, --quad-muted); plain defaults otherwise. */
.quad-launcher { max-width: 720px; margin: 0 auto; font: inherit; }
.quad-board {
  position: relative; width: 100%;
  background: var(--quad-muted, #e9e9ef); border-radius: 12px; overflow: hidden;
}
.quad-window {
  position: absolute; box-sizing: border-box; margin: 0;
  border: 2px solid var(--quad-bg, #fff); border-radius: 8px;
  background: var(--quad-accent, #46178f); color: var(--quad-fg, #fff);
  font: inherit; font-weight: 700; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  padding: 8px; text-align: center;
}
.quad-window:disabled { opacity: 0.4; cursor: default; }
.quad-window.quad-open { background: var(--quad-open, #26890c); }
.quad-window.quad-blocked { background: var(--quad-blocked, #c60929); }
.quad-label { font-size: 1.1rem; }
.quad-state { font-size: 0.8rem; font-weight: 400; opacity: 0.9; }
.quad-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 10px; flex-wrap: wrap; }
.quad-hint { font-size: 0.85rem; opacity: 0.8; }
.quad-close-all { font: inherit; padding: 6px 14px; border-radius: 999px; border: 1px solid currentColor; background: transparent; color: inherit; cursor: pointer; }