/* CC-CBN-2026-11: Color by Number – Seiten, Karten-Zusatz, Spiel. Farben wie hub.html (Orange #c2410c / #ea580c, Creme #fff7ed). */
.cbn-schritte{margin:14px 0 6px;padding-left:1.25em;max-width:72ch;color:#444;line-height:1.55}
.cbn-schritte li{margin:0 0 4px;padding-left:2px}
.cbn-schritte li::before{content:none}
.cbn-schritte b{color:#1f2937}
.cbn-stufen{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:4px;max-width:72ch}
.cbn-stufen li{color:#555;line-height:1.5}
.cbn-stufen li::before{content:none}
.cbn-stufen b{color:#1f2937;display:inline-block;min-width:6.5em}
.cbn-filter{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.cbn-filter button{font:600 .85rem/1 Inter,system-ui,sans-serif;padding:7px 13px;border:1px solid #f3d3b8;border-radius:999px;color:#9a3412;background:#fff7ed;cursor:pointer}
.cbn-filter button span{opacity:.65;margin-left:3px;font-weight:500}
.cbn-filter button.an{background:#ea580c;border-color:#ea580c;color:#fff}
.cbn-karte .cbn-bild{position:relative;display:block}
.cbn-karte .cbn-key{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;transition:opacity .2s;pointer-events:none}
.cbn-karte.zeigt .cbn-key{opacity:1}
.cbn-karte .scene{display:block!important}
.cbn-aktion{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0 11px 11px;font:13px/1.3 Inter,system-ui,sans-serif}
.cbn-aktion button{border:0;background:none;padding:0;font:inherit;color:#c2410c;font-weight:600;cursor:pointer}
.cbn-aktion button:hover,.cbn-aktion a:hover{text-decoration:underline}
.cbn-aktion .cbn-mathe{color:#6b7280}
.cbn-aktion .cbn-mathe a,.cbn-aktion .cbn-key-pdf{color:#c2410c;font-weight:700;text-decoration:none;padding:0 2px}
.cbn-karte.weg{display:none}
.cbn-mehr a{color:#c2410c;font-weight:600;text-decoration:none}
.cbn-bildseite{margin:10px 0 0;font:14px/1.5 Inter,system-ui,sans-serif;color:#555}
.cbn-bildseite a{color:#c2410c;font-weight:600;text-decoration:none}
.cbn-bildseite a:hover{text-decoration:underline}
@media (max-width:640px){.cbn-aktion{padding:0 9px 9px;font-size:12.5px}}
@media print{.cbn-aktion,.cbn-filter{display:none!important}}
/* Spiel */
.cbn-spielseite .container{max-width:760px}
.cbn{background:#fff;border:1px solid #e9e4dc;border-radius:14px;padding:12px;display:grid;gap:10px;margin:10px auto 0;max-width:620px}
.cbn-kopf{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.cbn-titel{font:700 1.05rem/1.25 Inter,system-ui,sans-serif;color:#1f2937;flex:1 1 200px;min-width:0}
.cbn-stand{font:.9rem Inter,system-ui,sans-serif;color:#6b7280;font-variant-numeric:tabular-nums}
.cbn-werkzeuge{display:flex;gap:6px;flex-wrap:wrap}
.cbn-knopf{font:600 .85rem Inter,system-ui,sans-serif;border:1px solid #f3d3b8;background:#fff7ed;color:#9a3412;border-radius:8px;padding:6px 10px;cursor:pointer}
.cbn-knopf.cbn-haupt{background:#ea580c;border-color:#ea580c;color:#fff}
.cbn-balken{height:6px;background:#f1ede6;border-radius:99px;overflow:hidden}
.cbn-balken-in{height:100%;width:0;background:#16a34a;transition:width .3s}
.cbn-fenster{position:relative;overflow:auto;max-height:74vh;border-radius:8px;background:#fff;border:1px solid #f1ede6}
.cbn-buehne{position:relative;width:100%;margin:0 auto;background:#fff}
.cbn-ebene,.cbn-konfetti{position:absolute;inset:0;width:100%;height:100%}
.cbn-linien{pointer-events:none}
.cbn-konfetti{cursor:pointer;touch-action:manipulation}
.cbn-hinweis{pointer-events:none;position:sticky;bottom:10px;margin:0 auto;width:fit-content;max-width:90%;background:#1f2937;color:#fff;font:.9rem Inter,system-ui,sans-serif;padding:8px 12px;border-radius:8px;transform:translateY(-6px)}
.cbn-hinweis[hidden],.cbn-fertig[hidden]{display:none!important}
.cbn-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.cbn-farbe{display:flex;align-items:center;gap:8px;border:1px solid #e9e4dc;background:#fff;color:#1f2937;border-radius:10px;padding:5px 8px 5px 5px;cursor:pointer;text-align:left;min-width:0;font:inherit}
.cbn-farbe.an{border-color:#ea580c;box-shadow:0 0 0 2px #ea580c}
.cbn-farbe.leer{opacity:.55}
.cbn-fleck{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;border:1px solid rgba(0,0,0,.25)}
.cbn-nr{font:1rem Sniglet,Inter,system-ui,sans-serif;background:#fff;color:#111;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;line-height:1}
.cbn-name{font-size:.82rem;flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.2}
.cbn-rest{font-size:.8rem;color:#6b7280;font-variant-numeric:tabular-nums}
.cbn-fertig{display:grid;gap:8px;justify-items:start;background:#fff7ed;border-radius:10px;padding:12px}
.cbn-fertig-text{font:700 1.05rem Inter,system-ui,sans-serif;color:#9a3412}
@keyframes cbn-wackeln{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.wackeln{animation:cbn-wackeln .25s 2}
@media (prefers-reduced-motion:reduce){.wackeln{animation:none}.cbn-balken-in{transition:none}.cbn-karte .cbn-key{transition:none}}
.cbn-spiel-links{margin:12px 0 0;font:14px/1.5 Inter,system-ui,sans-serif;text-align:center}
.cbn-spiel-links a{color:#c2410c;font-weight:600;text-decoration:none}
.cbn-weitere{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:16px 0 0}
.cbn-weitere .cbn-play{border:1px solid #e9e4dc;border-radius:10px;background:#fff;padding:6px;cursor:pointer;display:grid;gap:4px;font:12px/1.3 Inter,system-ui,sans-serif;color:#1f2937;text-align:left}
.cbn-weitere img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}