:root{color-scheme:dark;--fond: #17171a;--carte: #212126;--carte-active: #2c2c33;--trait: #34343c;--texte: #e8e8ea;--attenue: #9a9aa4}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font:15px/1.5 system-ui,sans-serif}.atelier{max-width:1000px;margin:0 auto;padding:20px 16px 40px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}select{background:var(--carte);color:var(--texte);border:1px solid var(--trait);border-radius:6px;padding:8px 10px;font:inherit;max-width:100%}.compteur{color:var(--attenue);white-space:nowrap}.question{font-size:clamp(18px,3.4vw,26px);font-weight:600;text-align:center;margin:0 0 24px}.paire{display:grid;grid-template-columns:1fr 1fr;gap:16px}.carte{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:14px;color:inherit;font:inherit;text-align:center;cursor:pointer}.carte:hover:not(:disabled){background:var(--carte-active)}.carte:disabled{opacity:.55;cursor:default}.carte img{width:100%;max-width:260px;aspect-ratio:2 / 3;object-fit:cover;border-radius:6px;background:var(--fond)}.touche{color:var(--attenue);font-size:18px}.titre{font-weight:600}.sous-titre,.details,.cote{color:var(--attenue);font-size:13px}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:24px}button{background:var(--carte);color:var(--texte);border:1px solid var(--trait);border-radius:6px;padding:9px 14px;font:inherit;cursor:pointer}button:hover:not(:disabled){background:var(--carte-active)}button:disabled{opacity:.5;cursor:default}kbd{background:var(--fond);border:1px solid var(--trait);border-radius:4px;padding:1px 5px;font-size:12px}.aide{flex-basis:100%;text-align:center;color:var(--attenue);font-size:13px;margin:4px 0 0}.attente{text-align:center;color:var(--attenue);padding:40px 0}.erreur{color:#ff9c8f}.connexion{max-width:320px;margin:18vh auto 0;display:flex;flex-direction:column;gap:12px;padding:0 16px}.connexion h1{font-size:20px;margin:0 0 4px}input{background:var(--carte);color:var(--texte);border:1px solid var(--trait);border-radius:6px;padding:10px;font:inherit}@media(max-width:620px){.paire{grid-template-columns:1fr}.carte img{max-width:180px}}