.cuarto-juego{--alto-extra:150px;flex-direction:column;align-items:center;gap:6px;width:100%;max-height:100%;display:flex;overflow:hidden auto}.cuarto{aspect-ratio:4/3;width:min(100%, calc((100dvh - var(--alto-extra) - 140px) * 4 / 3));border-radius:20px;flex:none;position:relative;overflow:hidden;box-shadow:0 4px 16px #3b31472e;container-type:inline-size}.cuarto[data-modo=libre]{width:min(100%,560px,133.333dvh - 453.333px)}.cuarto-juego--libre{width:calc(100% + 16px);margin-inline:-8px}.cuarto__svg{width:100%;height:100%;display:block;position:absolute;inset:0}.cuarto__svg #pared,.cuarto__svg #piso{cursor:pointer}.cuarto__capa{pointer-events:none;position:absolute;inset:0}.puesto,.lugar,.fantasma{font-size:calc(var(--t,.12) * 100cqw);user-select:none;line-height:1;position:absolute;transform:translate(-50%,-50%)}.puesto{pointer-events:auto;cursor:grab;touch-action:none;place-items:center;min-width:64px;min-height:64px;display:grid}body[data-edad="6-8"] .puesto{min-width:48px;min-height:48px}.puesto--fijo{cursor:default}.puesto--sel{outline:3px dashed var(--coral-texto);outline-offset:4px;border-radius:12px}.puesto.saltar{animation:.45s ease-out saltar}@keyframes saltar{0%{transform:translate(-50%,-50%)scale(.6)}45%{transform:translate(-50%,-85%)scale(1.15)}to{transform:translate(-50%,-50%)scale(1)}}.lugar{pointer-events:none}.lugar--silueta{filter:grayscale()brightness(.35);opacity:.35;box-sizing:content-box;border:3px dashed #3b314799;border-radius:18px;padding:4px}.lugar--silueta.lugar--lleno{display:none}button.lugar{pointer-events:auto;cursor:pointer;width:calc(var(--t) * 100cqw);height:calc(var(--t) * 100cqw);color:#3b314799;min-width:64px;min-height:64px;font:700 2rem/1 var(--fuente-titulo);background:#ffffff59;border:3px dashed #3b314773;border-radius:50%;padding:0}button.lugar--lleno{opacity:0}.cuarto--brillo{animation:1.2s ease-in-out 2 brillo}@keyframes brillo{50%{box-shadow:0 0 0 8px #ffe48a,0 0 40px 12px #fff3b8}}.fantasma{z-index:60;pointer-events:none;opacity:.9;position:fixed}.bandeja{background:var(--salvia-tinte);border-radius:20px;flex-wrap:wrap;flex:none;justify-content:center;gap:8px;max-width:100%;padding:6px;display:flex}body[data-edad="6-8"] .bandeja{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.bandeja__obj{background:var(--superficie);cursor:grab;user-select:none;touch-action:none;border:0;border-radius:16px;flex:none;width:64px;min-width:64px;height:64px;min-height:64px;padding:0;font-size:2.25rem;line-height:1}body[data-edad="6-8"] .bandeja__obj{width:56px;min-width:48px;height:56px;min-height:48px}.bandeja__obj[hidden]{display:none}.herramientas{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.herramientas__fila{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.herramientas__fila--color{gap:2px}.herramientas__rotulo{font:700 .875rem/1 var(--fuente-titulo);width:40px}.herramientas .boton-grande{padding:0 16px}.chico{background:var(--salvia-tinte);min-width:48px;min-height:48px;color:var(--salvia);font:700 1.5rem/1 var(--fuente-titulo);cursor:pointer;border:0;border-radius:999px;padding:0 12px}.chico--texto{font-size:1rem}.chico:disabled{opacity:.4;cursor:default}.herramientas .boton-grande{min-height:48px;font-size:1rem}.cuarto__color{background:var(--c);cursor:pointer;border:3px solid #fff;border-radius:50%;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;box-shadow:0 0 0 1px #3b31474d}.cuarto__color[aria-pressed=true]{box-shadow:0 0 0 3px var(--coral-texto)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (orientation:landscape) and (height<=500px){.cuarto-juego{--lado:0px;grid-template-columns:auto auto;place-content:center;align-items:center;gap:8px 12px;height:100%;display:grid;container-type:size}.cuarto,.cuarto[data-modo=libre]{width:min(100cqw - var(--lado), 100cqh * 4 / 3);grid-row:1/span 2}.cuarto-juego:has(.cuarto[data-modo=lugares]){--lado:240px}.cuarto[data-modo=lugares]~.bandeja{grid-row:1/span 2;width:220px}.cuarto-juego--libre{--lado:362px;width:calc(100% + 16px)}.cuarto-juego--libre .bandeja,.cuarto-juego--libre .herramientas{width:350px}.cuarto-juego--libre .bandeja{align-self:end}.cuarto-juego--libre .herramientas{align-self:start}}@media (prefers-reduced-motion:reduce){.puesto.saltar,.cuarto--brillo{animation:none}}