.coc{aspect-ratio:4/3;border-radius:var(--radius-xl,20px);border:1px solid var(--border);background:var(--sunken);width:100%;box-shadow:var(--shadow-2);font-family:var(--font-sans);flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden}.coc-scene{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid;position:relative}.coc-kicker{border:1px solid var(--border-strong);background:var(--surface);color:var(--brand-accent);opacity:0;border-radius:999px;grid-column:1/-1;align-self:start;align-items:center;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}[data-js] .coc.playing .coc-kicker{animation:cocKicker 16s var(--ease-brand,ease) infinite}.coc-fridge{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-column:1/-1;align-items:center;gap:14px;padding:12px 14px;display:flex}[data-js] .coc.playing .coc-fridge{opacity:0;animation:cocPanel 16s var(--ease-brand,ease) infinite;transform:translateY(10px)}.coc-fridge-door{border:1.5px solid var(--border);background:var(--sunken);border-radius:8px;flex:1;height:60px;position:relative;overflow:hidden}.coc-fridge-door .shelf{background:var(--border-strong);border-radius:2px;height:3px;position:absolute;left:8px;right:8px}.coc-fridge-door .shelf:first-child{top:18px}.coc-fridge-door .shelf:nth-child(2){top:38px}.coc-fridge-sweep{opacity:0;background:linear-gradient(180deg, transparent, var(--brand-accent), transparent);height:30%;position:absolute;top:-30%;left:0;right:0}[data-js] .coc.playing .coc-fridge-sweep{opacity:.3;animation:cocFridgeSweep 3.6s var(--ease-brand,ease) infinite}.coc-fridge-badge{border:1px solid var(--warn-bg,var(--border-strong));background:var(--warn-bg,var(--sunken));border-radius:10px;flex-direction:column;flex:none;align-items:flex-start;gap:2px;padding:8px 12px;display:inline-flex}.coc-fridge-badge .value{color:var(--warn-fg,var(--foreground));font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600}.coc-fridge-badge .label{color:var(--warn-fg,var(--text-2));opacity:.85;font-size:.6875rem}.coc-dlc{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:8px;grid-column:1/-1;align-self:start;align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;display:inline-flex}[data-js] .coc.playing .coc-dlc{opacity:0;animation:cocFlag 16s var(--ease-brand,ease) infinite;transform:translateY(8px)}.coc-dlc .tag{background:var(--sunken);color:var(--brand-accent);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.coc-recipe{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-column:1/-1;padding:14px 16px}[data-js] .coc.playing .coc-recipe{opacity:0;animation:cocTile 16s var(--ease-brand,ease) infinite;transform:translateY(10px)scale(.98)}.coc-recipe .hd{letter-spacing:.04em;text-transform:uppercase;color:var(--brand-accent);font-size:.75rem;font-weight:600}.coc-recipe .row{color:var(--foreground);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;font-size:.8125rem;display:flex}.coc-recipe .stack{min-width:3.6em;height:1.3em;display:inline-block;position:relative}.coc-recipe .stack span{text-align:right;font-weight:600;position:absolute;inset:0}.coc-recipe .before{color:var(--warn);opacity:1}.coc-recipe .after{color:var(--foreground);opacity:0}[data-js] .coc.playing .coc-recipe .before{animation:cocCrossOut 16s var(--ease-brand,ease) infinite}[data-js] .coc.playing .coc-recipe .after{animation:cocCrossIn 16s var(--ease-brand,ease) infinite}.coc-recipe .chip{border:1px solid var(--border-strong);color:var(--primary);font-variant-numeric:tabular-nums;border-radius:999px;margin-top:8px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.coc-haccp{grid-column:1/-1;align-items:center;gap:8px;display:flex}[data-js] .coc.playing .coc-haccp{opacity:0;animation:cocNegociation 16s var(--ease-brand,ease) infinite;transform:translateY(12px)}.coc-haccp .pastille{background:var(--border-strong);border-radius:99px;flex:none;width:10px;height:10px}[data-js] .coc.playing .coc-haccp .pastille{animation:cocHaccpGreen 16s var(--ease-brand,ease) infinite}.coc-haccp .pastille:nth-child(2){animation-delay:.25s}.coc-haccp .pastille:nth-child(3){animation-delay:.5s}.coc-haccp .label{color:var(--text-2);font-size:.75rem}.coc-panier{border:1px solid var(--primary);background:var(--surface);color:var(--primary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:14px;right:14px}[data-js] .coc.playing .coc-panier{animation:cocPanierFill 16s var(--ease-brand,ease) infinite}.coc-caption{color:var(--text-2);font-size:.75rem}@keyframes cocKicker{0%{opacity:0;transform:translateY(8px)}5%,9%{opacity:1;transform:none}16%,to{opacity:0}}@keyframes cocPanel{0%,7%{opacity:0;transform:translateY(10px)}12%,78%{opacity:1;transform:none}86%,to{opacity:0}}@keyframes cocFlag{0%,24%{opacity:0;transform:translateY(8px)}29%,78%{opacity:1;transform:none}86%,to{opacity:0}}@keyframes cocTile{0%,39%{opacity:0;transform:translateY(10px)scale(.98)}45%,78%{opacity:1;transform:none}86%,to{opacity:0}}@keyframes cocNegociation{0%,55%{opacity:0;transform:translateY(12px)}60%,78%{opacity:1;transform:none}86%,to{opacity:0}}@keyframes cocPanierFill{0%,77%{color:var(--text-2);border-color:var(--border-strong)}84%,to{color:var(--primary);border-color:var(--primary)}}@keyframes cocFridgeSweep{0%{top:-30%}60%,to{top:110%}}@keyframes cocCrossOut{0%,45%,to{opacity:1}60%,95%{opacity:0}}@keyframes cocCrossIn{0%,45%,to{opacity:0}60%,95%{opacity:1}}@keyframes cocHaccpGreen{0%,60%{background:var(--border-strong)}70%,to{background:var(--primary)}}@media (prefers-reduced-motion:reduce){[data-js] .coc.playing .coc-kicker{opacity:0!important;animation:none!important}[data-js] .coc.playing .coc-fridge,[data-js] .coc.playing .coc-dlc,[data-js] .coc.playing .coc-recipe,[data-js] .coc.playing .coc-haccp{opacity:1!important;animation:none!important;transform:none!important}[data-js] .coc.playing .coc-fridge-sweep,[data-js] .coc.playing .coc-recipe .before{opacity:0!important;animation:none!important}[data-js] .coc.playing .coc-recipe .after{opacity:1!important;animation:none!important}[data-js] .coc.playing .coc-haccp .pastille{background:var(--primary)!important;animation:none!important}[data-js] .coc.playing .coc-panier{color:var(--primary)!important;border-color:var(--primary)!important;animation:none!important}}