.game-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-form label{font-size:.95rem}.game-form select,.game-form input{display:block;width:100%;padding:9px;border:1px solid #9cafaa;border-radius:6px;background:white;color:#22343b;font:inherit;margin-top:6px}.game-buttons{display:flex;gap:12px;flex-wrap:wrap;grid-column:1/-1}.game-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0;font-size:.85rem}.game-swatch{display:flex;align-items:center;gap:6px}.game-swatch i{width:15px;height:15px;border:1px solid #899a98;border-radius:3px}.game-swatch.unused{opacity:.55}.game-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.game-panels figure{margin:0}.game-panels figcaption{min-height:3em;font-size:.9rem;color:#22343b}.game-panels svg{display:block;width:100%;border:1px solid #cddbd8;border-radius:6px}.game-challenge{background:#fff9ee;border:1px solid #edd8b7;padding:22px;border-radius:12px;margin:26px 0}.game-challenge h3{margin-top:0!important}.game-challenge .controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.game-challenge label{font-size:.9rem}.game-challenge select{display:block;margin-top:6px}.game-challenge p{margin-top:14px;margin-bottom:0}.game-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0}.game-controls label{font-size:.95rem}button:disabled{opacity:.5;cursor:not-allowed}progress{width:100%;height:14px;accent-color:#08776f}.game-answer{background:white;border-left:4px solid #08776f;padding:16px}.game-controls input[type=range]{max-width:280px;width:100%}@media(max-width:700px){.game-form{grid-template-columns:repeat(2,minmax(0,1fr))}.game-panels{grid-template-columns:1fr}.game-panels figure{max-width:360px;width:100%;margin:auto}.game-panels figcaption{min-height:0;margin-bottom:8px}}@media(max-width:420px){.game-form{grid-template-columns:1fr}}

.game-generator-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(200px,1fr);gap:24px;align-items:start}.game-generator-layout .game-form{grid-template-columns:repeat(2,minmax(0,1fr))}.game-preview figure{margin:0}.game-preview figcaption{margin-bottom:12px}.game-preview svg{display:block;width:100%;border:1px solid #a6b8b4;border-radius:8px}.game-buttons button{font-size:.85rem;padding:8px 12px}@media(max-width:650px){.game-generator-layout{grid-template-columns:1fr}.game-preview{max-width:340px;width:100%;margin:auto}}

.game-opening-image {max-width:420px;margin:1.5rem auto 2rem;}
.game-opening-image img {display:block;width:100%;height:auto;border-radius:8px;}
.game-opening-image figcaption {margin-top:.6rem;color:#52676b;font-size:.85rem;line-height:1.6;text-align:center;}