:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0a0809;color:#f5efe3}main{max-width:720px;margin:0 auto;padding:16px}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}header{text-align:center;margin:24px 0}header h1{margin:0;font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase}.untertitel{color:#f5efe399;font-style:italic;margin-top:4px}img{max-width:100%;display:block;border-radius:8px}.final{margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}figure{margin:0;display:flex;flex-direction:column;gap:8px}button{min-height:44px;border:none;border-radius:8px;background:#d4af37;color:#14110b;font-weight:600;font-size:1rem;padding:8px 16px;cursor:pointer}button:disabled{opacity:.5}.alle{width:100%;margin:24px 0}.fehler{color:#f0a0a0;text-align:center}