*{box-sizing:border-box}body{margin:0;background:#f2f2f2;font-family:system-ui,sans-serif;color:#222}main{width:min(1100px,96vw);margin:20px auto;padding:24px;background:white;border-radius:16px;box-shadow:0 4px 25px #0002}h1{text-align:center}#grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:24px 0}.feld{position:relative;padding:0;border:4px solid transparent;border-radius:12px;overflow:hidden;aspect-ratio:1;cursor:pointer;background:#eee}.feld img{width:100%;height:100%;object-fit:cover;display:block}.wert{position:absolute;left:6px;bottom:6px;padding:3px 8px;background:#000b;color:white;border-radius:7px;font-weight:bold}.feld.selected{opacity:.45;border-color:#198754;transform:scale(.97)}.feld.selected:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:3rem;font-weight:900;text-shadow:0 2px 5px #000}.enter{border:4px solid #198754;border-radius:12px;background:#198754;color:white;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;cursor:pointer;display:grid;place-items:center}.enter:hover{background:#157347}.enter:disabled{opacity:.6}.eingabe{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px;background:#f5f5f5;border-radius:12px}.eingabe label{grid-column:1/-1;font-weight:bold}input{padding:13px;border:1px solid #bbb;border-radius:9px;font-size:1.1rem}.eingabe strong{font-size:2rem}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}th:first-child,td:first-child,th:nth-child(3),td:nth-child(3){text-align:center}@media(max-width:750px){main{padding:14px;margin:8px auto}#grid{gap:5px}.feld,.enter{border-width:2px;border-radius:7px}.wert{font-size:.65rem;left:2px;bottom:2px;padding:1px 4px}.feld.selected:after{font-size:1.5rem}.eingabe{grid-template-columns:1fr}.eingabe strong{display:block}}