/* Duditopia · Juegos para dos · «Cocina a dos» (v1 2026-11-07). Va después de /dos/dos.css. Prefijo .ck- */
.ck { width: 100%; max-width: 1180px; margin: 0 auto; outline: none; }
.ck svg { display: block; }
.ck kbd, .ck-reglas kbd { display: inline-block; min-width: 22px; padding: 1px 6px; border: 2px solid var(--cq-ink); border-bottom-width: 3px; border-radius: 6px;
                          background: #fff; font: 800 13px/1.3 var(--cq-body); text-align: center; color: var(--cq-ink); }

/* ---------- menú (selector de nivel) ---------- */
.ck-menu { background: #fff; border: 3px solid var(--cq-ink); border-radius: var(--cq-r-lg); box-shadow: var(--cq-sh-lg); padding: 0 0 22px; overflow: hidden; text-align: center; }
.ck-escena { line-height: 0; border-bottom: 3px solid var(--cq-ink); background: linear-gradient(to top, #ebdcc4 28.6%, transparent 28.6%), #eaf2f8 var(--pared) 0 0 / 40px 40px; }
.ck-escena svg { width: 100%; max-height: 260px; height: auto; }
.ck-menu-t { margin: 18px 16px 4px; }
.ck-menu-sub { margin: 0 16px 14px; color: var(--cq-ink2); font-size: 17px; }
.ck-niveles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; padding: 0 20px; }
.ck-nv { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 26px 8px 12px; cursor: pointer; font: inherit; color: var(--cq-ink);
         background: var(--cq-bg); border: 3px solid var(--cq-ink); border-radius: 16px; box-shadow: 4px 4px 0 var(--cq-ink); transition: transform .12s, box-shadow .12s, background .12s; }
.ck-nv:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--cq-ink); }
.ck-nv.on { background: var(--cq-yellow-l); box-shadow: 6px 6px 0 var(--cq-yellow-d); outline: 3px solid var(--cq-yellow); outline-offset: -8px; }
.ck-nv[aria-disabled="true"] { background: #eee8dc; color: var(--cq-muted); cursor: not-allowed; box-shadow: 2px 2px 0 var(--cq-ink); }
.ck-nv[aria-disabled="true"] .ck-nv-platos { filter: grayscale(1) opacity(.45); }
.ck-nv-n { position: absolute; top: -3px; left: -3px; width: 34px; height: 34px; display: grid; place-items: center; font: 800 19px/1 var(--cq-head);
           background: var(--cq-ink); color: #fff; border-radius: 14px 0 12px 0; }
.ck-nv.on .ck-nv-n { background: var(--cq-yellow-d); }
.ck-nv b { font: 800 17px/1.1 var(--cq-head); }
.ck-nv-platos { display: flex; justify-content: center; min-height: 52px; }
.ck-nv-platos .ck-cosa { width: 46px; margin: 0 -3px; }
.ck-nv-est { display: inline-flex; align-items: center; gap: 2px; font-size: 13.5px; font-weight: 700; min-height: 20px; }
.ck-candado { width: 12px; height: 10px; margin-right: 6px; background: var(--cq-muted); border-radius: 2px; position: relative; top: 2px; }
.ck-candado::before { content: ""; position: absolute; left: 2px; top: -7px; width: 4px; height: 6px; border: 2px solid var(--cq-muted); border-bottom: 0; border-radius: 5px 5px 0 0; }
.ck-roles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 20px 0; text-align: left; }
.ck-rol { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 14px; border: 3px solid var(--cq-ink); background: var(--j-l); }
.ck-rol.es-yo { box-shadow: 4px 4px 0 var(--j-d); }
.ck-rol b { display: block; font: 800 18px/1.1 var(--cq-head); }
.ck-rol small { color: var(--cq-ink2); font-size: 15px; }
.ck-rol-chef { flex: none; line-height: 0; }
.ck-menu-pie { margin: 18px 0 0; }
.ck-go { font-size: 21px; padding: 14px 26px; gap: 10px; }
.ck-menu-stats { display: inline-flex; align-items: center; gap: 8px; margin: 12px 16px 0; color: var(--cq-ink2); font-weight: 700; font-size: 15px; }

/* ---------- cabecera: comandas y marcador ---------- */
.ck-cab { display: flex; gap: 12px; align-items: stretch; margin-bottom: 12px; }
.ck-comandas { flex: 1; display: flex; gap: 10px; min-height: 118px; padding: 8px 10px 10px; overflow: hidden;
               background: #7a4a2a; border: 3px solid var(--cq-ink); border-radius: 14px; box-shadow: inset 0 6px 0 #5e3820, 3px 3px 0 var(--cq-ink); }
.ck-sin { margin: auto; color: #ffe7c2; font-weight: 800; }
.ck-ticket { position: relative; flex: 0 1 170px; min-width: 0; display: grid; grid-template-columns: 58px minmax(0, 1fr); grid-template-rows: auto 1fr auto; gap: 0 6px;
             padding: 12px 8px 8px; background: #fffdf6; border: 3px solid var(--cq-ink); border-radius: 4px 4px 10px 10px; box-shadow: 2px 3px 0 rgba(0, 0, 0, .3);
             animation: ck-ticket .35s ease-out; }
.ck-ticket::before { content: ""; position: absolute; top: -3px; left: 50%; width: 14px; height: 9px; margin-left: -7px; background: var(--cq-red); border: 3px solid var(--cq-ink); border-radius: 0 0 6px 6px; }
.ck-ticket-plato { grid-row: 1 / span 3; align-self: center; }
.ck-ticket-plato .ck-cosa { width: 58px; }
.ck-ticket-n { font: 800 14px/1.15 var(--cq-head); }
.ck-ticket-comps { display: flex; flex-wrap: wrap; gap: 2px; align-self: center; }
.ck-ticket-comps svg { width: 24px; height: 24px; }
.ck-ticket-pac { height: 10px; border: 2px solid var(--cq-ink); border-radius: 6px; background: #e8e1d3; overflow: hidden; }
.ck-ticket-pac i { display: block; height: 100%; background: var(--cq-mint); transition: width .25s linear; }
.ck-ticket.medio .ck-ticket-pac i { background: var(--cq-yellow); }
.ck-ticket.poco .ck-ticket-pac i { background: var(--cq-red); }
.ck-ticket.poco { animation: ck-tiembla .5s steps(2) infinite; }
.ck-marc { flex: none; display: grid; gap: 6px; align-content: center; padding: 8px 12px; background: #fff; border: 3px solid var(--cq-ink); border-radius: 14px; box-shadow: 3px 3px 0 var(--cq-ink); min-width: 190px; }
.ck-reloj, .ck-pts { display: flex; align-items: center; gap: 8px; }
.ck-reloj b, .ck-pts b { font: 800 26px/1 var(--cq-head); font-variant-numeric: tabular-nums; }
.ck-reloj.prisa b { color: #b0262b; animation: ck-late .5s steps(2) infinite; }
.ck-metro { position: relative; height: 14px; margin: 8px 6px 6px; border: 2px solid var(--cq-ink); border-radius: 8px; background: #eee8dc; }
.ck-metro i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--cq-yellow); border-radius: 6px; transition: width .3s; }
.ck-metro em { position: absolute; top: 50%; transform: translate(-50%, -50%); line-height: 0; }
.ck-metro em svg + svg, .ck-metro em.on svg:first-child { display: none; }
.ck-metro em.on svg + svg { display: block; animation: ck-pop .4s ease-out; }

/* ---------- la cocina ---------- */
.ck-cocina { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 132px minmax(0, 1fr); gap: 0; border: 3px solid var(--cq-ink); border-radius: 18px;
             overflow: hidden; background: #f4ead8 var(--suelo) 0 0 / 32px 32px; box-shadow: var(--cq-sh-lg); user-select: none; -webkit-user-select: none; touch-action: manipulation; }
.ck-lado { position: relative; padding: 0 14px 16px; min-width: 0; }
.ck-lado::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 64px; background: #eaf2f8 var(--pared) 0 0 / 32px 32px; border-bottom: 3px solid #c8d6e6; }
.ck-lado-t { position: relative; display: flex; justify-content: center; margin: 12px 0 12px; font: 800 15px/1.1 var(--cq-head); }
.ck-lado-t span { padding: 5px 12px; border-radius: 999px; border: 3px solid var(--cq-ink); background: var(--j-l, #fff); box-shadow: 2px 2px 0 var(--cq-ink); }
.ck-lado.mio .ck-lado-t span { background: var(--j); color: var(--j-ink); }
.ck-l1 { background: linear-gradient(90deg, rgba(255, 138, 107, .1), transparent); }
.ck-l2 { background: linear-gradient(270deg, rgba(47, 107, 242, .08), transparent); }
.ck-despensa, .ck-ests { position: relative; display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 12px; }
.ck-despensa { margin-bottom: 12px; padding: 10px; border-radius: 14px; background: rgba(122, 74, 42, .14); border: 3px dashed rgba(122, 74, 42, .45); }
.ck-despensa .ck-st { min-height: 104px; }
.ck-mostrador { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 0 10px 16px; background: #a8703e; border-left: 3px solid var(--cq-ink); border-right: 3px solid var(--cq-ink);
                box-shadow: inset 6px 0 0 #8a5a30, inset -6px 0 0 #8a5a30; }
.ck-mostrador .ck-lado-t span { background: var(--cq-yellow); }
.ck-m { position: relative; line-height: 0; border: 3px solid var(--cq-ink); border-radius: 10px; overflow: hidden; box-shadow: 0 4px 0 #5e3820; }
.ck-m-arte svg { width: 100%; height: auto; }
.ck-m .ck-st-cosa { position: absolute; inset: 10% 14%; display: grid; place-items: center; pointer-events: none; }
.ck-m .ck-m-b { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; width: 100%; min-height: 0; border: 0; background: transparent; cursor: pointer;
                padding: 0; border-radius: 0; box-shadow: none; transform: none; }
.ck-m .ck-m-1 { right: auto; width: 50%; } .ck-m .ck-m-2 { left: auto; right: 0; width: 50%; }
.ck-m .ck-m-b:hover, .ck-m .ck-m-b:focus-visible { background: rgba(255, 255, 255, .2); transform: none; box-shadow: none; }
.ck-m .ck-m-b:focus-visible { outline: 4px solid var(--cq-blue); outline-offset: -4px; }

/* estación */
.ck-st { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 2px; min-height: 118px; padding: 6px 4px 6px;
         font: inherit; color: var(--cq-ink); cursor: pointer; background: rgba(255, 255, 255, .78); border: 3px solid var(--cq-ink); border-radius: 14px;
         box-shadow: 3px 3px 0 var(--cq-ink); transition: transform .1s, box-shadow .1s, background .1s; -webkit-tap-highlight-color: transparent; }
.ck-lado.mio .ck-st:hover { background: #fff; transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--cq-ink); }
.ck-lado.mio .ck-st:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--cq-ink); }
.ck-lado.ajeno .ck-st { cursor: default; background: rgba(255, 255, 255, .5); box-shadow: 2px 2px 0 rgba(31, 34, 64, .5); }
.ck-st:focus-visible { outline: 4px solid var(--cq-blue); outline-offset: 2px; }
.ck-st-arte { line-height: 0; }
.ck-st-arte svg { width: 72px; height: 72px; }
.ck-st-n { font: 800 13.5px/1.1 var(--cq-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.ck-st > .ck-st-cosa { position: absolute; left: 50%; top: 4px; width: 50px; transform: translateX(-50%); pointer-events: none; line-height: 0; z-index: 2;
                       filter: drop-shadow(0 2px 0 rgba(31, 34, 64, .35)); }
.ck-st-tb > .ck-st-cosa { top: 18px; } .ck-st-mo > .ck-st-cosa { top: 6px; width: 62px; } .ck-st-fg > .ck-st-cosa { top: 14px; } .ck-st-ts > .ck-st-cosa { top: 2px; }
.ck-st-ol > .ck-st-cosa { top: 4px; }
.ck-st-barra { position: absolute; left: 12%; right: 12%; top: 66px; height: 10px; border: 2px solid var(--cq-ink); border-radius: 6px; background: #fff; overflow: hidden; z-index: 3; }
.ck-st-barra i { display: block; height: 100%; background: var(--cq-coral); }
.ck-st[data-estado="corta"] .ck-st-barra i { background: var(--cq-mint); transition: width .15s; }
.ck-st[data-estado="hecho"] .ck-st-barra i { background: var(--cq-mint); }
.ck-st[data-estado="peligro"] .ck-st-barra i { background: var(--cq-red); }
.ck-st[data-estado="peligro"] { animation: ck-peligro .6s steps(2) infinite; }
.ck-st[data-estado="hecho"]::after { content: "¡Listo!"; position: absolute; top: -12px; right: -8px; z-index: 4; padding: 2px 8px; font: 800 12.5px/1.2 var(--cq-head);
                                     background: var(--cq-mint); color: #fff; border: 2px solid var(--cq-ink); border-radius: 999px; transform: rotate(6deg); }
.ck-st[data-estado="quemado"]::after { content: "¡Quemado!"; position: absolute; top: -12px; right: -8px; z-index: 4; padding: 2px 8px; font: 800 12.5px/1.2 var(--cq-head);
                                       background: var(--cq-ink); color: #fff; border: 2px solid var(--cq-ink); border-radius: 999px; transform: rotate(-4deg); }
.ck-fuego { position: absolute; left: 50%; top: 52px; width: 40px; transform: translateX(-50%); display: none; z-index: 1; pointer-events: none; }
.ck-fuego svg { width: 40px; height: 20px; }
.ck-fuego svg + svg { display: none; }
.ck-st[data-estado="calor"] .ck-fuego { display: block; }
.ck-st[data-estado="calor"] .ck-fuego svg { animation: ck-llama .36s steps(1) infinite; }
.ck-st[data-estado="calor"] .ck-fuego svg + svg { display: block; position: absolute; top: 0; animation-delay: .18s; }
.ck-st-ol .ck-fuego { top: 70px; }
.ck-st.ok, .ck-m.ok { animation: ck-ok .25s ease-out; }
.ck-st.no, .ck-m.no { animation: ck-no .3s steps(2); }
.ck-st.listo { animation: ck-ok .4s ease-out 2; }
.ck-st.cur1 { outline: 4px dashed var(--cq-coral-d); outline-offset: 3px; }
.ck-st.cur2 { outline: 4px dashed var(--cq-blue-d); outline-offset: 3px; }
.ck-m-b.cur1 { outline: 4px dashed var(--cq-coral-d); outline-offset: -5px; }
.ck-m-b.cur2 { outline: 4px dashed var(--cq-blue-d); outline-offset: -5px; }

/* cosas y platos */
.ck-cosa { position: relative; display: block; width: 100%; line-height: 0; }
.ck-cosa > svg { width: 100%; height: auto; }
.ck-plato .ck-comp { position: absolute; left: 50%; top: 50%; width: 58%; transform: translate(calc(-50% + var(--dx, 0%)), calc(-56% + var(--dy, 0%))); }
.ck-plato .ck-comp svg { width: 100%; height: auto; }

/* cocineros */
.ck-chef { position: absolute; left: 0; top: 0; z-index: 6; width: 54px; pointer-events: none; transition: transform .28s cubic-bezier(.3, .8, .4, 1); will-change: transform; }
.ck-chef.quieto { transition: none; }
.ck-chef > svg { width: 54px; height: 72px; filter: drop-shadow(0 3px 0 rgba(31, 34, 64, .25)); }
.ck-chef > svg + svg { display: none; }
.ck-chef.trabaja > svg:first-of-type { display: none; }
.ck-chef.trabaja > svg + svg { display: block; }
.ck-lleva { position: absolute; left: 50%; bottom: 58px; width: 40px; transform: translateX(-50%); line-height: 0; }
.ck-lleva .ck-plato { width: 52px; margin-left: -6px; }

/* superposiciones */
.ck-previa { position: absolute; inset: 0; z-index: 20; display: none; place-items: center; pointer-events: none; background: rgba(31, 34, 64, .35); }
.ck-previa.on { display: grid; }
.ck-previa b { font: 800 clamp(48px, 9vw, 110px)/1 var(--cq-head); color: #fff; -webkit-text-stroke: 3px var(--cq-ink); text-shadow: 6px 6px 0 var(--cq-ink); }
.ck-previa.pum b { animation: ck-pum .6s ease-out; }
.ck-pausa { position: absolute; inset: 0; z-index: 21; display: grid; place-items: center; background: rgba(31, 34, 64, .55); }
.ck-pausa p { display: flex; align-items: center; gap: 10px; margin: 16px; padding: 14px 18px; background: #fff; border: 3px solid var(--cq-ink); border-radius: 14px; font-weight: 800; box-shadow: 4px 4px 0 var(--cq-ink); }
.ck-flota { position: absolute; z-index: 25; display: flex; align-items: center; gap: 4px; transform: translate(-50%, 0); pointer-events: none; animation: ck-flota 1.3s ease-out forwards; }
.ck-flota b { font: 800 26px/1 var(--cq-head); color: var(--cq-yellow); -webkit-text-stroke: 2px var(--cq-ink); text-shadow: 3px 3px 0 var(--cq-ink); }
.ck-ayuda { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 10px; color: var(--cq-ink2); font-weight: 700; font-size: 15px; }
.ck-ayuda .dos-j1 { color: var(--cq-coral-d); } .ck-ayuda .dos-j2 { color: var(--cq-blue-d); }

/* reglas */
.ck-pasos { padding-left: 22px; }
.ck-pasos li { margin: 10px 0; }
.ck-pasos .dos-j1 b { color: var(--cq-coral-d); } .ck-pasos .dos-j2 b { color: var(--cq-blue-d); }
.ck-tira { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 6px; padding: 6px 10px; background: var(--cq-bg); border: 2px solid var(--cq-line2); border-radius: 12px; }
.ck-tira i { font-style: normal; font-weight: 800; color: var(--cq-muted); }

/* final */
.ck-fin { margin: 8px 0 4px; }
.ck-fin-est { display: flex; justify-content: center; gap: 6px; margin: 4px 0 8px !important; }
.ck-fin-est span { line-height: 0; }
.ck-fin-est span.on { animation: ck-pop .5s ease-out both; animation-delay: calc(var(--i) * .25s); }
.ck-fin-datos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; }
.ck-fin-datos div { padding: 6px 4px; border: 2px solid var(--cq-line2); border-radius: 12px; background: var(--cq-bg); }
.ck-fin-datos dt { font-size: 12.5px; font-weight: 700; color: var(--cq-muted); }
.ck-fin-datos dd { margin: 2px 0 0; display: flex; align-items: center; justify-content: center; gap: 4px; font: 800 19px/1.1 var(--cq-head); }
.ck-fin-nuevo { display: inline-flex; align-items: center; gap: 8px; margin: 10px 0 0 !important; padding: 6px 12px; background: var(--cq-mint-l); border: 2px solid var(--cq-mint-d);
                border-radius: 999px; color: var(--cq-mint-d) !important; font-weight: 800; font-size: 16px !important; }

@keyframes ck-ticket { from { transform: translateY(-30px) rotate(-4deg); opacity: 0; } }
@keyframes ck-tiembla { 50% { transform: rotate(1.5deg); } }
@keyframes ck-late { 50% { transform: scale(1.12); } }
@keyframes ck-pop { 0% { transform: scale(.3); } 60% { transform: scale(1.3); } 100% { transform: scale(1); } }
@keyframes ck-ok { 40% { transform: scale(1.06); } }
@keyframes ck-no { 0%, 100% { transform: translateX(0); } 33% { transform: translateX(-5px); } 66% { transform: translateX(5px); } }
@keyframes ck-peligro { 50% { background: #ffe0dc; } }
@keyframes ck-llama { 50% { opacity: 0; } }
@keyframes ck-pum { 0% { transform: scale(2.2); opacity: 0; } 50% { transform: scale(.92); opacity: 1; } 100% { transform: scale(1); } }
@keyframes ck-flota { 0% { transform: translate(-50%, 0); opacity: 0; } 15% { opacity: 1; } 100% { transform: translate(-50%, -70px); opacity: 0; } }

/* ---------- tablet y móvil ---------- */
@media (max-width: 980px) {
  .ck-niveles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ck-cocina { grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr); }
  .ck-despensa, .ck-ests { grid-template-columns: repeat(auto-fill, minmax(86px, 1fr)); gap: 9px; }
}
@media (max-width: 760px) {
  .ck-niveles { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 12px; gap: 10px; }
  .ck-nv:last-child { grid-column: 1 / -1; }
  .ck-roles { grid-template-columns: 1fr; margin: 14px 12px 0; }
  .ck-menu-sub { font-size: 15.5px; }
  .ck-cab { flex-direction: column-reverse; gap: 8px; }
  .ck-marc { grid-template-columns: auto auto minmax(0, 1fr); align-items: center; min-width: 0; padding: 6px 10px; gap: 12px; }
  .ck-reloj b, .ck-pts b { font-size: 21px; }
  .ck-metro { margin: 0 8px; }
  .ck-comandas { min-height: 88px; gap: 6px; padding: 8px 6px 6px; }
  .ck-ticket { flex: 1 1 0; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; padding: 10px 4px 5px; justify-items: center; }
  .ck-ticket-plato { grid-row: auto; }
  .ck-ticket-plato .ck-cosa { width: 52px; }
  .ck-ticket-n, .ck-ticket-comps { display: none; }
  .ck-ticket-pac { width: 100%; height: 8px; }
  .ck-cocina { grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1fr); border-radius: 14px; }
  .ck-lado { padding: 0 6px 10px; }
  .ck-lado::before { height: 44px; }
  .ck-lado-t { margin: 8px 0; font-size: 12px; }
  .ck-lado-t span { padding: 3px 7px; text-align: center; }
  .ck-despensa, .ck-ests { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .ck-l2 .ck-ests { grid-template-columns: minmax(0, 1fr); }
  .ck-despensa { padding: 5px; margin-bottom: 8px; border-width: 2px; }
  .ck-st { min-height: 80px; padding: 3px 2px 4px; border-radius: 11px; box-shadow: 2px 2px 0 var(--cq-ink); }
  .ck-despensa .ck-st { min-height: 72px; }
  .ck-st-arte svg { width: 48px; height: 48px; }
  .ck-st-n { font-size: 11.5px; }
  .ck-st > .ck-st-cosa { width: 34px; }
  .ck-st-mo > .ck-st-cosa { width: 44px; }
  .ck-st-tb > .ck-st-cosa, .ck-st-fg > .ck-st-cosa { top: 10px; }
  .ck-st-barra { top: 44px; height: 8px; }
  .ck-fuego { top: 34px; width: 30px; } .ck-fuego svg { width: 30px; height: 15px; } .ck-st-ol .ck-fuego { top: 46px; }
  .ck-st[data-estado="hecho"]::after, .ck-st[data-estado="quemado"]::after { font-size: 10.5px; padding: 1px 5px; top: -9px; right: -4px; }
  .ck-mostrador { padding: 0 5px 10px; gap: 10px; }
  .ck-mostrador .ck-lado-t span { font-size: 0; padding: 3px 4px; width: 22px; height: 22px; background: var(--cq-yellow) var(--icono, none) center / 16px no-repeat; }
  .ck-chef { width: 36px; } .ck-chef > svg { width: 36px; height: 48px; }
  .ck-lleva { bottom: 40px; width: 28px; } .ck-lleva .ck-plato { width: 38px; margin-left: -5px; }
  .ck-ayuda { font-size: 13px; gap: 10px; }
  .ck-fin-datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ck-tira { gap: 3px; padding: 5px 6px; flex-wrap: nowrap; }
  .ck-tira svg { width: 40px !important; height: 40px !important; }
  .ck-tira i { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .ck-chef, .ck-ticket-pac i, .ck-metro i { transition: none !important; }
  .ck-ticket, .ck-ticket.poco, .ck-reloj.prisa b, .ck-st.ok, .ck-st.no, .ck-m.ok, .ck-m.no, .ck-st.listo, .ck-st[data-estado="peligro"],
  .ck-previa.pum b, .ck-fin-est span.on, .ck-metro em.on svg + svg { animation: none !important; }
  .ck-st[data-estado="calor"] .ck-fuego svg { animation: none !important; }
  .ck-flota { animation-duration: .01s; }
}